-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
304 lines (272 loc) · 14.3 KB
/
index.html
File metadata and controls
304 lines (272 loc) · 14.3 KB
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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="en">
<head>
<!--[if lt IE 9]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juhi Thakore</title>
<meta name="description" content="Resume">
<meta name="keywords" content="Juhi, Thakore, Resume, Web, Software, Development">
<meta name="author" content="Juhi Thakore">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation
==========================================-->
<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="index.html">Juhi Thakore</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!--Navigation bar for scrolling to pertinent section on main page, or going to the second page-->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#tf-home" class="page-scroll">Home</a></li>
<li><a href="#tf-about" class="page-scroll">About</a></li>
<li><a href="#tf-org" class="page-scroll">Organizations</a></li>
<li><a href="#tf-volunteer" class="page-scroll">Volunteering</a></li>
<li><a href="#tf-education" class="page-scroll">Education</a></li>
<li><a href="#tf-work" class="page-scroll">Work Experience</a></li>
<li><a href="#tf-certifications" class="page-scroll">Certifications</a></li>
<li><a href="#tf-portfolio" class="page-scroll">Portfolio</a></li>
<li><a href="#tf-skills" class="page-scroll">Skills</a></li>
<li><a href="#tf-interests" class="page-scroll">Interests</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Home Section-->
<div id="tf-home" class="text-center">
<div class="overlay">
<div class="content">
<div id="carousel-slider" data-ride="carousel" class="carousel slide">
<div class="carousel-inner">
<!--Carousel is so cool! I have 2 different types demonstrated on this web page. This one goes around automatically.-->
<div class="item active">
<h2>
Professional
</h2>
<h3>
Juhi is a software engineer with experience in ETL/SQL and web development.
</h3>
</div>
<div class="item">
<h2>
Welcome!
</h2>
<h3>
You can check out Juhi's portfolio <a href="#">here</a>
</h3>
</div>
<div class="item">
<h2>
I'd Love to Hear From You!
</h2>
<h3>
Contact Juhi at <a href="mailto:jthakore1@gmail.com">jthakore1@gmail.com</a>
</h3>
</div>
</div>
</div>
<div class="social-div">
<a href="https://www.facebook.com/juhi.thak" class="btn btn-lg btn-warning"><i class="fa fa-facebook" ></i></a>
<a href="https://www.linkedin.com/pub/juhi-thakore/a0/4a9/ab4" class="btn btn-lg btn-warning"><i class="fa fa-linkedin" ></i></a>
<a href="https://plus.google.com/105429282286674914106/about" class="btn btn-lg btn-warning"><i class="fa fa-google-plus" ></i></a>
<a href="https://www.pinterest.com/hvohra/" class="btn btn-lg btn-warning"><i class="fa fa-pinterest" ></i></a>
<a href="https://github.com/jthakore" class="btn btn-lg btn-warning"><i class="fa fa-github" ></i></a>
</div>
</div>
</div>
</div>
<!-- About Me Section -->
<div id="tf-about">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="img/02.png" class="img-responsive">
</div>
<div class="col-md-6">
<div class="about-text">
<div class="section-title">
<h2>Who is <strong>Juhi Thakore</strong>?</h2>
<hr>
<div class="clearfix"></div>
</div>
<p class="intro">B.S. Computer Science and Engineering - May 2016</p>
<p>Minor Business Administration</p>
<p>Juhi Thakore is a Software Engineer at American Express and a Freelance Logo Designer and Web Developer.</p>
<p>Most of her hobbies consist of exercising her creativity in new ways. She has taken up and dropped so many different hobbies that composing a list would be futile.</p>
<p>Some of the hobbies which have remained consistent for many years include reading, doodling, and baking. Some of the less consistent hobbies include photography, cooking, and writing. All photos on this web-page were taken by Juhi and she hopes you like them.</p>
</div>
</div>
</div>
</div>
</div>
<<<<<<< HEAD
=======
<!-- Stories Section
This section is not called "team" due to the template used and issues that arose when I changed the Id in all appropriate places.-->
<div id="tf-team" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2>Hina Vohra... <strong>Who's That</strong>?</h2>
<p>Juhi goes by many names. She writes the occasional novel, novella or short story. If you don't know where to find them, they you weren't meant to know. But! If you came here because you enjoy reading them, Hina want's you to know she's flattered. Some upcoming and currently updating novels are listed below.</p>
<div class="line">
<hr>
</div>
</div>
<!--The use of divs as opposed to ul and li elements is because I really like the carousel style of desplaying things-->
<div id="team" class="owl-carousel owl-theme row">
<div class="item">
<div class="thumbnail">
<img src="img/team/01.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>White Noise</h3>
<p>Upcoming</p>
<p>Nothing is more frightening and comforting than the white noise of our lives.</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/02.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Emme</h3>
<p>Upcoming</p>
<p>Almost raped and sold to an Anglan Lord, Emme escapes the tyranny of her father’s home.</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/03.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Public Relations</h3>
<p>Updating</p>
<p>She was at the top of her game, but her personal life feels a little lacking. Enter Sebastian Hunter. Too bad he's on her shit list...</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/04.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>The Life and Times of Demon</h3>
<p>Completed - To Post</p>
<p>A short faerie-tale-esque story about a demon from hell. Even demons deserve their happily ever after...</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/02.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Olivia</h3>
<p>Upcoming</p>
<p>If you could be reincarnated to save worlds, one at a time, how would you do it?</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/06.png" alt="..." class="img-circle team-img">
<div class="caption">
<h3>A Cautionary Tale</h3>
<p>Upcoming</p>
<p>A series of extremely short stories all with a similar theme. :)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
>>>>>>> parent of d248d1a... more comments
<!-- Programming Experience Section.
Pretend that "services" means that this demonstrates the services I can provide. -->
<div id="tf-services" class="text-center">
<div class="container">
<div class="section-title center">
<h2><strong>Programming Experience</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<small><em>Juhi is a programmer by trade. She made this website, she's also completed many projects and works as developmer for american express.</em></small>
</div>
<div class="space"></div>
<div class="row">
<div class="col-md-3 col-sm-6 service">
<i class="fa fa-desktop"></i>
<h4><strong>Web design</strong></h4>
<p>For the best example of her ability to make a kick-ass website, look no further than this site!</p>
</div>
<div class="col-md-3 col-sm-6 service">
<i class="fa fa-user-secret"></i>
<h4><strong>Intern-ships</strong></h4>
<p>Juhi has held 2 intern-ships prior to working full time. For details on projects check out her LinkedIn account <a href="https://www.linkedin.com/pub/juhi-thakore/a0/4a9/ab4">here</a></p>
</div>
<div class="col-md-3 col-sm-6 service">
<i class="fa fa-wrench"></i>
<h4><strong>Projects</strong></h4>
<p>Juhi likes making useful programs... like the one she made to help her keep track of all the books she owns.</p>
<p>To get a glimpse at some of her code, check out her GitHub account <a href="https://github.com/jthakore">here</a></p>
</div>
<div class="col-md-3 col-sm-6 service">
<i class="fa fa-trophy"></i>
<h4><strong>Recent Awards</strong></h4>
<p>Juhi's American Express hackathon team won 2nd place out of 17 teams.</p>
</div>
</div>
</div>
</div>
<nav id="footer">
<div class="container">
<div class="row text-center">
<div class="col-md-12">
<p>© 2017 Juhi Thakore </p>
</div>
</div>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>