-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathartcontemporain.html
83 lines (81 loc) · 2.72 KB
/
artcontemporain.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="global.css" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="artcoeval.css" />
<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=Patrick+Hand+SC&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<title>Art Code</title>
</head>
<body>
<script src="custom.js"></script>
<div class="landscape-message">
<img
src="https://assets-v2.lottiefiles.com/a/685770f2-1168-11ee-8e72-c72882ce9865/CQuMaUaImx.gif"
alt="GIF de rotation"
/>
<p>
Veuillez mettre votre téléphone en mode paysage pour une meilleure
expérience d'utilisation de notre site.
</p>
<p id="why">Qu'est ce que tu fais encore ici ?</p>
<p id="go">Tu peux PARTIR !</p>
</div>
<div class="tablet-message">
<img
src="https://i.giphy.com/l3vR85PnGsBwu1PFK.gif"
alt="GIF de tablette"
/>
<p>
Nous vous recommandons d'utiliser notre site sur un téléphone ou un
ordinateur pour une meilleure expérience d'utilisation.
</p>
</div>
<header class="header-2">
<h1>Art Code</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#art-icle">Art-icle</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<div id="art-article">
<div id="fixed">
<h1 class="title-2">Art Conptemporain</h1>
<p id="paragraph-2">
L'art contemporain par les artistes d'aujourd'hui, qui évoluent dans
un monde <span id="global">global</span> et
<span id="mirror">MULTIFACETTES.</span>
</p>
</div>
</div>
<div class="box-invert">
<div id="fixed">
<h1 class="title-2">Fire Full Moon (encore en arrière plan)</h1>
<p id="paragraph-2">
est une œuvre de Yayoi Kusama, Elle utilise la lumière, la couleur et
la répétition pour créer une expérience visuelle et sensorielle
captivante. elle explore des thèmes, peu vus à son époque tels que
l'interconnexion et l'existence humaine.
</p>
</div>
</div>
<div class="main-article"></div>
<div id="main-2" class="main-article">
<h1 class="big-title">MERCI !</h1>
<a href="contact.html" class="button-contact">Contactez Moi</a>
</div>
</body>
</html>