-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (188 loc) · 8.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
<!DOCTYPE HTML>
<html>
<head>
<title>About Me</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="#top">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Home -->
<article id="top" class="wrapper style1">
<div class="container">
<div class="row">
<div class="col-4 col-5-large col-12-medium">
<span class="image fit"><img src="images/me.jpg" alt="me.jpg" /></span>
</div>
<div class="col-8 col-7-large col-12-medium">
<header>
<h1>Hi, I'm <strong>Brett Flavin</strong></h1>
</header>
<p>A software developer passionate about using technology to help, inspire, and solve problems that will make the world a better place.</p>
<ul>
<li>B.S. in Computer Science (2020)</li>
<li>United States Marine Corps Veteran (2006-2015)</li>
</ul>
<a href="#work" class="button large scrolly">Learn about what I do!</a>
</div>
</div>
</div>
</article>
<!-- Work -->
<article id="work" class="wrapper style2">
<div class="container">
<header>
<h2>A few of the things I do...</h2>
<p>With experience in Software Engineering, Web Design, and Mobile Development</p>
</header>
<div class="row aln-center">
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="icon featured fa-comments"></span>
<h3>Programming</h3>
<p>Familiar with C++, C, C#, Java, SQL, Python, GIT, and game development platforms like Unity and Phaser.js</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="icon solid featured fa-camera-retro"></span>
<h3>Web Design</h3>
<p>Web development using HTML, CSS, Javascript, and tools like Adobe XD and Lucidchart for design and planning</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="icon featured fa-thumbs-up"></span>
<h3>Mobile Apps</h3>
<p>Cross-platform mobile apps for Android and iOS with C#, XAML, and the .NET-based Xamarin.forms framework</p>
</section>
</div>
</div>
<footer>
<a href="#portfolio" class="button large scrolly">See some of my recent work</a>
</footer>
</div>
</article>
<!-- Portfolio -->
<article id="portfolio" class="wrapper style3">
<div class="container">
<header>
<h2>Here’s some stuff I made recently...</h2>
<p>Cross-platform apps made with Visual Studio 2019, C#, XAML, and Xamarin.Forms</p>
</header>
<div class="row">
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/BrettFlavin/Xamarin_COVID19tracker_App" class="image featured"><img src="images/pic1.jpg" alt="link to app on GitHub" /></a>
<h3><a href="https://github.com/BrettFlavin/Xamarin_COVID19tracker_App">Corona Tracker 2020</a></h3>
<p>A mobile app that uses a REST API to get up-to-date COVID-19 statistics. </p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/BrettFlavin/Xamarin_Calculator_App" class="image featured"><img src="images/pic2.jpg" alt="link to app on GitHub" /></a>
<h3><a href="https://github.com/BrettFlavin/Xamarin_Calculator_App">Calculator app</a></h3>
<p>A simple example calculator app for Android or iOS.</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/BrettFlavin/Xamarin_GoogleMapsAPI_Example" class="image featured"><img src="images/pic3.jpg" alt="link to app on GitHub" /></a>
<h3><a href="https://github.com/BrettFlavin/Xamarin_GoogleMapsAPI_Example">Google Maps example</a></h3>
<p>An example app that uses the Google Map's API.</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/BrettFlavin/Xamarin-ListView-example" class="image featured"><img src="images/pic4.jpg" alt="link to app on GitHub" /></a>
<h3><a href="https://github.com/BrettFlavin/Xamarin-ListView-example">ListView of Languages</a></h3>
<p>An example app demonstrating a scrollable ListView.</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/BrettFlavin/Xamarin_Tabbed_Navigation_Example" class="image featured"><img src="images/pic5.jpg" alt="link to app on GitHub" /></a>
<h3><a href="https://github.com/BrettFlavin/Xamarin_Tabbed_Navigation_Example">Tabbed Navigation</a></h3>
<p>A simple app showing tabbed navigation.</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://github.com/BrettFlavin/Hierarchy-Navigation-example" class="image featured"><img src="images/pic6.jpg" alt="link to app on GitHub" /></a>
<h3><a href="https://github.com/BrettFlavin/Hierarchy-Navigation-example">Hierarchy Navigation</a></h3>
<p>A simple app showing hierarchy navigation.</p>
</article>
</div>
</div>
<footer>
<p>I'm currently interested in new opportunities and looking for <strong><i>Software Developer</i></strong> roles either remote or in southern <b>California</b></p>
<a href="#contact" class="button large scrolly">Get in touch with me!</a>
</footer>
</div>
</article>
<!-- Contact -->
<article id="contact" class="wrapper style4">
<div class="container medium">
<header>
<h2>Let's Chat! - Send Me a Message...</h2>
</header>
<div class="row">
<div class="col-12">
<form method="POST" action="https://formspree.io/mknqbbdo">
<div class="row">
<div class="col-6 col-12-small">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="col-6 col-12-small">
<input type="text" name="email" id="email" placeholder="Email" />
</div>
<div class="col-12">
<input type="text" name="subject" id="subject" placeholder="Subject" />
</div>
<div class="col-12">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
<li><input type="reset" value="Clear Form" class="alt" /></li>
</ul>
</div>
</div>
</form>
</div>
<div class="col-12">
<hr />
<ul class="social">
<li><a href="https://www.youtube.com/channel/UCUVPY_lP_PjRykLDtsPzcAA" class="icon brands fa-youtube"><span class="label">YouTube</span></a></li>
<li><a href="https://github.com/BrettFlavin" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/brettflavin" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<hr />
</div>
</div>
<footer>
<ul id="copyright">
<li>© Brett Flavin. All rights reserved.</li>
</ul>
</footer>
</div>
</article>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>