-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (147 loc) · 5.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Jesse Loftus</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
type="text/css"
media="screen"
href="./assets/css/reset.css"
/>
<link rel="stylesheet" href="./assets/css/html.css" />
<link
type="text/css"
rel="stylesheet"
href="./assets/css/style.css"
media="screen,projection"
/>
<script src="./scripts/lib/all.min.js" defer></script>
</head>
<body>
<div class="wrapper frame">
<div id="screen">
<div class="info">
<span>Jesse Loftus</span>
<br />
<span>Web Application Developer</span
><span class="blinking-cursor">▍</span>
<br />
<span>
<a
href="https://www.linkedin.com/in/jesse-loftus-861aaa1b/"
target="_blank"
><i class="fab fa-linkedin fa-lg" aria-hidden="true"></i
></a>
<a href="https://github.com/loftusjl" target="_blank"
><i class="fab fa-github-square fa-lg" aria-hidden="true"></i
></a>
<a href="mailto:jesse.loftus@gmail.com" target="_blank"
><i class="fa fa-envelope fa-lg" aria-hidden="true"></i
></a>
</span>
</div>
<nav>
<div
id="orange"
class="color-clip"
style="background-color: #be5c51;"
>
<div id="orange-text" class="color-text">Projects</div>
</div>
<div id="blue" class="color-clip" style="background-color: #93A4AD;">
<span id="blue-text" class="color-text">About Me</span>
</div>
<div
id="yellow"
class="color-clip"
style="background-color: #dbd359;"
>
<span id="yellow-text" class="color-text">Contact</span>
</div>
</nav>
<div class="content-wrapper">
<div id="orange-content" class="content" data-clicked="0"></div>
<div
id="blue-content"
class="content overflow-hidden"
data-clicked="0"
>
<article class="shadow-inset">
<div class="about ">
<div class="profile-pic"></div>
<p>
- Web Application Developer (Full Stack Project Lead).
- Experienced Full Stack developer trained in React, Redux, Jest, Enzyme, SASS, .NET Core, Oracle, and Git (of course!).
</p>
<p> I was fortunate enough to get a great job as a web application developer. They allowed me an incredible amount of creative freedom and over the course of my first year, I was promoted to Project Lead of the site modernization.
Sadly I'm forced to leave as my wife (Active Military) has gotten orders for another state. I only hope I can find another company as welcoming and open to my input as the MOCC was.
</p>
</div>
</article>
</div>
<div
id="yellow-content"
class="content overflow-hidden"
data-clicked="0"
>
<address>
<div class="map address-item">
<i class="fas fa-map-marker-alt fa-4x"></i>
</div>
<div class="contact address-item">
<i class="far fa-id-card fa-4x"></i>
<br />
<br />
<a href="./assets/misc/Jesse_Loftus-Resume.pdf" target="_blank"
><i class="fas fa-file-alt fa-lg fa-fw"></i>Résumé</a
>
<a href="#">(619) 721-3845</a>
<a href="mailto:Jesse.Loftus@gmail.com">
Jesse.Loftus@gmail.com
</a>
<span>
<a
href="https://www.linkedin.com/in/jesse-loftus-861aaa1b/"
target="_blank"
><i class="fab fa-linkedin fa-3x" aria-hidden="true"></i
></a>
<a href="mailto:jesse.loftus@gmail.com" target="_blank"
><i class="fa fa-envelope fa-3x" aria-hidden="true"></i
></a>
<a href="https://github.com/loftusjl" target="_blank"
><i
class="fab fa-github-square fa-3x"
aria-hidden="true"
></i
></a>
</span>
</div>
</address>
</div>
<div
id="orangeB"
class="color-bottom"
style="background-color: #be5c51; background-image: linear-gradient(to bottom right, #be5c51,#282c31);"
></div>
<div
id="blueB"
class="color-bottom"
style="background-color: #93A4AD; background-image: linear-gradient(to bottom right,#93A4AD,#282c31)"
></div>
<div
id="yellowB"
class="color-bottom"
style="background-color: #dbd359; background-image: linear-gradient(to bottom right,#dbd359,#282c31)"
></div>
</div>
</div>
</div>
<script src="scripts/lib/anime.min.js"></script>
<script src="scripts/app/main.js"></script>
<script src="scripts/app/portfolio.js"></script>
</body>
</html>