-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (122 loc) · 6.94 KB
/
index.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
<html>
<head>
<script src="https://www.gstatic.com/firebasejs/5.3.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyBC2JOrK12TMk-VwQYuD-gMjp1ozLvVJ0k",
authDomain: "tourappa.firebaseapp.com",
databaseURL: "https://tourappa.firebaseio.com",
projectId: "tourappa",
storageBucket: "tourappa.appspot.com",
messagingSenderId: "629540902745"
};
firebase.initializeApp(config);
</script>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Tour App</title>
<meta name="description" content="Personal portfolio of Web Designer and Developer Samir Alibabic">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--link to our stylesheet-->
<link rel="stylesheet" href="styles.css" />
<link rel="shortcut icon" href="tour_guide_fav_icon.png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="https://samiralibabic.github.io/portfolio/css/normalize.css">
<!-- Google Font Lato -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://samiralibabic.github.io/portfolio/css/font-mfizz-2.3.0/font-mfizz.css">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://samiralibabic.github.io/portfolio/js/vendor/modernizr-2.8.3.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> -->
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header id="landing">
<nav class="navbar navbar-default navbar-fixed-top">
<div id="" class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu-items" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#landing"><span class="glyphicon glyphicon-home" aria-label="Home" aria-hidden="true"></span></a>
</div>
<div class="collapse navbar-collapse navbar-right" id="main-menu-items">
<ul class="nav navbar-nav">
<li><a href="#intro">About</a></li>
<li><a href="#contact">Contact</a></li>
<li class="hidden" id="avatar-icon-spot"></li>
<!--<li id="log-in-button"><a href="#">Log In</a>-->
<li class="" id="login_button">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">LOG IN</a>
<ul class="dropdown-menu">
<li><a href="#" id="log_in_as_tourist">LOG IN AS TOURIST</a></li>
<li><a href="#" id="log_in_as_tour_guide">LOG IN AS TOUR GUIDE</a></li>
</ul>
</li>
<!--</li>-->
<li class="" id="logout_button"><a href="#">Log Out</a></li>
</ul>
</div>
</div>
</nav>
<div class="hero-text-box">
<h1 id="main-heading">Tour App</h1>
<h2 id="main-subheading">autonomous solution to exploring the city</h2>
<a href="guide-page.html" class="btn btn-default">TOUR GUIDES WEBSITE</a>
<a href="#intro" class="btn btn-default">LEARN MORE</a>
<a href="panel.html" class="btn btn-default">BOOK A TOUR</a>
</div>
</header>
<section id="intro" class="row">
<div class="col-sm-4 col-md-4 col-lg-4">
<h3 class="text-center"><span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span><br>Costs</h3>
<p>
There are no joining fees. The pricings for your tours are up to you. You automatically get paid once the transaction is successful. We only charge a 3% service fee.
</p>
</div>
<div class="col-sm-4 col-md-4 col-lg-4">
<h3 class="text-center"><span class="glyphicon glyphicon-education" aria-hidden="true"></span><br>Requirement</h3>
<p>
The only requirement to join us is to have an NYC tour guide license. This way tourists know that they are being shown NYC by serious and experienced tour guides.
</p>
</div>
<div class="col-sm-4 col-md-4 col-lg-4">
<h3 class="text-center"><span class="glyphicon glyphicon-time" aria-hidden="true"></span><br>Flexibility</h3>
<p>
We know New Yorkers are constantly hustling, so you get to set up your schedule! You also determine the maximum amount of people you would like to take on your tour.
<em></em>
</p>
</div>
</section>
<footer id="contact" class="row">
<h3 class="text-center">Contact Us!</h3>
<div class="col-xs-10 col-xs-offset-1 text-center">
<p>
</p>
<a href="mailto:belissa.baez.28@gmail.com" target="_blank">
<span class="glyphicon glyphicon-envelope"></span></a>
<h4 class= "text-center">This page was founded by Kimberley Rangel, Belissa Baez, & Josue Avendano </h4>
</div><br>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://samiralibabic.github.io/portfolio/js/plugins.js"></script>
<script src="https://samiralibabic.github.io/portfolio/js/main.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="script.js"></script>
<script src="ui.js"></script>
<script src="firebase.js"></script>
</body>
</html>