-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprojets.html
103 lines (103 loc) · 4.7 KB
/
projets.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Métadonnées du document -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Lien vers la feuille de style CSS -->
<link rel="stylesheet" href="style.css">
<!-- Lien vers la bibliothèque Font Awesome pour les icônes -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
<title>Mon_Portfolio</title>
</head>
<body>
<header>
<!-- Logo avec lien vers la page d'accueil -->
<div><a href="index.html" class="logo">Simeon Shimba</a></div>
<!-- Menu de navigation -->
<nav>
<ul>
<!-- Liens vers différentes sections du site -->
<li><a href="cv.html" class="border-lef">Cv</a></li>
<li><a href="projets.html" class="border-left">Projets</a></li>
<li><a href="contact.html" class="border-left">Contact</a></li>
</ul>
</nav>
</header>
<main class="main-content">
<!-- Section principale des projets -->
<div>
<h3 class="call">Projects</h3>
</div>
<!-- Première section de projet -->
<section class="section_pro">
<div class="pose">
<!-- Description du projet "Shifted" -->
<div>
<h4 class="tete">Shifted</h4>
<p class="ligne">Shifted est un site e-commerce spécialisé dans la vente de vêtements vintage pour hommes et femmes. L’objectif de Shifted est de créer une expérience en ligne unique pour les amateurs de mode rétro, en offrant une sélection soignée de vêtements et d'accessoires vintage de haute qualité.</p>
</div>
<!-- Image du projet "Shifted" -->
<div>
<img src="shifted.png" class="shifted" alt="">
</div>
</div>
</section>
<!-- Deuxième section de projet -->
<section class="section_pro">
<div class="pose">
<!-- Description du projet "Hostim" -->
<div>
<h4 class="tete">Hostim</h4>
<p class="ligne">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</p>
</div>
<!-- Image du projet "Hostim" -->
<div>
<img src="hostim.png" class="shifted" alt="">
</div>
</div>
</section>
<!-- Troisième section de projet -->
<section class="section_pro">
<div class="pose">
<!-- Description du projet "Interio" -->
<div>
<h4 class="tete">Interio</h4>
<p class="ligne">I'm a paragraph. Click here to add your own text and edit me. I’m a great place for you to tell a story and let your users know a little more about you.</p>
</div>
<!-- Image du projet "Interio" -->
<div>
<img src="interio.png" class="shifted" alt="">
</div>
</div>
</section>
</main>
<footer class="pied">
<div></div>
<div class="footer spacing">
<!-- Section d'information de contact -->
<div>
<h3 class="h3">Télephone</h3>
<a href="">123-456-7890</a>
</div>
<div>
<h3 class="h3">Email</h3>
</div>
<div>
<h3 class="h3">Suivez-Moi</h3>
<div class="mes_i">
<!-- Icônes des réseaux sociaux -->
<div><i class="fa-brands fa-twitter"></i></div>
<div><i class="fa-brands fa-linkedin"></i></div>
<div><i class="fa-brands fa-instagram"></i></div>
</div>
</div>
<div>
<h3 class="moi">2023 By Simeon Shimba</h3>
</div>
</div>
<div></div>
</footer>
</body>
</html>