-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (65 loc) · 7.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="item header">
<div class="search"><div class="search bar"><img src="icons8-search-50.png" alt="" id="img"></div></div>
<div class="title"><img src="pngwing.com.png" alt="" class="avatar"><img src="bell.png" alt="" class="bell"><div>Morgan Oakley</div></div>
<div class="info">
<img src="pngwing.com.png" alt="" class="avt"><div>Hi there,<br>Morgan Oakley(@morgan)</div>
</div>
<div class="btn">
<div>New</div>
<div>Upload</div>
<div>Share</div>
</div>
</div>
<div class="item sidebar">
<div class="dashboard"><img src="dashboard.png" alt="" class="dash">Dashboard</div>
<div class="navigation"><img src="home.png" alt="" class="home">Home</div>
<div class="navigation"><img src="profile.png" alt="" class="profile">Profile</div>
<div class="navigation"><img src="message.png" alt="" class="message">Messages</div>
<div class="navigation"><img src="history.png" alt="" class="history">History</div>
<div class="navigation"><img src="task.png" alt="" class="task">Tasks</div>
<div class="navigation"><img src="communities.png" alt="" class="communities">Communities</div>
<div class="branding"><img src="settings.png" alt="" class="settings">Settings</div>
<div class="branding"><img src="support.png" alt="" class="support">Support</div>
<div class="branding"><img src="privacy.png" alt="" class="privacy">Privacy</div>
</div>
<div class="item content-1">
<header class="text">Your Projects</header>
<div class="items">
<div><img src="star-plus-outline.png" alt="" class="star-plus"><img src="eye-plus-outline.png" alt="" class="eye-plus"><img src="directions-fork.png" alt="" class="directions">Super Cool Project <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset.</p></div>
<div><img src="star-plus-outline.png" alt="" class="star-plus"><img src="eye-plus-outline.png" alt="" class="eye-plus"><img src="directions-fork.png" alt="" class="directions">Less Cool Project <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset.</p></div>
<div><img src="star-plus-outline.png" alt="" class="star-plus1"><img src="eye-plus-outline.png" alt="" class="eye-plus1"><img src="directions-fork.png" alt="" class="directions1">Impossible App <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset.</p></div>
<div><img src="star-plus-outline.png" alt="" class="star-plus1"><img src="eye-plus-outline.png" alt="" class="eye-plus1"><img src="directions-fork.png" alt="" class="directions1">Easy Peasy App <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset.</p></div>
<div><img src="star-plus-outline.png" alt="" class="star-plus2"><img src="eye-plus-outline.png" alt="" class="eye-plus2"><img src="directions-fork.png" alt="" class="directions2">Ad Blocker <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset.</p></div>
<div><img src="star-plus-outline.png" alt="" class="star-plus2"><img src="eye-plus-outline.png" alt="" class="eye-plus2"><img src="directions-fork.png" alt="" class="directions2">Money Maker <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset.</p></div>
</div>
</div>
<div class="item content-2">
<header class="text">Announcements</header>
<div class="item-2">
<div>Site Maintenance <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</p></div>
<div>Community Share Day <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</p></div>
<div>Updated Privacy Policy <br> <p class="sample">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.</p></div>
</div>
</div>
<div class="item content-3">
<header class="text">Trending</header>
<div class="item-3">
<div><img src="avatar.png" alt="" class="avatar">@tegan <br><p class="desc">World Peace builder</p></div>
<div><img src="avatar (1).png" alt="" class="avatar1">@morgan <br><p class="desc">Super Cool Project</p></div>
<div><img src="avatar (2).png" alt="" class="avatar2">@kendall <br><p class="desc">Life Changing App</p></div>
<div><img src="avatar (3).png" alt="" class="avatar3">@alex <br><p class="desc">No Traffic Maker</p></div>
</div>
</div>
</div>
</body>
</html>