-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
188 lines (171 loc) · 7.22 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
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
<!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" />
<title>About Sonia L'éatarde</title>
<meta
name="description"
content="journey about my art and love for nature"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"
></script>
<script src="https://kit.fontawesome.com/8081b28841.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css" />
<title>About [YOUR NAME]</title>
<style>
body {
background: rgba(74, 144, 226, 0.2);
color: grey;
}
.information {
display: flex;
justify-content: space-evenly;
}
.email-link {
display: flex;
justify-content: center;
color: var(--primary-color);
font-size: 28px;
text-decoration: none;
}
.email-link:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Sonia L'éatarde</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<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>
<li class="nav-item">
<a
class="nav-link fs-6 fw-light"
href="drawingspaintings.html"
title="My Art"
>See My Art</a
>
</li>
<li class="nav-item">
<a class="nav-link fs-6 fw-light" href="donk.html" title="Donkeys"
>The Seven Donkeys of Weinfeldermaar</a
>
</li>
<li class="nav-item">
<a
class="nav-link fs-6 fw-light"
href="https://www.schalkenmehren-eifel.de/"
title="My Art"
>Visit Schalkenmehren</a
>
</li>
</ul>
</div>
</div>
</nav>
<header div class="mt-5">
<br>
</br>
<h1
div
class="border border-primary-subtle rounded-pill mx-auto text-center mb-5"
>
💓Hi, I am Sonia 💓
</h1>
<h3 class="border border-primary-subtle rounded-pill text-center p-3">
I am a Canadian artist 🌎, based in Germany🌍
</h3>
<div class="about-paragraphs text-center mt-5 mb-5">
<p>
I was born and raised in Canada from Spanish parents. I have lived in
Spain and currently live in the Netherlands, but I am an "Eifel-Kind".
</p>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-sm-4">
<p>
I am passionate about the animals wandering around the green meadows of the Eifel. I like painting and drawing them. I walk around the beautiful paths with my notebook and pencil making sketches. <br>
If the weather is suitable, I take my painting equipment with me and settle myself for a long day of painting. The animals know me and keep me company. Sometimes they also keep an eye on what I am doing and provide useful feedback. 💙</p>
</p>
<img
src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/112/980/original/Happiness_Painting.jpg?1706628391"
class="img-fluid p-2 shadow rounded-pill" alt="Goat checks painter"
/>
</div>
<div class="col-sm-4">
<p>My atelier is on Maarstrasse 2 in Schalkenmehren. Inspired by the lovely chats with the kind and nature loving visitors, I work on my projects, usually oil-paint. My dogs are always with me and they enjoy the company too. 💘 </p>
<img
src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/112/982/original/Lila_and_I_atelier.jpg?1706628708"
class="img-fluid p-2 shadow rounded-pill" alt="cute dog Lila"
/>
</div>
<div class="col-sm-4">
<p>I am passionate about animals. Together with my husband, I have adopted a little bunch of dogs from Romania. <br>
Lila, Kiki and Kiko keep me company in the atelier. Lila is more than ten years old and she is very social. Kiko and Kiki are less social: their mother died when they were a few weeks old and they missed the basic imprinting. But they have improved a lot. The three of them are The Bandits, because that's what they are: they stole my heart.
<br>
We got them from <a class="fs-smaller" href= "https://www.helpeenhond.nl/" class= "email-link" title="Help een Hond"> Stichting Help een Hond</a> that mainly works in The Netherlands. If you live in Germany and would like to adopt a dog from Romania, you can visit <a class="fs-smaller" href="https://www.facebook.com/HundeausdemMiniShelter" class="email-link" title="Mini Shelter Dogs">Hunden aus Dem Mini Shelter</a>
</p>
<img
src="https://s3.amazonaws.com/shecodesio-production/uploads/files/000/112/992/original/Sonia_with_The_Bandits_2022.jpg?1706629199"
class="img-fluid p-2 shadow rounded-pill" alt="shelter dogs my love"
/>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-4 btn-btn-secondary">
<a href="drawingspaintings.html" class="btn btn-secondary rounded" alt="see work"> Click here to see my work</a>
</div>
<div class="col-sm-4">
<a href="mailto:sonialeatarde@gmail.com" class="btn btn-secondary rounded">Contact Me</a>📧sonialeatarde@gmail.com
</div>
<div class="col-sm-4 btn btn-danger-subtle rounded">
<p>
</p>
<a
href="https://www.instagram.com/sonialeatarde/" class="primary-link" title="instagram account"><i class="fa-brands fa-instagram"></i>Follow me on Instagram</a>
</a>
</div>
</div>
</div>
<br>
<br>
</footer>
</body>
</html>