-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (52 loc) · 2.79 KB
/
index.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Que faire après un bac STI2D ?</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="etudes.html">Les différentes études possibles</a></li>
<li><a href="renseignements.html">Comment se renseigner</a></li>
<li><a href="metier.html">Le métier que vous avez choisi</a></li>
</ul>
</nav>
</header>
<main>
<h1>Que faire après un bac STI2D ?</h1>
<article>
<h2>Orientation vers les études supérieures</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc. Nulla facilisi. Sed auctor, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc.</p>
<img src="image1.jpg" alt="Image 1">
</article>
<article>
<h2>Structures post bac</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc. Nulla facilisi. Sed auctor, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc.</p>
<img src="image2.jpg" alt="Image 2">
</article>
<article>
<h2>Renseignements sur les possibilités d'orientation</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc. Nulla facilisi. Sed auctor, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc.</p>
<img src="image3.jpg" alt="Image 3">
</article>
<article>
<h2>Niveaux d'études pour entrer sur le marché de l'emploi</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc. Nulla facilisi. Sed auctor, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc.</p>
<img src="image4.jpg" alt="Image 4">
</article>
<article>
<h2>Métier souhaité : [Nom du métier]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc. Nulla facilisi. Sed auctor, nunc id aliquam tincidunt, nisl nunc tincidunt nunc, id lacinia nunc nisl id nunc.</p>
<img src="image5.jpg" alt="Image 5">
</article>
</main>
<footer>
<p>© 2021 Votre Nom. Tous droits réservés.</p>
</footer>
</body>
</html>