-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
188 lines (176 loc) · 11.2 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>.i am brad</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- custom sheet style -->
<link rel="stylesheet" href="css/mainStyle.css">
<link rel="stylesheet" href="css/navbarCustom.css">
<link rel="stylesheet" href="css/svgStyle.css">
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navcollapse">
<span class="sr-only">toggle</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">brad.hellyar</a>
</div>
<div class="collapse navbar-collapse" id="navcollapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Web</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#">Data</a></li>
</ul>
</div>
</div>
</nav>
<div id="bgContainerA">
<div class="container">
<div id="row1" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexBCH.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am Brad Hellyar</h1>
<p>I am a front-end web developer with a grab bag of other useful skills and passions. From the “you are what you eat” phrase I have adapted that on a professional level. You are what you do, what you enjoy, and what you spend your time doing. My passions are summarized below with links to relevant work where applicable. If you have any comments or questions please reach out to me on my contact page.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 text-center">
<div>
Add content here
</div>
</div>
</div>
</div>
</div>
<div id="bgContainerB">
<div class="container">
<div id="row2" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexMobile.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am Mobile</h1>
<p>Having adopted the iPhone from day one I have been immersed ever since in all aspects of the mobile market place. While I may have a biased toward iOS, I have become familiar and worked on WP8, Android, as well as iOS. But the mobile market isn't only hardware, it consists of a thriving market place for applications. I have made it a hobby to keep current on each marketplace and the technologies needed to develop for one or all.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 text-center">
<div>
Add content here
</div>
</div>
</div>
</div>
</div>
<div id="bgContainerC">
<div class="container">
<div id="row3" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexGlobe.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am Web</h1>
<p>The web has changed and with my passion for mobile platforms I also have a burning desire to create an efficient and beautiful web experience for all visitors regardless of the device, screen size, or resolution. I see the need for responsive web design and when and where to best use it. A responsive web experience is great for optimizing a site for mobile and desktop but without some interactive and dynamic content the site is still static which struggles to capture a visitor. Using JavaScript a responsive web site can also be captivating. I keep up-to-date with the discussed web technologies and design styles as well as several others that can be found in the code section below.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 text-center">
<div>
Add content here
</div>
</div>
</div>
</div>
</div>
<div id="bgContainerD">
<div class="container">
<div id="row4" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexCode.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am <code><code/></code></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus sem et quam varius, a malesuada ante vulputate. Duis tincidunt varius metus ac pellentesque. Nullam quis nibh id turpis euismod tincidunt ut sit amet nibh. Duis ultrices porttitor justo in porttitor. Ut mollis, eros vel vestibulum interdum, tellus elit aliquet dui, id pretium mauris augue ac velit. Vivamus eget eros ac neque commodo eleifend in in ipsum. In blandit, augue ac molestie ultricies, lacus eros viverra eros, sit amet iaculis nulla quam et urna. Donec sagittis metus quis nisl lacinia, pretium hendrerit magna fringilla. Proin convallis neque accumsan purus ultrices condimentum. Vestibulum molestie non tellus quis fringilla.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 text-center">
<div>
Add content here
</div>
</div>
</div>
</div>
</div>
<div id="bgContainerE">
<div class="container">
<div id="row5" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexGraphics.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am Graphics</h1>
<p>My exposure to art came in my youth, in which my art work was chosen to be on display at my school and while that may not be a huge feat to accomplish it was the beginning of a love for art that has fueled my passion for design. Further building on my interest in art and the built environment I received an associates degree of art in architecture.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 text-center">
<div>
Add content here
</div>
</div>
</div>
</div>
</div>
<div id="bgContainerF">
<div class="container">
<div id="row6" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexData.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am Data</h1>
<p>While my passion revolves around the creation of a good user interface and user experience, I understand the need for data. Data powers the the web with dynamic information, data can empower a company to make more informed decisions, decisions that are critical to the success of a company. During my studies of database management and design I have seen how important lean and valid data can be to he operations of a company. Having received high marks in all my coursework with databases I find database creation and maintenance to be enjoyable and fulfilling.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 text-center">
<div>
Add content here
</div>
</div>
</div>
</div>
</div>
<div id="bgContainerG">
<div class="container">
<div id="row7" class="row">
<div class="colA col-xs-12 col-sm-12 col-md-2 text-center">
<img class="svgHex" src="assets/HexGIS.svg" alt="bch_hex">
</div>
<div class="colB col-xs-12 col-sm-6 col-md-6">
<h1 class="text-center">.i am GIS</h1>
<p>Geographic Informations Systems (GIS) is like having a database on location based steroids. With my work experience I have come to know how to best utilize location based attributes tied to a dataset. Location based attributes have evolved with the mobile device evolution. Adding something as simple as a location element to the market analysis provides great insight to make better more informed decisions, optimizations, and savings.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div>
<h4 class="text-center">Experiance</h4>
<ol>
<li>ArcGIS Suite</li>
<li>ESRI Javascript API</li>
<li>Location Analytics</li>
<li>Business Intelligence</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html>