-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
202 lines (190 loc) · 16 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
<!DOCTYPE html>
<html>
<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>Lindsey Paluso | Portfolio</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;600;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;600;900&display=swap" rel="stylesheet">
</head>
<body>
<div class="navbar">
<div class="navbar-content">
<p class="logo">Lindsey Paluso</p>
<div class="navbar-links">
<a href="#about" class="navbar-link">About</a>
<a href="#skills" class="navbar-link">Skills</a>
<a href="#portfolio" class="navbar-link">Portfolio</a>
<a href="#contact" class="navbar-link">Contact</a>
</div>
</div>
</div>
<div class="header">
<div class="container">
<div class="title">
<p class="title-text">HI, I'M LINDSEY</p>
</div>
<div class="subtitle">
<p class="subtitle-text">a web developer</p>
</div>
<div class="social-media">
<a href="https://www.linkedin.com/in/lindsey-paluso/" target="_blank" class="mr-2"><svg class="linkedin-svg" role="img" viewBox="0 -6 20 30" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a href="https://github.com/lindseypaluso" target="_blank" class="mr-2"><svg class="github-svg" role="img" viewBox="0 -6 20 30" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
<a href="https://www.instagram.com/scholarlypursuits/" target="_blank"><svg class="instagram-svg" role="img" viewBox="0 -6 20 30" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a>
</div>
</div>
</div>
<!-- ABOUT ME SECTION -->
<div class="about-me" id="about">
<div class="container">
<div class="section-title">
<p>ABOUT ME</p>
</div>
<div class="about-me__info">
<div class="about-me__text">
<p>Project manager, café owner, renewable energy guru, and lover of good content. At work, Lindsey is quick on her feet, calm under pressure, creative, and an expert at getting everyone on her team. Outside of work she's usually hiking, going for it with her 2020 reading challenge, or cooking her way through the latest issue of Bon Appétit.
</p>
<p>Graduated from the University of Utah with a BS in Marketing in 2008. Graduated from the University of Utah / Trilogy Full Stack Development Bootcamp in August 2020, with developed skills in JavaScript, CSS, Node.js, JQuery, and responsive web design. Especially passionate about beautiful design coupled with an intuitive, user friendly web experience.
</p>
</div>
<div class="about-me__graphic">
<img class="about-me__img" src="images/aloha2.png" alt="Me" width=266>
</div>
</div>
</div>
</div>
<!-- SKILLS SECTION -->
<div class="skills" id="skills">
<div class="section-title">
<p>SKILLS</p>
</div>
<div class="container">
<div class="skill-lists">
<div class="skill-list">
<ul>
<li class="skill-list">HTML</li>
<li class="skill-list">CSS</li>
<li class="skill-list">JAVASCRIPT</li>
</ul>
</div>
<div class="skill-list">
<ul>
<li class="skill-list">JQUERY</li>
<li class="skill-list">GIT</li>
<li class="skill-list">BOOTSTRAP</li>
</ul>
</div>
<div class="skill-list">
<ul>
<li class="skill-list">GITHUB</li>
<li class="skill-list">UI/UX</li>
<li class="skill-list">RESPONSIVENESS</li>
</ul>
</div>
</div>
</div>
</div>
<!-- PORTFOLIO SECTION -->
<div class="portfolio" id="portfolio">
<div class="section-title">
<p>PORTFOLIO</p>
</div>
<div class="container">
<div class="portfolio-boxes">
<!-- PORTFOLIO ROW 1 -->
<div class="portfolio-box__row">
<div class="portfolio-box">
<img class="portfolio-box__pic" src="images/jmx3.jpg" alt="josephinesmx">
<p class="portfolio-box__title">Josephine's</p>
<p class="portfolio-box__info">Website built for Josephine's Buenas Bebidas, a smoothie shop in San Miguel de Allende, MX. </p>
<div class="portfolio-box__extras">
<div class="portfolio-box__links">
<a class="portfolio-box__link" href="https://josephines.mx" target="_blank">Demo</a>
</div>
<div class="portfolio-box__bottom-border"></div>
</div>
</div>
<div class="portfolio-box">
<img class="portfolio-box__pic" src="images/ally.png" alt="ally">
<p class="portfolio-box__title">AllyApp</p>
<p class="portfolio-box__info">A library of anti-racism resources and bulletin board where you can log in to post and request help.</p>
<div class="portfolio-box__extras">
<div class="portfolio-box__links">
<a class="portfolio-box__link" href="https://github.com/lindseypaluso/allyApp" target="_blank">GitHub</a>
<a class="portfolio-box__link" href="https://ally-resources.herokuapp.com/" target="_blank">Demo</a>
</div>
<div class="portfolio-box__bottom-border"></div>
</div>
</div>
<div class="portfolio-box">
<img class="portfolio-box__pic" src="images/eatwild.png" alt="eatwild">
<p class="portfolio-box__title">Hike & Forage Utah</p>
<p class="portfolio-box__info">Built using Javascript and layered API's. Allows user to search hikes by zip code or by edible plants.</p>
<div class="portfolio-box__extras">
<div class="portfolio-box__links">
<a class="portfolio-box__link" href="https://github.com/lindseypaluso/project1/" target="_blank">GitHub</a>
<a class="portfolio-box__link" href="https://lindseypaluso.github.io/project1/" target="_blank">Demo</a>
</div>
<div class="portfolio-box__bottom-border"></div>
</div>
</div>
</div>
<!-- PORTFOLIO ROW 2 -->
<div class="portfolio-box__row">
<div class="portfolio-box">
<img class="portfolio-box__pic" src="images/pandemic2.png" alt="Word Game">
<p class="portfolio-box__title">Pandemic Word Guess</p>
<p class="portfolio-box__info">A Hangman style word guess game using javascript. Can you guess what to buy during a pandemic?</p>
<div class="portfolio-box__extras">
<div class="portfolio-box__links">
<a class="portfolio-box__link" href="https://github.com/lindseypaluso/word-guess-game" target="_blank">GitHub</a>
<a class="portfolio-box__link" href="https://even-curiouser.herokuapp.com/" target="_blank">Demo</a>
</div>
<div class="portfolio-box__bottom-border"></div>
</div>
</div>
<div class="portfolio-box">
<img class="portfolio-box__pic" src="images/gif.png" alt="gif">
<p class="portfolio-box__title">GifTastic!</p>
<p class="portfolio-box__info">Random GIF generator built using JavaScript. Select a reaction and various gifs will display.</p>
<div class="portfolio-box__extras">
<div class="portfolio-box__links">
<a class="portfolio-box__link" href="https://github.com/lindseypaluso/GifTastic" target="_blank">GitHub</a>
<a class="portfolio-box__link" href="https://lindseypaluso.github.io/GifTastic/" target="_blank">Demo</a>
</div>
<div class="portfolio-box__bottom-border"></div>
</div>
</div>
<div class="portfolio-box">
<img class="portfolio-box__pic" src="images/spices.jpg" alt="spices">
<p class="portfolio-box__title">Spice Match Game</p>
<p class="portfolio-box__info">Can you match the spice with the meal it's best paired with? Built using JavaScript, Jquery, & timers.</p>
<div class="portfolio-box__extras">
<div class="portfolio-box__links">
<a class="portfolio-box__link" href="https://github.com/lindseypaluso/TriviaGame/" target="_blank">GitHub</a>
<a class="portfolio-box__link" href="https://lindseypaluso.github.io/TriviaGame/" target="_blank">Demo</a>
</div>
<div class="portfolio-box__bottom-border"></div>
</div>
</div>
</div>
<!-- CONTACT SECTION -->
<div class="contact" id="contact">
<div class="section-title">
<p>CONTACT</p>
</div>
<div class="contact-info">
<p class="contact-desc">I would love to hear from you.</p>
<p class="contact-desc">You can contact me at <a href="mailto:lindsey.paluso@gmail.com" class="contact-emph">lindsey.paluso@gmail.com</a>, or you can find me on my social media.</p>
<div class="social-media">
<a href="https://www.linkedin.com/in/lindsey-paluso/" target="_blank" class="mr-2"><svg class="linkedin-svg" role="img" viewBox="0 -6 20 30" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a href="https://github.com/lindseypaluso" target="_blank" class="mr-2"><svg class="github-svg" role="img" viewBox="0 -6 20 30" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
<a href="https://www.instagram.com/scholarlypursuits/" target="_blank"><svg class="instagram-svg" role="img" viewBox="0 -6 20 30" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a>
</div>
</div>
</div>
</body>
</html>