generated from HelloWorldszz/hsla-image
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html.html
55 lines (43 loc) · 2.42 KB
/
index.html.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
<!doctype html>
<html>
<head>
<link href="assets/css/tailwind.css" rel="stylesheet">
<!-- ... -->
</head>
<body>
<div class="flex flex-row justify-between mt-4 mb-4 ml-40 mr-40">
<a class="font-bold text-lg text-black" href="landing-page.html">NOTRE LOGO</a>
<div class="space-x-4">
<a class="font-thin text-sm text-black uppercase" href="http://www.google.com">Débouchés</a>
<a class="font-thin text-sm text-black uppercase" href="http://www.google.com">Syllabus</a>
<a class="font-thin text-sm text-black uppercase" href="http://www.google.com">Formateur</a>
<a class="font-thin text-sm text-black uppercase" href="http://www.google.com">Objectifs Pédagogiques</a>
<a class="font-thin text-sm text-black uppercase" href="http://www.google.com">Inscription</a>
</div>
</div>
<section>
<div class="flex flex-row mt-4 mb-4 ml-40 mr-40 h-screen">
<div class="space-y-2 flex flex-wrap justify-start content-center">
<p class="font-bold text-3xl text-blue-800">Un Grand Titre Accrochant.. BLA BLA BLA</p>
<p class="font-normal text-sm text-gray-800">
Un petit text contenant plus de détails... BLABLA
Un petit text contenant plus de détails... BLABLA
Un petit text contenant plus de détails... BLABLA
Un petit text contenant plus de détails... BLABLA
Un petit text contenant plus de détails... BLABLA
</p>
<br>
<button class="border-2 border-blue-800 bg-blue-800 pt-2 pb-2 pl-4 pr-4 rounded-sm shadow-md">
<p class="bg-blue-800 text-white uppercase font-thin text-sm">Créer un compte</p>
</button>
<button class="border-2 border-blue-800 bg-white pt-2 pb-2 pl-4 pr-4 rounded-sm">
<p class="text-blue-800 uppercase font-thin text-sm">Récuperer le mot de passe</p>
</button>
</div>
<div class="flex flex-wrap justify-end content-center">
<img src="assets/images/illustration.jpg"/>
</div>
</div>
</section>
</body>
</html>