-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
149 lines (138 loc) · 7.42 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<!-- Custom CSS -->
<link href="css/common.css" rel="stylesheet">
<link href="css/about.css" rel="stylesheet">
<!-- JQuery -->
<script src="vendor/jquery-3.6.0.min.js"></script>
<!-- Google Fonts- -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<title>About | Vincent van Gogh</title>
</head>
<body>
<section class="first-section">
<div class="about-start d-flex align-items-end">
<!-- Navbar -->
<nav class="autohide navbar fixed-top navbar-expand-md navbar-dark py-0" id="navbar">
<div class="container nav-container d-flex">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="" width="80" height="80">
</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 mb-2 mb-md-0 ms-md-auto">
<li class="nav-item mx-md-3">
<a class="nav-link active" aria-current="page" href="about.html">About</a>
</li>
<li class="nav-item mx-md-3">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item mx-md-3">
<a class="nav-link" href="museums.html">Museums</a>
</li>
</ul>
</div>
</div>
</nav>
<!--End of Navbar -->
<div class="container">
<h1 class="start-h1 mb-5">About <span class="d-md-none responsive-br-1"><br></span> Van Gogh.</h1>
</div>
</section>
</div>
<section class="second-section pt-5 pb-2">
<div class="container">
<figure class="text-end">
<blockquote class="blockquote">
<h2>
<span class="quotation-marks">“</span>For my part I know nothing with any certainty,
<br class="d-none d-md-block">
but the sight of the stars makes me dream.<span class="quotation-marks">”</span>
</h2>
</blockquote>
<figcaption class="blockquote-footer figcap-1">
Vincent Van Gogh
</figcaption>
</figure>
</div>
</section>
<section class="third-section py-5">
<div class="container">
<div class="row">
<div class="col-12">
<div class="floating-portrait d-flex d-md-block mb-3 mb-md-0 justify-content-center">
<figure class="figure float-none float-md-start pe-0 pe-md-5 text-center">
<img src="images/self-portrait-2.jpg" class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption figcap-2">Self-Portrait (1887)</figcaption>
</figure>
</div>
<p class="about-content-p ps-0 ps-md-5">
Vincent van Gogh grew up in the southern Netherlands, where his father was a minister. After seven years at
a commercial art firm, Van Gogh’s desire to help humanity led him to become a teacher, preacher, and
missionary—yet without success. Working as a missionary among coal miners in Belgium, he had begun to draw
in earnest; finally, dismissed by church authorities in 1880, he found his vocation in art.
</p>
<p class=" about-content-p">
Van Gogh’s earliest paintings were earth-toned scenes of nature and peasants, but he became increasingly
influenced by Japanese prints and the work of the impressionists in France. In 1886 he arrived in Paris,
where his real formation as a painter began. Under the influence of Camille Pissarro, Van Gogh brightened
his somber palette and juxtaposed complementary colors for luminous effect. Younger artists like Henri de
Toulouse-Lautrec and Paul Gauguin prompted him to use color symbolically and for its emotional resonance.
</p>
<p class="about-content-p">
Although stimulated by the city’s artistic environment, Van Gogh found life in Paris physically exhausting
and moved in early 1888 to Arles. He hoped Provence’s warm climate would relax him and that the brilliant
colors and strong light of the south would provide inspiration for his art. Working feverishly, Van Gogh
pushed his style to greater expression with intense, energetic brushwork and saturated, complementary
colors. Yet his densely painted canvases remained connected to nature—their colors and rhythmic surfaces
communicate the spiritual power he believed inhabited and shaped nature's forms. His activity was not
undisciplined; quite the opposite, he worked diligently to perfect his craft.
</p>
<p class="about-content-p">
Van Gogh hoped to attract like-minded painters to Arles, but only Gauguin joined him, staying about two
months. It was soon clear that their personalities and artistic temperaments were incompatible, and Van Gogh
suffered a breakdown just before Christmas. In April, following periods of intense work interrupted by
recurring mental disturbances, Van Gogh committed himself to a sanitarium in St.-Rémy. He painted whenever
he could, believing that in work lay his only chance for sanity. After a year, he returned north to be
closer to his brother Théo, who had been his constant support; in July he died of a self-inflicted gunshot
wound.
</p>
</div>
<div id="for-more-info" class="col-12 gy-5 mt-5 py-5 text-center">
<h3>For More Information:</h3>
<a href="https://en.wikipedia.org/wiki/Vincent_van_Gogh" target="_blank" class="more-info-links">
<img class="more-info-icons mx-2" src="images/wikipedia.ico"></img>
</a>
<a href="https://www.vangoghmuseum.nl/en/art-and-stories/vincents-life-1853-1890" target="_blank"
class="more-info-links">
<img class="more-info-icons mx-2" src="images/van-gogh-museum-amsterdam-logo.svg">
</a>
<a href="https://www.vangoghgallery.com/misc/biography.html" target="_blank" class="more-info-links">
<img class="more-info-icons mx-2" src="images/the-vg-gallery-logo.jpg">
</a>
</div>
</div>
</div>
</section>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"></script>
<!-- Custom JS -->
<script src="js/common.js"></script>
</body>
</html>