-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
230 lines (211 loc) · 11.6 KB
/
Copy pathindex.html
File metadata and controls
230 lines (211 loc) · 11.6 KB
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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE HTML>
<html>
<head>
<title>Del Monte | Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Del Monte | Portfolio" />
<meta property="og:image" content="https://github.com/Wo1vin/Portfolio/blob/main/images/DenisseDelMonte-Branding-Square.png?raw=true" alt="site preview for Denisse a.k.a. Scar's portfolio" />
<meta property="og:description" content="Denisse 'Scar' Del Monte's portfolio page. Take a look at their projects, the services they offer, learn more about them, or get in touch." />
<meta property="og:url"content="https://delmonte.tech" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<script src="https://kit.fontawesome.com/fa339ab44f.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<!-- <h1>Denisse</h1> -->
<!-- <h1 class="nickName">'Scar'</h1> -->
<h1>Del Monte</h1>
<p>Software Engineer & Graphic Designer. <br>The creative developer that you've been looking for.</p>
<ul class="actions">
<li><a href="#header" class="arrowDown button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Del Monte</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Project Gallery</a></li>
<li><a href="services.html">Specialties</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/wo1vin/" target="_blank" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<!-- <li><a href="https://twitter.com/wo1vin" target="_blank" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li> -->
<li><a href="https://github.com/Wo1vin" target="_blank" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2>Websites & Apps</h2>
</header>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2><a href="https://theartlounge.onrender.com/" target="_blank" >The Art Lounge</a></h2>
</header>
<a href="https://theartlounge.onrender.com/" target="_blank" class="image fit">
<img src="images/ArtLounge.gif" alt="The Art Lounge visual" />
</a>
<p>
The Art Lounge is a social platform where users can post their art and receive constructive criticism and appreciation with a focus on improving their skills.
</p>
<a href="https://github.com/wo1vin/socialnetwork" target="_blank"><i class="fa-brands fa-github"></i> Repo</a>
</article>
<article>
<header>
<h2><a href="https://lasvegas.cyclic.app/" target="_blank" >Las Vegas Attractions</a></h2>
</header>
<a href="https://lasvegas.cyclic.app/" target="_blank" class="image fit"><img src="images/LasVegas.gif" alt="Las Vegas Attractions visual" /></a>
<p>
Customizeable list of attractions in Las Vegas that takes the hassle out of where to go so users spend more time having fun and less time browsing the internet.
</p>
<a href="https://github.com/wo1vin/lasvegas-list" target="_blank"><i class="fa-brands fa-github"></i> Repo</a>
</article>
<article>
<header>
<h2><a href="https://wo1vin.github.io/petpair/" target="_blank" >Pet Pair</a></h2>
</header>
<a href="https://wo1vin.github.io/petpair/" target="_blank" class="image fit"><img src="images/PetPair.gif" alt="Pet Pair visual" /></a>
<p>
Pet Pair is an API interface created to look through a collection of pets that are ready for adoption. Browsing through the interface is a great way to relieve stress.
</p>
<a href="https://github.com/wo1vin/petpair" target="_blank"><i class="fa-brands fa-github"></i> Repo</a>
</article>
<article>
<header>
<h2><a href="https://wo1vin.github.io/BethelArtStudio/" target="_blank" >Bethel Art Studio</a></h2>
</header>
<a href="https://wo1vin.github.io/BethelArtStudio/" target="_blank" class="image fit"><img src="https://i.ibb.co/1ML4vv7/Screen-Recording2024-06-26at8-52-07-PM-ezgif-com-speed.gif" alt="GIF of the website as the viewer scrolls through it." /></a>
<p>
Bethel Art Studio is owned by two friendly women who host painting sessions. Their new site is now functional and matches their fun-loving presence.
</p>
<a href="https://github.com/wo1vin/BethelArtStudio" target="_blank"><i class="fa-brands fa-github"></i> Repo</a>
</article>
<!-- <article>
<header>
<h2><a href="https://composting-quiz.glitch.me/" target="_blank" >Composting Quiz</a></h2>
</header>
<a href="https://composting-quiz.glitch.me/" target="_blank" class="image fit"><img src="images/05-Composting-Quiz.png" alt="Composting Quiz Website image" /></a>
<p>
I thought of the idea for this group project and spearheaded the design. Using a vibrant color palette I
laid out the information on the pages to achieve clarity and understanding.
</p>
</article> -->
<!-- <article>
<header>
<h2><a href="https://salon-maxine.glitch.me/" target="_blank" >Salon Maxine</a></h2>
</header>
<a href="https://salon-maxine.glitch.me/" target="_blank" class="image fit"><img src="images/01-Maxine.png" alt="Maxine Website image" /></a>
<p>The style focus for this website is elegant and modern to showcase the refined aura of the salon.</p>
</article> -->
<article>
<header>
<h2><a href="https://eliterides.netlify.app/" target="_blank" >Elite Rides</a></h2>
</header>
<a href="https://eliterides.netlify.app/" target="_blank" class="image fit"><img src="images/04-EliteRides.gif" alt="Website image of Elite Rides" /></a>
<p>
Elite Rides is a modern and stylish dealership. The company website reflects that with a responsive and beautiful site that feels classy at the same time.
</p>
</article>
<article>
<header>
<h2><a href="https://aruba-coffee-traders.glitch.me/" target="_blank" >Aruba Coffee Traders</a></h2>
</header>
<a href="https://aruba-coffee-traders.glitch.me/" target="_blank" class="image fit"><img src="images/02-Aruba-Coffee-Traders.gif" alt="Aruba Coffee Traders Website image" /></a>
<p>Fresh and vibrant webpage for Aruba Coffee Traders, a fairtrade coffee company that takes pride in the freshness of its products and the airy style of its location.</p>
</article>
<!-- <article>
<header>
<h2><a href="https://restorative-spells.herokuapp.com/" target="_blank" >Restorative Spells</a></h2>
</header>
<a href="https://restorative-spells.herokuapp.com/" target="_blank" class="image fit"><img src="images/restorativeSpells.gif" alt="Restorative Spells Website image" /></a>
<p>
This is a web app where people can add, like, and delete quotes, words of affirmation, and well-meaning advice that they or other page visitors have submitted.
</p>
<a href="https://github.com/wo1vin/affirmations"><i class="fa-brands fa-github"></i> Repo</a>
</article> -->
<!-- <article>
<header>
<h2><a href="https://outlanders.glitch.me/Outlanders.html" target="_blank" >Outlanders</a></h2>
</header>
<a href="https://outlanders.glitch.me/Outlanders.html" target="_blank" class="image fit"><img src="images/03-Outlanders.gif" alt="Outlanders Website image" /></a>
<p>
The <a href="https://www.ucf.edu/">University of Central Florida’s</a> Outlanders club is a close-knit, fun-loving group of students who love to do everything outdoors. The themes of this website are exploration and adventure.
</p>
</article> -->
</section>
<article class="post featured">
<header class="major">
<h2>Graphic Design &</h2>
<h2>Print Production</h2>
</header>
</article>
<section class="design posts">
<article>
<header>
<h2><a>Baha Mar Resort</a></h2>
<h2><a>Streetbird</a></h2>
</header>
<a class="image fit"><img src="images/05-Streetbird-1.png" alt="food truck wrap created for Streetbird" /></a>
<p>Hailing from the cultural mecca of Harlem, Streetbird is world-famous for its fried chicken sandwich. The Baha Mar Resort food truck design combines the old-school hip-hop swagger with a fresh, minimalistic design.
</p>
</article>
<article>
<header>
<h2><a>Matson Money</a></h2>
<h2><a>American Dream Experience</a></h2>
</header>
<a class="image fit"><img src="images/06-MatsonMoney2.png" alt="Signs created for a Matson Money convention" /></a>
<p><a href="https://www.matsonmoney.com/" target="_blank" >Matson Money</a> helps families transform their financial future. The event branding needed to be compelling and profound. The resulting concept featured moments in history where people rose above the rest and broke records.
</p>
</article>
</section>
</div>
<!-- Nav -->
<nav id="nav" class="bottomNav">
<ul class="links">
<li class="active"><a href="index.html">Project Gallery</a></li>
<li><a href="services.html">Specialties</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/wo1vin/" target="_blank" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<!-- <li><a href="https://twitter.com/wo1vin" target="_blank" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li> -->
<li><a href="https://github.com/Wo1vin" target="_blank" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Copyright -->
<div id="copyright">
<ul><li>© <script>document.write(new Date().getFullYear())</script> Del Monte</li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>
<script src="//cdnjs.cloudflare.com/ajax/libs/validate.js/0.13.1/validate.min.js"></script>
</body>
</html>