-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (94 loc) · 2.45 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
---
layout: home
title: Jared Potter
---
<header id="header" class="header">
<a href="#">
<img
src="/assets/images/profile.jpg"
alt="Jared Potter Profile"
class="profile-pic"
/>
</a>
<h1>
<div>
<strong>Hello everyone 👨💻, I'm Jared Potter</strong>
</div>
<div>
<small
>I'm a Software Engineer and Educator in Salt Lake City, Utah, USA
</small>
</div>
<nav>
<a href="/blog">Blog</a>
<a href="/uses">Uses</a>
</nav>
<p>
javascript, html, css, sass, firebase, twilio, typescript, nodejs,
mongodb, git, vue.js, react.js, angular, express js, netlify, heroku,
microservices, automation, puppeteer, CI/CD, testing, api, software
engineering education, security, and authentication
</p>
</h1>
</header>
<div id="main" class="main">
<section id="one">
<h2>Send me a message</h2>
<div class="form-and-info">
<form action="https://formspree.io/jaredpotter1@gmail.com" method="POST">
<div class="name-and-email">
<input type="text" name="name" placeholder="Name" />
<input type="text" name="_replyto" placeholder="Email" />
</div>
<textarea name="message" placeholder="Message" rows="4"></textarea>
<button type="submit" class="submit-button">Send</button>
</form>
<ul>
<li>
<h3 class="fa fa-home icon">
<span>Salt Lake City, Utah, United States</span>
</h3>
</li>
<li>
<h3 class="fa fa-envelope-o icon">
<a
href="mailto:jaredpotter1@gmail.com?Subject=message from jaredpotter.dev"
><span>jaredpotter1@gmail.com</span></a
>
</h3>
</li>
</ul>
</div>
</section>
</div>
<footer class="footer">
<ul class="social">
<li>
<a
href="https://www.linkedin.com/in/jaredrpotter"
class="fa fa-linkedin icon"
>
<span class="label">
Linkedin
</span>
</a>
</li>
<li>
<a href="https://www.github.com/jaredpotter" class="fa fa-github icon">
<span class="label">
Github
</span>
</a>
</li>
<li>
<a href="https://www.twitter.com/jaredpotter" class="fa fa-twitter icon">
<span class="label">
Twitter
</span>
</a>
</li>
</ul>
<ul>
<li id="copyrightCurrentYear">© jared potter 2020</li>
</ul>
</footer>