-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (46 loc) · 2.04 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
<!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>Project Three</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
</head>
<body>
<div class="container">
<header>
<div class="logo">
<img src="https://raw.githubusercontent.com/tamim-jr/header-and-menu-project-using-html-css/main/img/logo-1.png" alt="">
</div>
<div class="menu">
<ul>
<li id="active"><a href="#">Home</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">News</a></li>
</ul>
</div>
<div class="user">
<a href="#" class="singup-btn"><span> Sign up</span></a>
</div>
</header>
<div class="banner">
<div class="app-text">
<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, maiores.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos corporis earum similique nisi, velit mollitia eum sequi odio illum iure vero expedita fugit reiciendis itaque assumenda fugiat ab, placeat ipsa officia quae quas, maiores saepe.</p>
<div class="play-btn">
<div class="play-btn-inner"><i class="fa fa-play"></i></div>
<small><b>LEARN MORE</b></small>
</div>
</div>
<div class="app-picture">
<img src="https://raw.githubusercontent.com/tamim-jr/header-and-menu-project-using-html-css/main/img/Artboard-1.png" alt="" srcset="">
</div>
</div>
</div>
</body>
</html>