-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (93 loc) · 5.14 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
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
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="La web tv Minvouloise">
<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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="images/log.png">
<title>Accueil-Minvoul TV</title>
</head>
<body>
<div id="preloader">
<img src="images/log.png" id="log" alt="Logo">
</div>
<header>
<nav>
<a href="index.html"><img src="images/mtv-logo.png" id="logo" /></a>
<ul class="menu">
<li class="menu-item">
<a href="index.html">Accueil</a>
</li>
<li class="menu-item">
<a href="index.html">NOUS</a>
</li>
<li class="menu-item">
<a href="index.html">Programmes</a>
</li>
<li class="menu-item">
<a href="#">carrières</a>
</li>
<li class="menu-item">
<a href="#">replays</a>
</li>
</ul>
<button>
<a href="index.html">suivez nous en direct</a>
</button>
</nav>
</header>
<main>
<section class="section2">
<div class="slide">
<div class="content">
<h2>LE JT DE MINVOUL</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur neque quis fugit maiores unde veritatis debitis saepe placeat nam earum nobis mollitia praesentium deserunt corporis quo veniam, fugiat perspiciatis provident?
Hic sit illo facere, officia ducimus necessitatibus nemo aliquid praesentium, porro velit unde debitis blanditiis ea optio nulla ipsum laboriosam, aliquam voluptatum vero? Iste doloremque temporibus fuga odit ut sit!</p>
</div>
</div>
<div class="slide">
<div class="content">
<h2>REPORTAGE</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur neque quis fugit maiores unde veritatis debitis saepe placeat nam earum nobis mollitia praesentium deserunt corporis quo veniam, fugiat perspiciatis provident?
Hic sit illo facere, officia ducimus necessitatibus nemo aliquid praesentium, porro velit unde debitis blanditiis ea optio nulla ipsum laboriosam, aliquam voluptatum vero? Iste doloremque temporibus fuga odit ut sit!</p>
</div>
</div>
<div class="slide">
<div class="content">
<h2>MINVOUL SHOW-BUZZ</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur neque quis fugit maiores unde veritatis debitis saepe placeat nam earum nobis mollitia praesentium deserunt corporis quo veniam, fugiat perspiciatis provident?
Hic sit illo facere, officia ducimus necessitatibus nemo aliquid praesentium, porro velit unde debitis blanditiis ea optio nulla ipsum laboriosam, aliquam voluptatum vero? Iste doloremque temporibus fuga odit ut sit!</p>
</div>
</div>
<div class="slide">
<div class="content">
<h2>LA MINUTE DES ENTREPRENEURS</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur neque quis fugit maiores unde veritatis debitis saepe placeat nam earum nobis mollitia praesentium deserunt corporis quo veniam, fugiat perspiciatis provident?
Hic sit illo facere, officia ducimus necessitatibus nemo aliquid praesentium, porro velit unde debitis blanditiis ea optio nulla ipsum laboriosam, aliquam voluptatum vero? Iste doloremque temporibus fuga odit ut sit!</p>
</div>
</div>
<div class="slide">
<div class="content">
<h2>L'INSTANT TECH</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur neque quis fugit maiores unde veritatis debitis saepe placeat nam earum nobis mollitia praesentium deserunt corporis quo veniam, fugiat perspiciatis provident?
Hic sit illo facere, officia ducimus necessitatibus nemo aliquid praesentium, porro velit unde debitis blanditiis ea optio nulla ipsum laboriosam, aliquam voluptatum vero? Iste doloremque temporibus fuga odit ut sit!</p>
</div>
</div>
</section>
</main>
<footer>
</footer>
<script>
function closepreloader(){
document.getElementById("preloader").style.display = 'none';
}
window.addEventListener("load",function(){
setTimeout(closepreloader, 2000);
});
</script>
</body>
</html>