-
Notifications
You must be signed in to change notification settings - Fork 3
/
faq.html
168 lines (162 loc) · 7.84 KB
/
faq.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ</title>
<!-- <link rel="stylesheet" href="faq.css"> -->
<!-------link to jQuery file-->
<script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-------link to CSS Reset file-->
<link rel="stylesheet" type="text/css" href="CSS/reset.css">
<!-- link to the custom css file -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="CSS/material.css" media="screen,projection"/>
<link href="CSS/style.css" rel="stylesheet" >
<!-------link to Fontawesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<!-------link to GoogleFonts-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Monoton&display=swap" rel="stylesheet">
</head>
<body>
<!--------Start NavBar Area-------->
<nav>
<div class="nav-wrapper" style="background-color: #3f51b5;">
<a href="#!"><img src="./Assets/logo.png" height="40" width="100" alt"logo"
class="brand-logo" style="margin: 10px;"></a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class=
"material-icons">menu</i></a>
<ul class="right hide-on-med-and-down" id="nav-mobile" style="font-size: 18px;
font-weight: bold">
<li><a href="index.html">Home</a></li>
<li><a href="eventapp.html">Events</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="more.html">About Us</a></li>
</ul>
</div>
</nav>
<ul class="right sidenav" id="mobile-demo">
<li><a href="index.html">Home</a></li>
<li><a href="eventapp.html">Events</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="more.html">About Us</a></li>
</ul>
<!--------End NavBar Area-------->
<!---Dropdown Structure-Question/Answer--->
<div class="main-container">
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle" id="qMark">
</i>What is EventHub?</div>
<div class="collapsible-body"><span>EventHub is a global platform for live
experiences that allows anyone to create, share, find and attend events that
fuel their passions and enrich their lives. Events are a great opportunity
for people to come together and share experiences.</span></div>
</li>
</ul>
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle" id="qMark">
</i>What API's are we using for this application?</div>
<div class="collapsible-body"><span>We are using Ticketmaster API to get the
data about the events where user can search for events based on the city.
We are also using MapQuest API where user can see the searched location on a
map and determine how long it will take to get to the desired venue.</span></div>
</li>
</ul>
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle" id="qMark">
</i>Is it free to use this App?</div>
<div class="collapsible-body"><span>This app is free to use but it is still
in developmental stage. As development progresses fees may apply for some
of the services that can facilitate the users in terms of selling tickets and
funding etc.</span></div>
</li>
</ul>
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle"
id="qMark"></i>What programming languages are used to code this
application?</div>
<div class="collapsible-body"><span>This app is been coded in Javascript,
HTML5, CSS using client side server api's and third party
server api's. Examples are JQuery and Ajax. We are still developing a map
using google API so the user can see the venue location.</span></div>
</li>
</ul>
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle" id="qMark">
</i>I like music, can I search for different events?</div>
<div class="collapsible-body"><span>Yes you can search for many types of events.
We are providing a variety of events and dependent on user input - what
interests them most - in a desired city.</span></div>
</li>
</ul>
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle" id="qMark">
</i>What is MapQuest API?</div>
<div class="collapsible-body"><span>We are using MapQuest API so user can see
the location through map an additional info.</span></div>
</li>
</ul>
<ul class="collapsible">
<li>
<div class="collapsible-header"><i class="far fa-question-circle" id="qMark">
</i>Are you storing my data?</div>
<div class="collapsible-body"><span>At this time, there is no logIn required
to utilize the App. We do not request any personal information. We do
provide each user a search history and make it readily accessible to them.</span></div>
</li>
</ul>
</div>
<!--------End of questions----------------->
<!-- Start of the Footer -->
<footer class="page-footer N/A transparent">
<div class="container col s12">
<div class="col s12 center-align">
<a href="#"><img src="./Assets/logo.png" height="40" width="100"
alt="logo" class="eventFoot center-align" style="padding: 0px;"></a>
<p class="black-text text-lighten-4 center-align" style="margin: 0px;
font-weight: bold;">FOLLOW US</p>
</div>
<div class="container col s12">
<div class="row center-align" style="margin: 0px; font-size: 16px;
font-weight: bold;" id="socLinks">
<a href="https://www.facebook.com/"><i class="fab fa-facebook"
id="ftrIcon"></i> </a>
<a href="https://www.youtube.com/"><i class="fab fa-youtube"
id="ftrIcon"></i> </a>
<a href="https://instagram.com/"><i class="fab fa-instagram"
id="ftrIcon"></i> </a>
<a href="https://twitter.com/"><i class="fab fa-twitter"
id="ftrIcon"></i> </a>
<a href="https://linkedin.com/"><i class="fab fa-linkedin"
id="ftrIcon"></i> </a>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container center-align" style="color: black; padding: 0px;">
Copyright ©2020 All rights reserved | This is my Project-1
<a href="#"><span style="color: black">Team-3</span></a>
</div>
</div>
</footer>
<!-------End of the Footer----------------->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script type="text/javascript" src="./materialize.js"></script>
<!--------Script for collapse activation----->
<script>
$(document).ready(function(){
//Responsive collapse of Navbar
$('.sidenav').sidenav();
$('.collapsible').collapsible();
});
</script>
</body>
</html>