forked from Ennadifi-2020/Html_Css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (117 loc) · 4.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Royal</title>
</head>
<body>
<!----------------------------------- Début Header ----------------------------------->
<header>
<div class="container">
<div id="logo">
<img src="images/logo.png" alt="Logo" />
</div>
<!-- la balise nav : représente une section d'une page ayant des liens vers d'autres pages -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!----------------------------------- Fin Header ----------------------------------->
<!----------------------------------- Début Bannière ----------------------------------->
<div id="banniere_image">
<div id="banniere_description">
<h2>We Are Provided security services</h2>
</div>
</div>
<!----------------------------------- Fin Bannière ----------------------------------->
<!----------------------------------- Début Section ----------------------------------->
<section>
<article>
<h1>Welcome security services Company</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec sagittis massa. Nulla facilisi. Cras id arcu lorem, et semper purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel enim mi,
in lobortis sem. Vestibulum luctus elit eu libero ultrices id fermentum sem sagittis. Nulla imperdiet mauris sed sapien dignissim id aliquam est aliquam. Maecenas non odio ipsum, a elementum nisi. Mauris non erat eu erat placerat convallis.
Mauris in pretium urna. Cras laoreet molestie odio, consequat consequat velit commodo eu. Integer vitae lectus ac nunc posuere pellentesque non at eros. Suspendisse non lectus lorem.</p>
<p>Vivamus sed libero nec mauris pulvinar facilisis ut non sem. Quisque mollis ullamcorper diam vel faucibus. Vestibulum sollicitudin facilisis feugiat. Nulla euismod sodales hendrerit. Donec quis orci arcu. Vivamus fermentum magna a erat
ullamcorper dignissim pretium nunc aliquam. Aenean pulvinar condimentum enim a dignissim. libero ut bibendum consectetur, eros ipsum ultrices nisl, in rutrum diam augue non tortor.</p>
</article>
<aside>
<h2>Welcome</h2>
<p id="photo_welcome"><img src="images/vc.png" alt="Photo welcome" /></p>
</aside>
</section>
<!----------------------------------- Fin Section ----------------------------------->
<!----------------------------------- Début Footer ----------------------------------->
<footer>
<div class="footer">
<!-- Colonne 1 -->
<div id="about_royal">
<h3>About :</h3>
<p>La Direction Générale de la Sûreté Nationale ou DGSN également connue sous le nom de Sûreté nationale, est le principal corps de la police nationale du Maroc. Elle a été fondée le 16 mai 1956 par le roi Mohammed V. Elle est placée sous la tutelle du Ministère de l'Intérieur.
</p>
</div>
<!-- Colonne 2 -->
<div id="adress">
<h3>Adresse :</h3>
<div class="address_link-container">
<a href="">
<img src="images/location.png" alt="">
<span> Address: casablanca 2000, maroc.
</span>
</a>
<a href="">
<img src="images/phone.png" alt="">
<span> Tel: +212522725463
</span>
</a>
<a href="">
<img src="images/mail.png" alt="">
<span>
Email: [email protected]
</span>
</a>
</div>
</div>
<!-- Colonne 3 -->
<div id="newsletter">
<h3>newsletter</h3>
<form action="">
<input type="email" placeholder="ENTER YOUR EMAIL">
<div>
<button type="submit">
Subscribe
</button>
</div>
</form>
<div class="social_container">
<div>
<img src="images/fb.png" alt="">
</div>
<div>
<img src="images/twitter.png" alt="">
</div>
<div>
<img src="images/linkedin.png" alt="">
</div>
<div>
<img src="images/youtube.png" alt="">
</div>
</div>
</div>
</div>
<div class="copyright">
<p>
Copyright © 2020 All Rights Reserved By ELFAIZ ENNADIFI</a>
</p>
</div>
</footer>
<!----------------------------------- Fin Footer ----------------------------------->
</div>
</body>
</html>