-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (152 loc) · 7.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Allison Betancourt - Front-end Engineer and Author</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Front-end Engineer with an eye for UX. Big fan of the mobile first-approach and building for accessibility. She is also a published author and down-right nerd.">
<meta name="keywords" content="Developer, Author, JavaScript, engineer">
<meta name="author" content="Allison Betancourt">
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="build/main.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- 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" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="menu"></span>
<span class="menu"></span>
<span class="menu"></span>
<span class="menu"></span>
</button>
<a class="navbar-brand" href="/">Allison Betancourt</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home <span class="sr-only">(current)</span></a></li>
<li><a href="/portfolio">Portfolio</a></li>
<li><a href="/resume">Resume</a></li>
<li><a href="/books">Books</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="page-content">
<section class="title-section">
<div id="title-carousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="carousel-slide pink">
<div class="slide-wrapper">
<h1>Front-end Engineer</h1>
</div>
</div>
</div>
<div class="item">
<div class="carousel-slide dark">
<div class="slide-wrapper">
<h1>Author</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about-section">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="bio-image">
<img src="/images/Allison-Betancourt-Square.jpg" alt="Photo of Allison Betancourt" />
</div>
<h2 class="section-header">About Allison</h2>
<p>Front-end engineer with strong UX chops. Big fan of the mobile first-approach and building for accessibility. Allison's tech stack includes JavaScript (Angular and React), CSS (SASS/LESS), PHP, and GIT. She is an avid puzzle solver with a keen eye for detail.</p>
<p>Allison is also a published author and participates in NaNoWriMo, an annual challenge to write 50,000+ words in the month of November. Her published short story is available on Amazon and a book is in the works.</p>
<p>In her free time, she writes, plays an assortment of table-top and video games, and likes to explore the ever expanding brewery scene in Austin, TX.</p>
<a href="/portfolio" class="btn btn-pink-inverse">Portfolio</a> <a href="/resume" class="btn btn-pink-inverse">Resume</a> <a href="/books" class="btn btn-pink-inverse">Book</a>
</div>
</div>
</div>
</section>
<section class="current-work-section">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-10 col-md-offset-1">
<h2 class="section-header">What's Cooking</h2>
<p class="sub-title">(Current projects in development)</p>
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="work-tile bk-white">
<div class="image-wrapper">
<a href="http://eladrin201.github.io/awesome-shop/" target="_blank" class="image">
<img src="/images/awesome-shop-image.jpg" class="img-responsive" alt="Awesome Shope Project Photo" />
</a>
<span>Project on Github!</span>
</div>
<h3>Awesome Shop</h3>
<p>An example eCommerce site build with bootstrap and Angular.</p>
<a href="http://eladrin201.github.io/awesome-shop/" target="_blank" class="btn btn-pink-inverse">Checkout Site</a>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="work-tile bk-white">
<div class="image-wrapper">
<a href="https://codepen.io/eladrin201/pen/juFIi" target="_blank" class="image">
<img src="/images/scroll-to-top-image.jpg" class="img-responsive" alt="Scroll to Top Nav Project Photo" />
</a>
<span>Project on Codepen!</span>
</div>
<h3>Scroll to Fixed Toolbar</h3>
<p>A simple page with hero. The menu fixes to the top of the screen afer scrolling.</p>
<a href="https://codepen.io/eladrin201/pen/juFIi" target="_blank" class="btn btn-pink-inverse">Checkout Codepen</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="more">
<a href="/portfolio" class="btn btn-pink">More Projects</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="footer">
<div class="contact-section">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-4">
<a href="/resume" class="btn btn-blue btn-wide">Resume</a>
</div>
<div class="col-sm-12 col-md-4 col-md-push-4">
<a href="/portfolio" class="btn btn-blue btn-wide">Portfolio</a>
</div>
<div class="col-sm-12 col-md-4 col-md-pull-4 social-buttons">
<a href="mailto:[email protected]" class="social"><i class="fa fa-envelope"></i></a>
<a href="https://www.linkedin.com/in/allisonbetancourt" class="social" target="_blank"><i class="fa fa-linkedin-square"></i></a>
<a href="https://github.com/eladrin201" class="social" target="_blank"><i class="fa fa-github-square"></i></a>
</div>
</div>
</div>
</div>
<div class="attribution">
<div class="container">
<div class="row">
<div class="col-sm-12">
© 2016. Allison Betancourt.
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/build/global.js"></script>
</body>
</html>