-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
133 lines (132 loc) · 3.86 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">
<title>INDEX</title>
</head>
<body>
<header>
<form>
<fieldset>
<!--nom du site-->
<h1>Du coup TV</h1>
<!--identification mail et mot de passe-->
<div>
<input type="email" name="email" value="adresse email"/>
<input type="submit" name="validation" value="ok"/>
Mot de passe:
<input type="password" name="password" value="mot de passe"/>
<input type="submit" name="validation" value="ok"/>
</div>
<a href="">Mot de passe oublié?</a>
</fieldset>
</form>
<!--les logos facebook, twitter et google+-->
<div>
<figure>
<a href="https://fr-fr.facebook.com"><img src="img/logofb.jpg" alt="logo facebook" title="connexion avec votre compte facebook"></a>
</figure>
<figure>
<a href="https://twitter.com"><img src="img/logotwi.jpg" alt="logo twitter" title="connexion avec votre compte twitter"></a>
</figure>
<figure>
<a href="https://plus.google.com"><img src="img/logogplus.jpg" alt="logo google+" title="connexion avec votre compte google+"></a>
</figure>
</div>
<!--menu du haut-->
<nav>
<ul>
<li><a href="index.html">ACCUEIL</a></li>
<li><a href="moncompte.html">MON COMPTE</a></li>
<li><a href="communaute.html">COMMUNAUTE</a></li>
<li><a href="actualite.html">ACTUALITES</a></li>
<li><a href="classement.html">CLASSEMENT</a></li>
</ul>
</nav>
<!--la partie recherche-->
<div>
<form action="">
<input type="search" placeholder="entrez un mot clef" name="rechercher"/>
<input type="submit" value="Rechercher"/>
</form>
</div>
</header>
<main>
<section>
<!--choix de la langue-->
<form action="">
<fieldset>
<div>
langue:
<select name="langue">
<option value="fr">Fr</option>
<option value="eng">Eng</option>
</select>
</div>
</fieldset>
</form>
</section>
<section>
<!--les images du top actus-->
<figure>
<a href="actualite.html"><img src="img/actuhouse.jpg" alt="actu 1" title="Dr House, la fin?"></a>
<figcaption><a href="actualite.html">Top Actu 1</a></figcaption>
</figure>
<figure>
<a href="actualite.html"><img src="img/acturentree2014.jpg" alt="actu 2" title="Les series a suivre pour la rentree 2014"></a>
<figcaption><a href="actualite.html">Top Actu 2</a></figcaption>
</figure>
<figure>
<a href="actualite.html"><img src="img/actusortidvd.jpg" alt="actu 3" title="Nos series cultes en coffret DVD"></a>
<figcaption><a href="actualite.html">Top Actu 3</a></figcaption>
</figure>
</section>
<section>
<!--espace des discussions les + populaires de la page index-->
<div>
<h2>Discussions les + populaires:</h2>
<ol>
<li>Titre discussion</li>
<li>Titre discussion</li>
<li>Titre discussion</li>
</ol>
</div>
<!--espace des dernieres discussions de la page index-->
<div>
<h2>Dernieres discussions:</h2>
<ul>
<li>Titre discussion et date discussion</li>
<li>Titre discussion et date discussion</li>
<li>Titre discussion et date discussion</li>
</ul>
</div>
<!--espace du top 5 de la page index-->
<div>
<h2>Top 5 de la semaine:</h2>
<ol>
<li>Nom de la série TV</li>
<li>Nom de la série TV</li>
<li>Nom de la série TV</li>
</ol>
</div>
</section>
</main>
<aside>
</aside>
<footer>
<!--nom du site-->
<h1>Du coup TV</h1>
<!--logo du site-->
<figure><a href=""><img src="img/logoimie.png" alt="logo du site" title="nom du site"></a></figure>
<p>Copyrights patati patata chinouinouin steffeur sport etude protege tibia</p>
<nav>
<!--liste de liens-->
lien 1:<a href="" title="lien 1">www.lien1.com</a><br>
lien 2:<a href="" title="lien 2">www.lien2.com</a><br>
lien 3:<a href="" title="lien 3">www.lien3.com</a><br>
lien 4:<a href="" title="lien 4">www.lien4.com</a><br>
</nav>
</footer>
</body>
</html>