-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (172 loc) · 11 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
197
198
199
200
201
202
203
204
205
206
<!doctype HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Anthony Protano's Portfolio containing relevant projects relating to Software Engineering,
his Github, LinkedIn, Facebook, Email, and most recent projects. His Portfolio also includes his most up to date resume.">
<title>Anthony Protano's - Software Engineer</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
<!-- Libraries -->
<link href="https://fonts.googleapis.com/css?family=Cardo|Montserrat" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/evil-icons/1.9.0/evil-icons.min.css">
<!-- Stylesheets -->
<link rel="stylesheet" href="assets/stylesheets/bundle.min.css">
</head>
<body id="site">
<nav class="navbar">
<div class="container">
<div class="main-links">
<a href="#home" title="Home">Home</a>
<a href="#about" title="About">About</a>
<a href="#projects" title="Projects">Projects</a>
</div>
<div class="hire">
<a href="mailto:[email protected] " title="Hire Me" target="_blank">Hire Me</a>
</div>
</div>
</nav>
<main id="home">
<section id="header">
<div class="container">
<header>
<div class="welcome">
<h1>
Anthony Protano
<small>
Software Engineer
</small>
</h1>
</div>
<div class="social">
<a href="https://www.linkedin.com/in/anthony-protano-05061487/" title="Anthony's LinkedIn" target="_blank"><div data-icon="ei-sc-linkedin" data-size="m"></div></a>
<a href="https://github.com/DeQuasar" title="Anthony's Github" target="_blank"><div data-icon="ei-sc-github" data-size="m"></div></a>
<a href="mailto:[email protected]" title="Anthony's Email" target="_blank"><div data-icon="ei-envelope" data-size="m"></div></a>
</div>
<a href="resume.pdf" title="Anthony Protano's Resume" class="resume" target="_blank">Resume</a>
</header>
</div>
</section>
<section id="about">
<div class="container">
<div class="about-content">
<header class="about-header">
<h2>Welcome Traveler</h2>
</header>
<p class="about-description">
My name is Anthony Protano, I am a Software Engineer that currently resides in Fort Bragg, North Carolina.
My mission for every project that I develop on is to ensure that the business, or individual I am developing
for achieve their goals and dreams in the web space.
My specialty is in the LEMP Stack, (Linux, Nginx, Mysql, and PHP 7), My stack is accompanied with Gulp.js,
SCSS, SVG Icons, LetsEncrypt or CloudFlare, Docker. and application testing.
</p>
</div>
</div>
</section>
<section id="projects">
<div class="container">
<header>
<h2>Projects</h2>
</header>
<div class="project-list">
<div class="project">
<article>
<h3>
CShive
<span class="links">
<a href="https://github.com/DeQuasar/CSHive" title="CShive Github Repository" target="_blank">Github</a>
<a href="https://dequasar.github.io/CSHive/" title="CShive website" target="_blank">Website</a>
</span>
</h3>
<div class="project-content">
<img src="assets/images/cshive.png" alt="CShive Website" class="project-image">
<p class="project-description">
The creator of CShive wanted me to create a draft for a new design while keeping simplicity in mind.
I chose to design a material theme while condensing the two-page website into one and removing unnecessary icons.
My goal was to create a single page that the could find everything necessary to login, mine, and receive a payment code all in one place.
</p>
</div>
</article>
</div>
<div class="project">
<article>
<h3>
Faith & Scars
<span class="links">
<a href="https://github.com/DeQuasar/faith-scars" title="Faith & Scars Github Repo" target="_blank">Github</a>
<a href="https://dequasar.github.io/faith-scars/" title="Faith & Scars Website" target="_blank">Website</a>
</span>
</h3>
<div class="project-content">
<img src="assets/images/fs.png" alt="Faith & Scars Band Website" class="project-image">
<p class="project-description">
I designed this website for the band Faith & Scars, a Rock band based out of Raleigh, North Carolina.
The technology I used is HTML5, SCSS, Javascript, and modern SEO practices. Faith & Scars wanted their website
to be a place people could find their up coming shows and general information about the band. Keeping all of this in mind
I decided to go with dark colors, clean fonts, parallax backgrounds and a simple layout for the best user experience.
</p>
</div>
</article>
</div>
<div class="project">
<article>
<h3>
Docker Lemp Stack
<span class="links">
<a href="https://github.com/DeQuasar/Docker-Lemp" title="Lemp Docker Stack" target="_blank">Github</a>
</span>
</h3>
<div class="project-content">
<img src="assets/images/docker.png" alt="Docker Lemp Stack" class="project-image">
<p class="project-description">
I created this project to replace XAMPP as my development server because Docker allows me
to set-up a better testing and deployment workflow. This Docker file is simple, it uses docker-compose
to run a multi-container server easing development. The current containers are Nginx, PHP-FPM 7.1, PHPMyAdmin, and MariaDB.
</p>
</div>
</article>
</div>
<div class="project">
<article>
<h3>
Quasar Gulp
<span class="links">
<a href="https://github.com/DeQuasar/Quasar-Gulp" title="Gulp Development Stack" target="_blank">Github</a>
</span>
</h3>
<div class="project-content">
<img src="assets/images/gulp.png" alt="Quasar Gulp Post-Processor" class="project-image">
<p class="project-description">
Quasar-Gulp is a Pre-Task runner using Gulp, I created Quasar-Gulp to compile SCSS, auto-prefix,
clean, concat, image compression, and auto-reload the browser, which greatly speeds up development.
I am always adding to this project when I have a need to further automate my workflow.
</p>
</div>
</article>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>Anthony Protano</p>
<div class="social">
<a href="https://www.linkedin.com/in/anthony-protano-05061487/" title="Anthony's LinkedIn" target="_blank"><div data-icon="ei-sc-linkedin" data-size="m"></div></a>
<a href="" title="Anthony's Github" target="_blank"><div data-icon="ei-sc-github" data-size="m"></div></a>
<a href="mailto:[email protected]" title="Anthony's Email" target="_blank"><div data-icon="ei-envelope" data-size="m"></div></a>
</div>
</div>
<script src="https://cdn.jsdelivr.net/evil-icons/1.9.0/evil-icons.min.js"></script>
<!-- Google Tracking -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-89529523-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-89529523-1');
</script>
</footer>
</body>
</html>