-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsidebar.html
73 lines (73 loc) · 3.43 KB
/
sidebar.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menu</title>
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<div class="sidebar" id="sidebar">
<div class="logo">
<a href="index"><img src="images/Doitlogo.png" alt="Edwindoit Logo" class="logo-img"></a>
</div>
<nav class="menu">
<div class="menu-divider">Me</div>
<a href="index" class="menu-item">
<img src="images/Icons/Home.svg" alt="Home" class="menu-icon">
<span>Home</span>
<span class="external-link-icon-placeholder"></span>
</a>
<a href="writing" class="menu-item">
<img src="images/Icons/Writing.svg" alt="Writing" class="menu-icon">
<span>Writing</span>
<span class="external-link-icon-placeholder"></span>
</a>
<a href="https://edwindoit.substack.com/" target="_blank" class="menu-item">
<img src="images/Icons/Newsletter.svg" alt="Newsletter" class="menu-icon">
<span>Newsletter</span>
<span class="external-link-icon">
<img src="images/Icons/Rightarrow.svg" alt="Rightarrow" class="menu-icon">
</span>
</a>
<a href="links" class="menu-item">
<img src="images/Icons/Links.svg" alt="Links" class="menu-icon">
<span>Links</span>
<span class="external-link-icon-placeholder"></span>
</a>
<div class="menu-divider">4 Acts model</div>
<a href="4acts" class="menu-item">
<img src="images/Icons/Book.svg" alt="Book" class="menu-icon">
<span>Book</span>
<span class="external-link-icon-placeholder"></span>
</a>
<a href="worksheets" class="menu-item">
<img src="images/Icons/Worksheets.svg" alt="Worksheets" class="menu-icon">
<span>Worksheets</span>
<span class="external-link-icon-placeholder"></span>
</a>
<a href="https://edwindoit.gumroad.com/" target="_blank" class="menu-item">
<img src="images/Icons/notion-logo.svg" alt="Notion Templates" class="menu-icon">
<span>Notion Templates</span>
<span class="external-link-icon">
<img src="images/Icons/Rightarrow.svg" alt="Rightarrow" class="menu-icon">
</span>
</a>
<div class="menu-divider">Work</div>
<a href="https://formelio.nl" target="_blank" class="menu-item">
<img src="images/Icons/Formelio.png" alt="Formelio" class="menu-icon">
<span>Formelio</span>
<span class="external-link-icon">
<img src="images/Icons/Rightarrow.svg" alt="Rightarrow" class="menu-icon">
</span>
</a>
<a href="notionservices" class="menu-item">
<img src="images/Icons/Consultancy.svg" alt="Consultancy" class="menu-icon">
<span>Notion services</span>
<span class="external-link-icon-placeholder"></span>
</a>
</nav>
</div>
</body>
</html>