-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
100 lines (98 loc) · 3.75 KB
/
about.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
<!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" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="style.css" />
<title>About Claudia Mena Rieke - Front end developer</title>
<meta
name="description"
content="Blending a love for the ocean with a passion for code, I craft stunning websites while advocating for reducing plastic waste and caring for the land around us. I infuse the spirit of aloha into every digital experience, creating seamless user interfaces that reflect both their coastal inspiration and technical prowess. Join me in celebrating this journey of creativity, sustainability, and innovation."
/>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Claudia Mena Rieke</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html#contact">Contact Me</a>
</li>
</ul>
</div>
</div>
</nav>
<a href="index.html" class="homepage-link">Back to homepage</a>
<h1 class="center">About me</h1>
<h3 class="center">Front-end developer based in Hawaii, USA</h3>
<div class="center">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam
aperiam provident tempora? Cumque adipisci, non dolorem quia, odit qui
alias veniam excepturi rem dolor fugit dignissimos, sed voluptatum
blanditiis harum.
</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4 p-2">
<img
src="images/yoga.png"
alt="snapshot of yoga app"
class="img-fluid img-thumbnail float-start p-3 shadow rounded"
/>
</div>
<div class="col-sm-4 p-2">
<img
src="images/weather.png"
alt="snapshot of weather app"
class="img-fluid img-thumbnail float-start p-3 shadow rounded"
/>
</div>
<div class="col-sm-4 p-2">
<img
src="images/yogurt.png"
alt="snapshot of yogurt app"
class="img-fluid img-thumbnail d-block p-3 shadow rounded"
/>
</div>
</div>
</div>
<div id="contact">
<h2 class="center">📮 Contact me</h2>
<a href="mailto:cmenarieke@gmail.com" class="email-link">
cmenarieke@gmail.com
</a>
</div>
</body>
</html>