-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (88 loc) · 3.54 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
<!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">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<link rel="stylesheet" href="css/style.css">
<title>Practice</title>
</head>
<body>
<!--================ MAIN ================-->
<main>
<section>
<!--================ background element ================-->
<div class="blob"></div>
<div class="blob1"></div>
</section>
<!--================ navigation bar ================-->
<nav class="nav_bar" id="nav-bar">
<ul class="nav_list">
<li class="list_item logo_item">
<a href="#">
Logo
</a>
</li>
<li class="list_item">
<a href="JSpractice.html">
Game
</a>
</li>
<li class="list_item">
<a href="#">
Contact
</a>
</li>
<li class="list_item">
<a href="#">
Sign In
</a>
</li>
</ul>
</nav>
<!--================ Content section ================-->
<div class="home_container container">
<section class="home_section section">
<!-- heading -->
<div class="home_heading">
<h1>LANDING PAGE PRACTICE PROJECT</h1>
</div>
<!-- description -->
<div class="home_desciption">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Harum blanditiis deserunt omnis rem. Quas, quae explicabo ducimus commodi similique sed rem quisquam dolore quos distinctio. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis, eligendi!</p>
</div>
<!-- read more button -->
<div class="home_readmore btn">
<a href="newPage.html">Read More</a>
</div>
</section>
</div>
<!--================ Social link icons ================-->
<div class="social_container container">
<ul class="social_list">
<li class="social_item">
<a href="https://www.instagram.com/navdeep_khede/?hl=en" target="_blank" class="social-icon"></a>
<i class="uil uil-facebook"></i>
</a>
</li>
<li class="social_item">
<a href="https://www.instagram.com/navdeep_khede/?hl=en" target="_blank" class="social-icon"></a>
<i class="uil uil-instagram-alt"></i>
</a>
</li>
<li class="social_item">
<a href="https://www.instagram.com/navdeep_khede/?hl=en" target="_blank" class="social-icon"></a>
<i class="uil uil-linkedin"></i>
</a>
</li>
<li class="social_item">
<a href="https://www.instagram.com/navdeep_khede/?hl=en" target="_blank" class="social-icon"></a>
<i class="uil uil-github"></i>
</a>
</li>
</ul>
</div>
</main>
</body>
</html>