-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
172 lines (170 loc) · 9.18 KB
/
aboutus.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
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/main.css">
<title>About Us</title>
</head>
<body class="bg-veryLightGray">
<nav class="relative container mx-auto p-6">
<div class="flex items-center justify-between">
<div class="pt-2">
<img src="img/testlogo.png" alt=""/>
</div>
<div class="hidden md:flex space-x-6">
<a href="../index.html" class="hover:text-gray-300">Home</a>
<a href="../schedule.html" class="hover:text-gray-300">Scheduler</a>
<a href="../aboutus.html" class="hover:text-gray-300">About Us</a>
</div>
<!--button-->
<a href="./login/login.html" class="hidden md:flex p-3 px-6 pt-2 text-white bg-red-500 rounded-full baseline hover:bg-orange-500 font-bold">
Log In / Sign Up
</a>
<button id="menu-btn" class="block hamburger md:hidden focus:outline-none">
<span class="hamburger-top"></span>
<span class="hamburger-mid"></span>
<span class="hamburger-bot"></span>
</button>
</div>
<div class="md:hidden">
<div id="menu" class="absolute flex-col items-center hidden self-end py-8 mt-10 space-y-6 font-bold bg-gray-100 sm:w-auto sm:self-center left-6 right-6 drop-shadow-md">
<a href="./index.html" class="hover:text-gray-300">Home</a>
<a href="./schedule.html" class="hover:text-gray-300">Scheduler</a>
<a href="./aboutus.html" class="hover:text-gray-300">About Us</a>
<a href="./login/login.html" class="text-red-500 hover:text-gray-300">Log In / Sign Up</a>
</div>
</div>
</nav>
<section id="hero">
<div class="container flex flex-col-reverse items-center px-6 mx-auto mt-10 space-y-0">
<div class="flex flex-col mb-32 space-y-5 md:w-1/2">
<h1 class="max-w-md text-4xl font-bold text-center md:text-5xl content-center">
About Us
</h1>
<p class="text-center text-black md:text-center">
TIMExtra was created during HackTJ 9.0 in 21 hours by Anukrit, Amith, Karthik, & Sami. But who exactly are these 4 people? Read below to learn more about them.
</p>
</div>
</div>
</section>
<section id="features">
<div class="container flex flex-col px-4 mx-auto mt-10 mb-16 space-y-12 md:space-y-0 md:flex-row">
<div class="flex flex-col space-y-8 md:w-1/2">
<div class="flex flex-col space-y-3 md:space-y-0 md:space-x-6 md:flex-row">
<div class="rounded-l-full bg-lightBlue md:bg-transparent">
<div class="flex items-center space-x-2">
<div class="px-4 py-2 text-white rounded-full md:py-1 bg-darkBlue">
1
</div>
<h3 class="text-base text-white font-bold md:mb-4 md:hidden">
Anukrit S.
</h3>
</div>
</div>
<div>
<h3 class="hidden mb-4 text-lg font-bold md:block">
Anukrit S.
</h3>
<p class="text-black">
Hi! I enjoy working on pretty much anything, including front and back end. I also enjoy playing video games in my free time, such as Valorant, Minecraft, and Ghost Recon.
</p>
</div>
</div>
<div class="flex flex-col space-y-3 md:space-y-0 md:space-x-6 md:flex-row">
<div class="rounded-l-full bg-lightBlue md:bg-transparent">
<div class="flex items-center space-x-2">
<div class="px-4 py-2 text-white rounded-full md:py-1 bg-darkBlue">
2
</div>
<h3 class="text-base text-white font-bold md:mb-4 md:hidden">
Amith P.
</h3>
</div>
</div>
<div>
<h3 class="hidden mb-4 text-lg font-bold md:block">
Amith P.
</h3>
<p class="text-black">
I'm a passionate web developer who worked on the backend code. Specifically, I integrated Google Firebase and worked on reading and writing the schedule data.
</p>
</div>
</div>
<div class="flex flex-col space-y-3 md:space-y-0 md:space-x-6 md:flex-row">
<div class="rounded-l-full bg-lightBlue md:bg-transparent">
<div class="flex items-center space-x-2">
<div class="px-4 py-2 text-white rounded-full md:py-1 bg-darkBlue">
3
</div>
<h3 class="text-base text-white font-bold md:mb-4 md:hidden">
Karthik T.
</h3>
</div>
</div>
<div>
<h3 class="hidden mb-4 text-lg font-bold md:block">
Karthik T.
</h3>
<p class="text-black">
After beginning to prepare for HackTJ, I began to see how interested I was in coding.
I am a motivated web developer who worked on the backend code for this website. I have
learned Python, Java, HTML, TailwindCSS, JavaScript, and R.
I also plan to learn more about Artificial Intelligence in the future to add to this
website.
I helped work on the algorithm and JavaScript for this website, as well as worked with the Firebase
instant database.
</p>
</div>
</div>
<div class="flex flex-col space-y-3 md:space-y-0 md:space-x-6 md:flex-row">
<div class="rounded-l-full bg-lightBlue md:bg-transparent">
<div class="flex items-center space-x-2">
<div class="px-4 py-2 text-white rounded-full md:py-1 bg-darkBlue">
4
</div>
<h3 class="text-base text-white font-bold md:mb-4 md:hidden">
Sami E.
</h3>
</div>
</div>
<div>
<h3 class="hidden mb-4 text-lg font-bold md:block">
Sami E.
</h3>
<p class="text-black space-y-6">
I'm a hacker and web design/developer who loves working on the front-end of web development. I can code in HTML, CSS, JavaScript, C#, Java, and Python. I'm a sysadmin understudy at TJHSST's Computer Systems Lab, where I work both on software and hardware. I worked on the design and framework of the website which is using Tailwind CSS.
</p>
</div>
<div>
<h3 class="hidden mb-4 text-lg font-bold md:block"> </h3>
<p class="text-white space-y-6"> </p>
</div>
</div>
</div>
</div>
</section>
<!-- the footer -->
<footer class="bg-black">
<div class="container flex flex-col-reverse justify-between px-6 py-10 mx-auto space-y-8 md:flex-row md:space-y-0">
<!-- Logo -->
<div class="flex flex-col-reverse items-center justify-between space-y-12 md:flex-col md:space-y-0 md:items-start">
<div class="mx-auto my-6 text-center text-center text-white md:hidden"></div>
<div>
<img src="img/testlogo.png" class="h-8" alt=""/>
</div>
</div>
<div class="flex justify-around space-x-12">
<div class="flex flex-col space-y-3 text-white">
<a href="./index.html" class="hover:text-gray-300">Home</a>
<a href="./schedule.html" class="hover:text-gray-300">Scheduler</a>
<a href="./aboutus.html" class="hover:text-gray-300">About Us</a>
</div>
</div>
</div>
</div>
</footer>
<script src="./js/main.js"></script>
</body>
</html>