-
Notifications
You must be signed in to change notification settings - Fork 1
/
earlylife.html
86 lines (86 loc) · 4.55 KB
/
earlylife.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
<!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="Embark on a journey through the colorful and emotional world of Van Gogh's art. Explore his life story, his techniques, and the inspiration behind his masterpieces. Discover the passion, the pain, and the creativity behind his art."
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;800;900&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="./css/earlylife.css" />
<script src="./js/earlylife.js" defer></script>
<link rel="icon" type="image/x-icon" href="./assets/homepage/favicon-vincentvangogh.webp" />
<title>Vincent's life - Early Life</title>
</head>
<body>
<main class="Main">
<div class="Main-header">
<a class="Prev-link" href="vincentslife.html" title="Go to Vincent's life page">
<div class="Prev-btn" aria-label="Previous">
<svg class="Prev-svg" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" aria-label="Button-previous">
<path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
</svg>
</div>
</a>
<div class="Header-image">
<img class="Column-img" src="./assets/vincentslife/self-portrait-vincentvangogh-small.webp" alt="Self-portrait by Vincent Van Gogh" loading="lazy" >
<span class="Frame-image"></span>
</div>
<div class="Title-container">
<h2 class="Title-h2">early life</h2>
<span class="Date-span">march 30, 1853</span>
<span class="Place-span">zundert, netherlands</span>
</div>
</div>
<span class="Background-container"></span>
<div class="Text-container">
<section class="Intro-container">
<h3 class="Intro-h3">1853</h3>
<p class="Intro-p">
As a child, Vincent was described as serious and thoughtful. After leaving school, Vincent worked for an art dealer in The Hague, and later, for an art dealer in London.
</p>
</section>
<div class="Text-columns">
<section class="Left-section">
<div class="Image-container">
<img class="Left-image" src="./assets/vincentslife/motherportrait-vincentvangogh.webp" alt="Portrait of Mother by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">Childhood</h4>
<p class="Left-p">
Vincent's relationship with his parents was complex and at times strained. His father was a stern and religious man, while Vincent was more sensitive and artistic. Despite their
differences, Vincent had a strong emotional bond with his mother, who shared his love of nature and art.
</p>
<div class="Left-container">
<span class="Left-title">Portrait of Artist’s Mother</span>
<span class="Left-year">1888</span>
<span class="Left-place">Norton Simon Museum of Art, Pasadena, California</span>
</div>
</div>
</section>
<section class="Right-section">
<div class="Image-container">
<img class="Right-image" src="./assets/vincentslife/thesower-vincentvangogh.webp" alt="The Sower by Vincent Van Gogh" loading="lazy" >
</div>
<div class="Section-text">
<h4 class="Section-h4">1879</h4>
<p class="Right-p">
At the age of 26, Vincent studied at the Académie Royale des Beaux-Arts in Brussels, Belgium, for a few months before leaving and returning to his parents' home in the Netherlands.
Vincent continued to study art on his own and began creating his own style of painting.
</p>
<div class="Right-container">
<span class="Right-title">The Sower (after Millet)</span>
<span class="Right-year">1881</span>
<span class="Right-place">Kröller-Müller Museum, Otterlo, Netherlands</span>
</div>
</div>
</section>
</div>
</div>
</main>
</body>
</html>