-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
206 lines (181 loc) · 9.27 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- character set -->
<meta charset="utf-8">
<!-- tells IE to use best engine you got -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- for mobile how to display page when loads -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juli Brady - Home</title>
<link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize.css">
<link rel="icon" href="./home/images/favicon.jpg">
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Lato:100,300'>
<link rel="stylesheet" href="./home/css/bootstrap.min.css">
<link rel="stylesheet" href="./home/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="./home/css/styles.css">
<link rel="stylesheet" href="./home/css/responsive.css">
<link rel="stylesheet" href="./resume/css/toparrow.css">
<link rel="stylesheet" href="http://weloveiconfonts.com/api/?family=brandico">
<!-- SCROLL ICON NEEDS FONT AWESOME FOR CHEVRON UP ICON -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<!-- TODO: -->
<!-- at final need to minify css and js -->
<!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
</head>
<body class="gradient">
<div class="container top-container" id="top">
<!-- Container-top -->
<div class="row title">
<!-- using col-xs-6 in this row prevented columns from wrapping too early -->
<div class="col-xs-6">
<img class="title-logo" src="./home/images/profile100x100.jpg" alt="Profile photo of Juli Brady">
<!-- Hamburger icon -->
<a id="menu" class="navicon" href="#"></a>
<!-- End Hamburger icon -->
<div id="social">
<a href="https://twitter.com/Juli_Brady" class="brandico-twitter" target="_blank"></a>
<a href="https://github.com/jabrad0" class="brandico-github" target="_blank"></a>
<a href="https://www.linkedin.com/in/julibrady" class="brandico-linkedin" target="_blank"></a>
</div>
</div>
<header>
<div class="col-xs-6 text-right text-uppercase">
<h1 class="title-super text-thin">Juli Brady</h1>
<h4>Engineer / Programmer</h4>
</div>
</header>
</div>
<div class="row">
<div class="col-md-12">
<hr>
</div>
</div>
<div class="row navrow">
<div class="col-md-12">
<nav id="drawer" class="nav">
<ul class="nav-list">
<li class="nav-item"><a href="./resume.html">Resume</a>
</li>
<li class="nav-item"><a href="#projects">Projects</a>
</li>
<li class="nav-item"><a href="#travels">Travels</a>
</li>
<li class="nav-item"><a href="#contact">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="container main-container">
<!-- Return to Top Arrow -->
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<!-- End Return to Top Arrow -->
<div class="row about-me-hr">
<div class="col-md-12">
<hr class="main-container-hr">
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2 class="text-center">I am Juli Brady.</h2>
<div class="bio text-center">
<p><strong class="bio-red">WHO:</strong> Detail Oriented <strong class="bio-red">|</strong> Perseverant <strong class="bio-red">|</strong> Resourceful <strong class="bio-red">|</strong> Energetic
</p>
<p><strong class="bio-red">WHAT:</strong> Junior Full Stack Developer <strong class="bio-red">|</strong> Open to Opportunities <strong class="bio-red">|</strong> Former Civil/Environmental Engineer
</p>
<p><strong class="bio-red">WHERE:</strong> Living it up in Nashville <strong class="bio-red">|</strong> Californian at Heart <strong class="bio-red">|</strong> Kentucky Native
</p>
<p><strong class="bio-red">WHAT ELSE:</strong> Bicycling Enthusiast <strong class="bio-red">|</strong> Trail Runner <strong class="bio-red">|</strong> Beer Lover
<strong class="bio-red">|</strong> RV Adventurer
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr class="main-container-hr">
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2 class="text-muted text-inline" id="projects">Projects</h2>
<p class="text-center">Click on the project image for more details or link directly to the Github repository/webpage via the links below the image.</p>
</div>
</div>
<div class="row text-center example-work">
<div class="col-md-4">
<a href="./resume.html#getgo"><img class="img-responsive center-block" src="./home/images/getgo_home_300x216.png" alt="screenshot image of project Getgo">
<h3 class="text-uppercase">Getgo</h3>
</a>
<a href="https://github.com/jabrad0/Getgo" target="_blank">Getgo GitHub Link</a>
</br>
<a class="weblink" href="https://getartandgo.herokuapp.com/" target="_blank">Getgo Webpage</a>
</div>
<div class="col-md-4">
<a href="./resume.html#corky"><img class="img-responsive center-block" src="./home/images/corky_300x216.png" alt="screenshot image of Twitter project Spiritual Corky">
<h3 class="text-uppercase">Spiritual Corky</h3>
</a>
<a href="https://github.com/jabrad0/Spirtual_Corky" target="_blank">Spirtual Corky GitHub Link</a>
</br>
<a class="weblink" href="https://twitter.com/spiritual_corky" target="_blank">Twitter Webpage</a>
</div>
<div class="col-md-4">
<a href="./resume.html#udacity"><img class="img-responsive center-block" src="./home/images/frogger_300x216.png" alt="screenshot image of arcade project">
<h3 class="text-uppercase">Arcade</h3>
</a>
<a href="https://github.com/jabrad0/Udacity_FEND_P3" target="_blank">Arcade GitHub Link</a>
</br>
<a href="arcade.html" target="_blank">Arcade Webpage</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr class="main-container-hr">
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2 class="text-muted" id="travels">Travels of 2015 (in one graphic)</h2>
</div>
</div>
<div class="row main-image">
<div class="col-xs-12">
<picture>
<source class="img-responsive center-block" media="(min-width: 750px)" srcset="./home/images/unitedstates_original-1600_large_2x.jpg 2x, ./home/images/unitedstates_original-800_large_1x.jpg">
<source class="img-responsive center-block" media="(min-width: 500px)" srcset="./home/images/unitedstates_medium.jpg">
<img class="img-responsive center-block" src="./home/images/unitedstates_small.jpg" alt="cartoon drawing of united states with routes of travel from california to east coast and back">
</picture>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr class="main-container-hr">
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h2 class="text-muted" id="contact">Contact Me</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<script type="text/javascript" src="https://form.jotform.com/jsform/60346589430156"></script>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr class="main-container-hr">
</div>
</div>
<div class="row">
</div>
<footer class="footer">
This site was designed and built by Juli Brady © 2016.
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="./home/js/bootstrap.js"></script>
<script src="./home/js/script.js"></script>
</body>
</html>