-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (113 loc) · 10 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
<!DOCTYPE <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>winter is coming</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script src="main.js"></script>
</head>
<body>
<header id="showcase">
<h1>Winter Is Coming</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum molestias.</p>
<a href= "#" class= "button">Read more</a>
</header>
<section id="section-a">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
</section>
<section id="section-b">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
</section>
<section id="section-c">
<div class="box1">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos enim nesciunt magni ipsa minus in ipsam minima asperiores reprehenderit quasi!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
</div>
<div class="box-2">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas quam cumque aliquid dicta consequatur alias officia accusamus unde quidem eius.</p>
</div>
<div class="box3">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<br> Dicta iusto blanditiis est, error libero praesentium quisquam, dolore hic incidunt eaque vero consectetur voluptatibus quos asperiores fuga aut cum quidem voluptas et?<br> Asperiores deleniti facilis cumque odit praesentium earum suscipit reiciendis labore quaerat.<br> Quos cumque quibusdam illo ut inventore temporibus ipsam obcaecati, ullam sed incidunt hic quam fugit labore modi molestiae delectus eos nesciunt quia voluptas corrupti eveniet.<br> Aperiam laboriosam quam asperiores ducimus quos eum, libero ut ea adipisci placeat possimus, corporis consectetur perferendis similique laborum consequatur error pariatur esse dolor ullam explicabo ex! Dolorem sit doloribus odio repudiandae porro cumque.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam veniam, porro fugit inventore cupiditate minima? Ducimus incidunt sit ex minima.</p>
</div>
</section>
<div class="foot">
<footer class= "root">
<div class="footercontainer">
<div class="main">
<div class="credits">
<h3>Created and Designed by Leumars</h3>
</div>
<section class="section-4">
<div class="numb-1">
<li class= "group-1">
<h3 class= "about"><a href= "#"> About</a></h3>
<ul>
<li>
<a href="#">News</a>
</li>
<li>
<a href= "#">Our team</a>
</li>
<li>
<a href= "#">Our sponsors</a>
</li>
<li>
<a href= "#">Careers</a>
</li>
</ul>
</li>
</div>
<div class="numb-2">
<li class= "group-2">
<a hef= "#">
<h3 class="appreciation">Appreciation</h3>
</a>
<ul>
<li>
<a href= "#">Khan academy</a>
</li>
<li>
<a href= "#">Free code camp</a>
</li>
<li>
<a href= "#">W3 Schools</a>
</li>
</ul>
</li>
</div>
<div class="numb-3">
<li class= "group-3">
<a href= "#">
<h3 class= "contact">Contact</h3>
</a>
<ul>
<li>
<a href= "#">Help center</a>
</li>
<li>
<a href= "#">Support community</a>
</li>
</ul>
</li>
</div>
</section>
<div class="talk">
<h4>i'm still learning</h4>
</div>
<div class="bottom">
<div class="copy">
© 2019 Leumars<br>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>