-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwelcome.html
56 lines (53 loc) · 4.12 KB
/
welcome.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
<!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>welcome</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<header>
<nav id="navbar">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Follow us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</nav>
</header>
<main>
<h1>Hey There</h1>
<h2>Welcome to our website</h2>
</main>
<div id="a1">
<div id="article" class="abc">
<p><strong>Lorem, ipsum dolor sit amet</strong> <hr><br> consectetur adipisicing elit. Blanditiis laudantium ea odit aspernatur excepturi eveniet modi totam aut dicta provident rem molestiae corporis ullam illo, ab reiciendis ducimus culpa adipisci, eum harum. Nam doloremque reprehenderit quasi molestiae voluptate asperiores ipsam tenetur at, officiis ullam explicabo sequi possimus, repellat voluptatibus neque. Non voluptas quisquam dolores sapiente at atque, impedit fugiat fugit! Suscipit placeat eos eaque sed nemo autem! Ipsum molestias adipisci neque debitis distinctio laudantium impedit assumenda harum labore dicta accusamus, quidem quam delectus sequi explicabo ex. Sed inventore distinctio, quam recusandae numquam aut nostrum. Architecto eius mollitia reprehenderit culpa quia. <br><br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum eos explicabo dignissimos delectus nam fugiat et accusantium voluptates nisi cupiditate, ab quo in assumenda enim, eius consectetur voluptatem nostrum, inventore iusto veritatis quos. Laborum harum animi atque ullam eum ducimus voluptatibus provident debitis mollitia. Recusandae ipsa officia accusamus, ipsum minus fuga, soluta voluptatibus at quas quasi tempora impedit. Necessitatibus aut sit fuga. Natus cumque adipisci ullam amet in eum fugiat suscipit consequatur eligendi labore quisquam soluta veritatis vel dolorem deserunt sint, a cupiditate asperiores hic molestiae temporibus maiores recusandae delectus! Voluptas maxime sed neque minima officia quis ipsam facilis quibusdam incidunt accusamus blanditiis iure, enim quia architecto odit quos inventore quasi cumque numquam id officiis magnam sit illum. Numquam labore autem, quaerat porro vel eligendi totam animi deserunt, suscipit eos ad minus quas laboriosam iure, architecto reiciendis dicta odio asperiores iusto explicabo? Beatae nulla qui, odit eligendi odio laudantium dicta magni, fugiat commodi sapiente est fuga, veritatis atque labore. Nisi qui quam cupiditate totam ad illo, architecto provident labore, libero rerum quas iusto nulla et. Possimus nemo consequatur repellendus dignissimos modi, tempora amet, porro non saepe rem sed autem doloremque officiis libero, ullam ut. Sit maxime id a ab accusantium!</p>
</div>
<div id="aside" class="abc">
<p><strong><em>Lorem ipsum</em></strong><br><hr> dolor sit amet, consectetur adipisicing elit. Molestiae consectetur ipsam, saepe quia voluptatum expedita neque at, veniam, eligendi nisi officiis. Esse doloribus, molestias atque omnis ad voluptas exercitationem quibusdam nam veritatis doloremque adipisci neque vel quis amet! Recusandae, natus enim porro quos ipsa deleniti assumenda odio iure consectetur reprehenderit. <br> lorem300</p>
</div>
</div>
<footer>
<ul>
<li>
<a href="#" target="_blank"><i class="fa fa-facebook"></i>Facebook</a>
</li>
<li>
<a href="#" target="_blank"><i class="fa fa-linkedin"></i>LinkedIn</a>
</li>
<li>
<a href="#" target="_blank"><i class="fa fa-twitter"></i>Twitter</a>
</li>
<li>
<a href="#" target="_blank"><i class="fa fa-envelope"></i>Mail</a>
</li>
<li>
<a href="#" target="_blank"><i class="fa fa-phone"></i>Phone</a>
</li>
</ul>
</footer>
</body>
</html>