-
Notifications
You must be signed in to change notification settings - Fork 0
/
Eghat #8 position and Zi-ndex.html
60 lines (51 loc) · 3.69 KB
/
Eghat #8 position and Zi-ndex.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Position</title>
<link rel="stylesheet" href="eghat.css">
</head>
<body>
<h1 class="one1">
Position and Z-index Prorerties! whith(Saif Online Academy)
</h1>
<img src="E:\منظره\16.gif" alt="">
<div class="div1">
Number1
</div>
<div class="div2">
Number2
</div>
<div class="div3">
Number3
</div>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi explicabo quae sint nostrum? Libero, quia soluta rem dignissimos iste quidem a voluptates! Distinctio quas accusantium fugit hic consequuntur ut magnam?
Exercitationem nulla ducimus quas quo, ipsa aut voluptas, excepturi consequuntur reiciendis eius nam consectetur beatae nobis. Nesciunt repellendus provident reiciendis consectetur ipsum eum alias nemo neque explicabo sunt! Incidunt, ad!
Non repudiandae illo molestiae saepe dignissimos, fugiat consectetur dolore numquam porro quos nam, placeat incidunt odio debitis, amet quae. Nihil quia similique ex perferendis maxime magni eaque labore? Magnam, deleniti?
Ex, quaerat est. Tempore repudiandae minus itaque sequi cumque, neque dolor accusantium in, maiores, enim nam esse ipsa voluptas recusandae perspiciatis praesentium autem sit quod? Cupiditate consectetur aliquam laudantium expedita?
Explicabo voluptatibus nostrum dolorum velit, porro, libero unde soluta asperiores ab totam impedit nam debitis tempora atque architecto tenetur neque, sunt ea illo officia cupiditate. Dolores corrupti aspernatur incidunt quaerat!
Suscipit praesentium expedita delectus autem explicabo voluptatem harum. Commodi iste impedit necessitatibus accusantium quidem asperiores obcaecati, corrupti vitae quos? Dolore eveniet consequuntur nobis laudantium maiores impedit hic ipsa delectus aspernatur.
Optio quaerat dolorum vitae maiores? Ipsum illo earum esse nulla perferendis quo amet consectetur, assumenda id! Ipsam, doloremque aspernatur dolor consequuntur, dolorem consequatur reiciendis, iste harum eos odio non officia.
Adipisci fugiat dolores dolorum saepe doloribus maxime? Deleniti, ullam! Numquam, libero facilis? Distinctio reprehenderit voluptates aliquam fugiat magnam voluptatem itaque optio? Tempora magnam nostrum debitis perspiciatis quibusdam. Tempore, cupiditate quibusdam?
Repellat, in quos, eum dolor veniam iste voluptatibus facere a consequatur obcaecati nobis soluta aliquid! Sed aspernatur quae exercitationem quos deleniti at, porro possimus? Officia tempore illo accusantium aspernatur aliquid.
Aliquid iste officia maiores numquam iure tempore dolor autem obcaecati earum a blanditiis labore ab, beatae nostrum nihil corporis doloribus. Possimus nesciunt dolorum hic, officia autem ut perspiciatis magnam nisi!</p>
<br>
<nav class="one">
<button style="font-size: 30px;">Nav bar</button>
<button style="font-size: 20px;">Map</button>
<button style="font-size: 20px;">Books</button>
<button style="font-size: 20px;">picture</button>
<button style="font-size: 20px;">video</button>
</nav>
<footer class="two">
<button style="font-size: 30px;">Footer</button>
<button style="background-color: aquamarine;">Facebook</button>
<button style="background-color: antiquewhite;">twitter</button>
<button style="background-color: blueviolet;">watsapp</button>
<button style="background-color: brown;">Massenger</button>
</footer>
</body>
</html>