-
Notifications
You must be signed in to change notification settings - Fork 63
/
Copy pathindex.html
72 lines (69 loc) · 2.51 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Le monde du web</title>
<link rel="stylesheet" href="styles/styles.css">
</head>
<body>
<header class="header-principal">
<div class="conteneur">
<nav class="nav-principale">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Contact </a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<h1>Le monde du Web</h1>
</section>
<section class="information">
<div class="conteneur">
<article class="carte">
<header>
<h2>HTML</h2>
</header>
<div class="content">
<p><strong>HTML</strong> signifie « <em>HyperText Markup Language</em> » qu'on peut traduire par « <em>langage de balises pour l'hypertexte</em> ».</p>
<footer class="carte-footer">
<a href="#" class="bouton">Lire l’article</a>
<span class="">57 vues</span>
</footer>
</div>
</article>
<article class="carte">
<header>
<h2>CSS</h2>
</header>
<div class="content">
<p><strong>Cascading Style Sheets (CSS)</strong> est un langage de feuille de style utilisé pour décrire la présentation d'un document écrit en HTML ou en XML</p>
<footer class="carte-footer">
<a href="#" class="bouton">Lire l’article</a>
<span class="">45 vues</span>
</footer>
</div>
</article>
<article class="carte">
<header>
<h2>Javascript</h2>
</header>
<div class="content">
<p><strong>JavaScript</strong> (qui est souvent abrégé en « JS ») est un langage de script léger, orienté objet, principalement connu comme le langage de script des pages web. Mais il est aussi utilisé dans de nombreux environnements extérieurs aux navigateurs web tels que Node.js, Apache CouchDB voire Adobe Acrobat. </p>
<footer class="carte-footer">
<a href="#" class="bouton">Lire l’article</a>
<span class="">72 vues</span>
</footer>
</div>
</article>
</div>
</section>
<footer class="footer-principal">
<div class="conteneur">
<h3>Le monde du web</h3>
</div>
</footer>
</body>
</html>