-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
83 lines (74 loc) · 2.99 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="style.css">
<title>Jordan BOUTROIS</title>
</head>
<body>
<!-- HEADER -->
<header class="background_about">
<nav class="navigation">
<div class="logo"></div>
<ul>
<li>
<a href="index.html">Home</a>
<a href="about.html"> <span>About</span></a>
<a href="portfolio.html">Portfolio</a>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<h1 class="about_h1">About</h1>
</header>
<!-- FIN HEADER -->
<!-- START MAIN SHOP -->
<!-- JUDOKA START -->
<div class="shop-main-img">
<div class="shop-img-container">
<a href="#"><img class="shop-img" src="img/JUDO.jpg" alt="judo"><h1>JUDOKA</h1></a>
</div>
<div class="text-shop-container">
<h2>
Déterminé et perfectionniste, l’échec ne m’effraie pas.
Une vraie base solide sur laquelle je peux me reposer quand les temps sont durs !
</h2>
</div>
</div>
<!-- JUDOKA END -->
<!-- JORDAN START -->
<div class="shop-main-img-jordan">
<div class="shop-img-container">
<a href="#"><img class="shop-img" src="img/jordan.jpg" alt="judo"><h1>JORDAN</h1></a>
</div>
<div class="text-shop-container">
<h2>
Parfois maladroit, sans que l'on puisse m’en vouloir.
Imprévisible il m’arrive d’agir sur “un coup de tête”. Ouvert d’esprit, aucune idée n’est ridicule !
Fâché avec la cuisine, il m’arrive d’avoir la main facile pour commander uber eats.
</h2>
</div>
</div>
<!-- JORDAN END -->
<!-- JOUEUR START -->
<div class="shop-main-img">
<div class="shop-img-container">
<a href="#"><img class="shop-img" src="img/joueur.jpg" alt="judo"><h1>JOUEUR</h1></a>
</div>
<div class="text-shop-container">
<h2>
Un aspect aussi taquin que compétiteur. Peu importe le lieu, détendre l’atmosphère n’a jamais fait de mal. À côté de quoi, je chercherais à donner le meilleur de moi-même, pour que mes projets soient les plus qualitatifs.
</h2>
</div>
</div>
<!-- JOUEUR END -->
<!-- END MAIN SHOP -->
<!-- FOOTER -->
<footer>
<h1>Copyright 2020</h1>
<p>tous droits réservés.</p>
</footer>
<!-- FIN FOOTER -->
</body>
</html>