/
index.html
151 lines (132 loc) · 6.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Amber Jiles | Software Developer</title>
</head>
<body>
<header>
<div class="intro">
<h1>amber jiles</h1>
<h2>software developer</h2>
</div>
</header>
<div class="wrapper">
<section class="about">
<div class="about-content">
<h3>Hi, I'm Amber.</h3>
<p>Welcome to my site. I am a Mainframe Systems Engineer that works with Java and PL/I.<br>
I enjoy coding because the tools and frameworks are constantly changing so I can never get bored.
I also love solving problems and creating solutions for clients and employers alike. When I’m
not coding I can be found working on a writing project, reading anything I can get my
hands on or acting in community theater.</p>
</div>
</section>
<section class="work-wrapper">
<h3>my work.</h3>
<div class="work">
<div class="image-area left">
<div class="image-box image-nearby-app"></div>
</div>
<div class="text-box">
<div class="text-box-content">
<h3>What's Nearby?</h3>
<p> An mobile first app created with three other developers with The Collab Lab. As the user moves around a city the app automatically updated with new points of interest.</p>
<p>CSS, React. js, Firebase, Netifly Google Maps API, custom API proxy gateway to the Wikipedia Nearby API to navigate CORS restrictions</p>
<a class="button" href="https://tcl-pilot-2020-05.netlify.app/" target="_blank">view project</a>
<a class="button" href="https://github.com/the-collab-lab/tcl-pilot-2020-05" target="_blank">view repo</a>
</div>
</div>
</div>
<div class="work">
<div class="image-area left">
<div class="image-box image-shopping-app"></div>
</div>
<div class="text-box">
<div class="text-box-content">
<h3>Smart Shopping App</h3>
<p> An predictive shopping list app created with three other developers with The Collab Lab. We worked 100% remote over eight weeks. When you add items to your list
the app will automatically add items onto your list as you need them.</p>
<p>CSS, React. js, Firebase, Netifly</p>
<a class="button" href="https://tcl-3-smart-shopping-list.netlify.com/" target="_blank">view project</a>
<a class="button" href="https://github.com/the-collab-lab/tcl-3-smart-shopping-list" target="_blank">view repo</a>
</div>
</div>
</div>
<div class="work">
<div class="image-area left">
<div class="image-box image-marketplace-of-ideas-app"></div>
</div>
<div class="text-box">
<div class="text-box-content">
<h3>Marketplace of Ideas</h3>
<p>A app where users can post ideas or claim ideas others left behind for projects and more!</p>
<p>CSS, HTML, React. js, Node.js, Express.js, PostgreSQL</p>
<div class="button-wrapper">
<a class="button" href="https://marketplace-of-ideas.now.sh/" target="_blank">view project</a>
<a class="button" href="https://github.com/ajiles91/marketplace-of-ideas" target="_blank">view repo</a>
</div>
</div>
</div>
</div>
<div class="work">
<div class="image-area right">
<div class="image-box image-2nd-app"></div>
</div>
<div class="text-box">
<div class="text-box-content">
<h3>Clear Out Your Fridge</h3>
<p>Have a fridge full of food but have no idea, what to cook? Throw some ingredients into this
app and get back something you can make!</p>
<p>HTML, CSS, Javascript, jQuery, API</p>
<a class="button" href="https://ajiles91.github.io/api-capstone/" target="_blank">view project</a>
<a class="button" href="https://github.com/ajiles91/api-capstone" target="_blank">view repo</a>
</div>
</div>
</div>
<div class="work">
<div class="image-area left">
<div class="image-box image-trips-unplanned"></div>
</div>
<div class="text-box">
<div class="text-box-content">
<h3>Trips Unplanned</h3>
<p> An app you can use to plan your next trip. It'll give you the weather, restaurants and local
attractions for any major city.</p>
<p>CSS, HTML, React. js, Node.js, Express.js, PostgreSQL</p>
<a class="button" href="https://trips-unplanned.ajiles91.now.sh/ " target="_blank">view project</a>
<a class="button" href="https://github.com/ajiles91/trips-unplanned" target="_blank">view repo</a>
</div>
</div>
</div>
</section>
</div>
<section class="contact">
<div class="contact-content">
<h4>Have a project in mind? Email me:<a class="email"
href="mailto:[email protected]">[email protected]</a> or contact me at the links below!</h4>
</div>
</section>
<div class="image-divider"></div>
<footer>
<div class="footer-content">
<p class="credit">© Copyright 2019 Amber Jiles.<br>
Designed and Developed by Amber Jiles.</p>
<ul class="social">
<li>
<a href="https://codepen.io/ajiles" target="_blank">codepen.</a>
</li>
<li>
<a href="https://github.com/ajiles91/" target="_blank">github.</a>
</li>
<li>
<a href="https://www.linkedin.com/in/amberjiles/" target="_blank">linkedin.</a>
</li>
</ul>
</div>
</footer>
</body>
</html>