-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (132 loc) · 9.54 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TreeRoute</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="./style.css" rel="stylesheet">
<meta name="description" content="TreeRoute The next-gen map for the ultimate campus experience, built by the community for the community."></meta>
<link rel="icon" type="image/svg+xml" sizes="any" href="./images/logo.svg">
</head>
<body class="font-inter antialiased bg-white text-gray-800 tracking-tight">
<!-- Page wrapper -->
<div class="flex flex-col min-h-screen overflow-hidden">
<!-- Site header -->
<header class="absolute w-full z-30">
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="flex items-center justify-between h-16 md:h-20">
<!-- Site branding -->
<div class="shrink-0 mr-4">
<!-- Logo -->
<img class="h-8 md:h-10" src="./images/logo.svg" alt="TreeRoute">
</div>
<!-- Desktop navigation -->
<nav class="flex grow">
<!-- Desktop # links -->
<ul class="flex grow justify-end flex-wrap items-center">
<li>
<a class="text-sm font-medium text-green-600 hover:underline px-3 lg:px-5 py-2 flex items-center" href="https://forms.gle/UH9ZDfFKbztdCxEY7">Stanford: Join Team</a>
</li>
<li class="ml-3">
<a class="btn-sm text-white bg-green-500 hover:bg-green-600 w-full shadow-sm" href="https://github.com/TreeRouteCo">Go to GitHub</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!-- Page content -->
<main class="flex-grow">
<!-- Hero -->
<section class="relative">
<!-- Bg -->
<div class="absolute inset-0 bg-gradient-to-b from-green-100 to-white pointer-events-none -z-10" aria-hidden="true"></div>
<!-- Illustration -->
<div class=" absolute left-1/2 -translate-x-1/2 pointer-events-none -z-10" aria-hidden="true">
<img src="./images/hero-illustration.svg" class="max-w-none" width="1440" height="749" alt="Hero Illustration">
</div>
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="pt-28 pb-8 md:pt-36 md:pb-16">
<!-- Hero content -->
<div class="max-w-3xl text-center md:text-left">
<!-- Copy -->
<h1 class="h1 font-inter mb-6">The next-gen map for the ultimate <span class="font-nycd text-green-500 font-normal">campus experience</span></h1>
<p class="text-lg text-gray-500 mb-8">We're on a mission to build the ultimate campus map for colleges.<br class="hidden md:block" /> Stay up to date on what's going on and find where you need to be,<br class="hidden md:block" /> all powered by the community.</p>
<!-- Button + Avatars -->
<div class="sm:flex sm:items-center sm:justify-center md:justify-start space-y-6 sm:space-y-0 sm:space-x-5">
<div>
<a class="btn text-white bg-green-500 hover:bg-green-600 shadow-sm" href="https://github.com/TreeRouteCo">Go to GitHub</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Site footer -->
<footer>
<div class="max-w-6xl mx-auto px-4 sm:px-6 sticky bottom-0">
<div class="py-8 md:py-12">
<!-- Top area -->
<div class="flex flex-col md:flex-row items-center justify-center md:justify-between mb-4 md:mb-6">
<div class="shrink-0 mr-4">
<!-- Logo -->
<a class="inline-flex group mb-8 md:mb-0" href="index.html" aria-label="TreeRoute">
<img class="h-8 md:h-10" src="./images/logo.svg" alt="TreeRoute">
</a>
</div>
<!-- Social links -->
<div class="flex items-center space-x-4 mb-4 md:order-2 md:ml-4 md:mb-0">
<div class="text-xl font-nycd text-green-500">Follow us on</div>
<ul class="inline-flex space-x-3">
<!--<li>
<a class="flex justify-center items-center text-green-500 bg-green-100 hover:text-white hover:bg-green-500 rounded-full transition duration-150 ease-in-out" href="#0" aria-label="Twitter">
<svg class="w-8 h-8 fill-current" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M24 11.5c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4 0 1.6 1.1 2.9 2.6 3.2-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H8c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4c.7-.5 1.3-1.1 1.7-1.8z" />
</svg>
</a>
</li>-->
<li>
<a class="flex justify-center items-center text-green-500 bg-green-100 hover:text-white hover:bg-green-500 rounded-full transition duration-150 ease-in-out" href="https://github.com/TreeRouteCo" aria-label="Github">
<svg class="w-8 h-8 fill-current" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.2c-4.4 0-8 3.6-8 8 0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4V22c-2.2.5-2.7-1-2.7-1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.3 1.9.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8.6-.2 1.3-.3 2-.3s1.4.1 2 .3c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.6.8 1.3.8 2.1 0 3.1-1.9 3.7-3.7 3.9.3.4.6.9.6 1.6v2.2c0 .2.1.5.6.4 3.2-1.1 5.5-4.1 5.5-7.6-.1-4.4-3.7-8-8.1-8z" />
</svg>
</a>
</li>
<!--<li>
<a class="flex justify-center items-center text-green-500 bg-green-100 hover:text-white hover:bg-green-500 rounded-full transition duration-150 ease-in-out" href="#0" aria-label="Telegram">
<svg class="w-8 h-8 fill-current" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path d="M22.968 10.276a.338.338 0 0 0-.232-.253 1.192 1.192 0 0 0-.63.045s-14.019 5.038-14.82 5.596c-.172.121-.23.19-.259.272-.138.4.293.573.293.573l3.613 1.177a.388.388 0 0 0 .183-.011c.822-.519 8.27-5.222 8.7-5.38.068-.02.118 0 .1.049-.172.6-6.606 6.319-6.64 6.354a.138.138 0 0 0-.05.118l-.337 3.528s-.142 1.1.956 0a30.66 30.66 0 0 1 1.9-1.738c1.242.858 2.58 1.806 3.156 2.3a1 1 0 0 0 .732.283.825.825 0 0 0 .7-.622s2.561-10.275 2.646-11.658c.008-.135.021-.217.021-.317a1.177 1.177 0 0 0-.032-.316Z" />
</svg>
</a>
</li>-->
</ul>
</div>
</div>
<!-- Bottom area -->
<div class="text-center md:flex md:items-center md:justify-between">
<!-- Left links -->
<!--<div class="text-sm font-medium md:order-1 mb-2 md:mb-0">
<ul class="inline-flex flex-wrap text-sm font-medium">
<li class="after:content-['·'] last:after:hidden after:text-gray-400 after:px-2">
<a class="text-gray-500 hover:text-gray-500 hover:underline" href="#0">Terms</a>
</li>
<li class="after:content-['·'] last:after:hidden after:text-gray-400 after:px-2">
<a class="text-gray-500 hover:text-gray-500 hover:underline" href="#0">Privacy</a>
</li>
<li class="after:content-['·'] last:after:hidden after:text-gray-400 after:px-2">
<a class="text-gray-500 hover:text-gray-500 hover:underline" href="#0">Guidelines</a>
</li>
<li class="after:content-['·'] last:after:hidden after:text-gray-400 after:px-2">
<a class="text-gray-500 hover:text-gray-500 hover:underline" href="#0">Why Choose Us?</a>
</li>
</ul>
</div>-->
<!-- Copyright -->
<div class="text-sm text-gray-500">© The TreeRoute Co. | No rights reserved</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>