-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
117 lines (114 loc) · 5.74 KB
/
home.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
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Patricia is a front-end engineer based in Portugal.">
<title>Front-end developer - Vinnie Fu</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<body>
<div class="container">
<nav class="d-flex justify-content-between">
<a href="home.html" title="Homepage">
<img src="https://i.ibb.co/yBQTdLz/undraw-Dev-focus-re-6iwt.png" class="logo d-none d-md-block" alt="Jasmin Santos">
<img src="https://i.ibb.co/yBQTdLz/undraw-Dev-focus-re-6iwt.png" class="logo d-block d-md-none" alt="Jasmin Santos">
</a>
<ul>
<li class="active">
<a href="home.html" title="Homepage"> Home</a>
</li>
<li>
<a href="about.html" title="About Jasmin">About</a>
</li>
<li>
<a href="work.html" title="Jasmin\" s="" work'=""> Work</a>
</li>
<li>
<a href="contact.html" title="Contact Jasmin"> Contact</a>
</li>
</ul>
</nav>
</div>
<div class="hero">
<p>Hello, I'm</p>
<h1>Jasmin Santos</h1>
<h2 class="mb-5">Front-end developer based in San Pedro Sula</h2>
<div>
<a class="btn btn-branding" href="contact.html" title="Contact me">Contact me</a>
</div>
</div>
<p class="text-center m-5">Check out some of my featured projects below</p>
<div class="container">
<div class="row mb-5">
<div class="col d-none d-lg-block">
<img src="https://i.ibb.co/WcfybSZ/undraw-Barista-at0v.png" class="img-fluid" alt="Coffee Website Preview">
</div>
<div class="col">
<div class="project-desciption">
<h2 class="mb-5">Coffee Landing Page</h2>
<p class="mb-5 text-muted">
Welcome to the world of exquisite flavors and rich aromas at our coffee haven. Indulge in a sensory journey that celebrates the artistry of coffee. Explore a diverse selection of single-origin beans, expertly roasted to perfection, and brewed with passion. From velvety lattes to bold espresso shots, our coffee creations are crafted to awaken your senses.
As a budding front-end developer, I embarked on my journey by acquiring knowledge in HTML, CSS, and JavaScript. Armed with these foundational languages and equipped with VS Code, I delved into the exciting realm of web development. My first project? A captivating coffee-themed landing page that not only showcases my evolving skills but also employs the magic of JavaScript to enhance user interaction.
Join me on this digital adventure through the enticing world of coffee, where the aromatic brew meets the realm of code and creativity.
</p>
<a class="btn btn-branding-outline" href="https://www.shecodes.io/workshops/shecodes-basics-60e1eb47-f83e-4cae-a9e9-4aa22def5147/projects/1726637" target="_blank">
Learn more
</a>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col">
<div class="project-desciption">
<h2 class="mb-5">Weather App</h2>
<p class="mb-5 text-muted">
I built a Vanilla JavaScript weather app in SheCodes Plus, an
advanced 8-week JavaScript coding workshop. Building upon my
previously-gained knowledge, I also became skilled in Bootstrap,
API’s, real-life development workflow, hosting, and advanced
JavaScript. I combined all of these skills to create a
fully-functioning weather app.
</p>
<a class="btn btn-branding-outline" href="https://www.shecodes.io/workshops/shecodes-plus-5736e604-6b9d-41fd-b56c-9cf48bd5d0ba/projects/1773495" target="_blank">
Learn more
</a>
</div>
</div>
<div class="col d-none d-lg-block">
<img src="https://i.ibb.co/tL04JmH/undraw-Weather-re-qsmd.png" class="img-fluid" alt="Weather project preview">
</div>
</div>
<div class="row">
<div class="col d-none d-lg-block">
</div>
<div class="col">
</div>
</div>
<footer>
<div class="contact-box justify-content-between mb-5 d-none d-md-flex">
<div>
<h3>Work Inquiry</h3>
<p class="text-muted">Let's work together</p>
</div>
<div>
<a class="btn btn-branding mt-3" href="contact.html" title="Contact Vinnie">
Contact me
</a>
</div>
</div>
<div class="d-flex justify-content-center mb-5">
<a href="mailto:jasminarabeysantos@gmail.com" class="email-link" title="Email Jasmin">
jasminarabeysantos@gmail.com
</a>
</div>
<p class="text-center mt-5">
✌️ This website was coded by Jasmin Santos, and is
<a href="https://github.com/Jarabey/portfolio-shecodes" target="_blank">
open-sourced
</a>
</p>
</footer>
</div>
</body>