-
Notifications
You must be signed in to change notification settings - Fork 0
/
notes.html
53 lines (53 loc) · 2.45 KB
/
notes.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- main css -->
<link rel="stylesheet" href="./css/style.css">
<!-- Notes css link -->
<link rel="stylesheet" href="./css/notes.css">
<!-- Link font awesome -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<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>Our Notes</title>
</head>
<body>
<main>
<section>
<nav>
<div class="nav-list">
<ul>
<a href="#"><li>Home</li></a>
<a href="#"><li>Our notes</li></a>
<a href="#"><li>codes</li></a>
<a href="#"><li>about us</li></a>
</ul>
</div>
<div class="search">
<input type="text" name="" id="" placeholder=" Search" style="font-family:Arial, FontAwesome">
</div>
<div class="login">
<a href="#">Sign in</a>
<a href="#" class="active">Sign up</a>
</div>
</nav>
<div class="main-b">
<div class="menu">
<ul>
<a href="#"><li><i class="fas fa-cubes"></i> Data structure and algorithms</li></a>
<a href="#"><li><i class="fas fa-tv"></i> Object oriented program</li></a>
<a href="#"><li><i class="fas fa-network-wired"></i> Internet and web</li></a>
<a href="#"><li><i class="fas fa-mobile-alt"></i> mobile computing</li></a>
</ul>
</div>
<div class="main">
<div class="cont">
<P>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Minus, eligendi nobis architecto adipisci vitae natus quo cum cupiditate, nemo beatae unde dolorum dolore quasi eos dolores aliquid deleniti quaerat voluptatem officiis reiciendis modi? Iste ipsa officia ab laudantium, tenetur soluta ducimus eius quis. Dolore non quis itaque cumque quasi? Nostrum?</P>
</div>
</div>
</div>
</section>
</main>
</body>
</html>