generated from comp1800/web_template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmain.html
170 lines (156 loc) · 7.32 KB
/
main.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
169
170
<!DOCTYPE html>
<html lang="en">
<head>
<title>My BCIT Project</title>
<meta name="comp1800 template" content="My 1800 App">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap Library CSS CDN go here -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Bootstrap Library JS CDN go here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!-- FireBase-->
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/ui/4.8.1/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.8.1/firebase-ui-auth.css" />
<!-- Other libraries go here -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- Link to styles of your own -->
<link rel="stylesheet" href="./styles/style.css">
<style>
.card {
width: 80%;
margin: 5px auto;
float: none;
margin-bottom: 50px;
padding: 20px;
}
@media screen and (max-width: 600px) {
body {
padding: 0;
}
.card {
width: 100%;
margin: auto
}
}
</style>
</head>
<body>
<!------------------------------>
<!-- Your HTML Layout go here -->
<!------------------------------>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="./images/Cocost_logo.png" height="100">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="main.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="profile.html">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./transit/transit_saved_page.html">Transit Bookmark</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./restaurants/restaurants_saved.html">Restaurant Bookmark</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./housing/housing_saved.html">Housing Bookmark</a>
</li>
<br>
<li class="nav-item">
<a href="login.html"> <button id="loginBtn" class="btn btn-outline-dark"
style="float: left">Login/Signup</button> </a>
<a href="login.html"> <button id="logoutBtn" class="btn btn-outline-dark"
style="float: left">Logout</button> </a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"
id="mySearch">
<button class="btn btn-outline-dark" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!--Welcome banner-->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-4 text-center" style="padding-top: 2%;">Welcome to co.Cost <span
id="name-goes-here"></span></h1>
<p class="lead text-center">Convenience at the lowest cost.</p>
</div>
</div>
<!--Cards for body-->
<p class="choose_school_text" style="margin-left: 1rem;"> Choose your school to continue</p>
<div class="card">
<a href="./jumppage/jump_page_BCIT.html" style="text-decoration:none;">
<img src="images/BCIT.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h2>BCIT</h2>
<p class="card-text">The British Columbia Institute of Technology (also referred to as BCIT), is a
public
polytechnic institute in Burnaby,
British Columbia. The technical institute has five campuses located in the Metro Vancouver region,
with
its main campus
in Burnaby, British Columbia, Canada.</p>
</div>
</a>
</div>
<div class="card">
<a href="./jumppage/jump_page_UBC.html" style="text-decoration:none;">
<img src="images/UBC.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h2>UBC</h2>
<p class="card-text">The University of British Columbia (UBC) is a public research university with
campuses
near Vancouver and in Kelowna,
British Columbia. Established in 1908, it is British Columbia's oldest university. The university
ranks
among the top
three universities in Canada.</p>
</div>
</a>
</div>
<div class="card">
<a href="./jumppage/jump_page_SFU.html" style="text-decoration:none;">
<img src="images/SFU.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h2>SFU</h2>
<p class="card-text">Simon Fraser University (SFU) is a public research university in British Columbia,
Canada, with three campuses, all in
Greater Vancouver: Burnaby (main campus), Surrey, and Vancouver.</p>
</div>
</a>
</div>
<!--Copyright Footer-->
<footer class="border-top">
<p class="text-center">© 2022 DTC05 co.Cost</p>
</footer>
<!---------------------------------------------->
<!-- Your own JavaScript functions go here -->
<!---------------------------------------------->
<!-- Link to scripts of your own -->
<script src="./scripts/firebaseAPI_TEAMDTC05.js"></script>
<script src="./scripts/main.js"></script>
<!-- <script src="./scripts/authentication.js"></script> -->
</body>
</html>