-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (79 loc) · 3.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Huset - events in CPH</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header__logo">
<img class="header__logo-img" src="img/LOGO.png" alt="huset logo">
</div>
<div class="social-media">
<ul class="social-media__list">
<li class="social-media__item1"> <img class="icon" src="img/icon2.png" alt="fb"> </li>
<li class="social-media__item2"> <img class="icon" src="img/icon3.png" alt="insta"> </li>
<li class="social-media__item3"> <img class="icon" src="img/icon1.png" alt="twitter"> </li>
<li class="social-media__item4"> <img class="icon" src="img/icon4.png" alt="flckr"> </li>
</ul>
</div>
</header>
<main class="main">
<nav class="main__nav">
<ul class="nav__list">
<li class="nav__item1">I want to...</li>
<li class="nav__item"> <a href="events.html" class="nav__link">Attend an event</a> </li>
<li class="nav__item"> <a href="#" class="nav__link">Read about Huset</a> </li>
<li class="nav__item"> <a href="#" class="nav__link">Content</a> </li>
<li class="nav__item"> <a href="#" class="nav__link">Content</a> </li>
</ul>
</nav>
</main>
</div>
<aside class="aside">
<div class="language-change">
<p class="language-text">
DA/ENG
</p>
</div>
</aside>
<div class="desktop-images">
<img src="img/green.jpg" alt="image 1" class="desktop-img desktop-img__1">
<img src="img/event-3.jpg" alt="image 2" class="desktop-img desktop-img__2">
<img src="img/event-1.jpg" alt="image 3" class="desktop-img desktop-img__3">
</div>
<div class="desktop-events">
<div class="events-text-cat">
<h1 class="events-heading">Events</h1>
<ul class="categories-list">
<li class="categories-item">Movies</li>
<li class="categories-item">Music</li>
<li class="categories-item">Other</li>
</ul>
</div>
<div class="event-block">
<img src="img/event-3.jpg" alt="" class="block-img">
<div class="block-text">
<h2>Event title</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus aspernatur quidem quas, ullam cum commodi ut recusandae, veniam dignissimos.</p>
</div>
</div>
<div class="event-block">
<img src="img/event-1.jpg" alt="" class="block-img">
<div class="block-text">
<h2>Event title</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus aspernatur quidem quas, ullam cum commodi.</p>
</div>
</div>
<div class="event-block">
<img src="img/event-2.jpg" alt="" class="block-img">
<div class="block-text">
<h2>Event title</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus aspernatur quidem quas, ullam cum commodi ut recusandae.</p>
</div>
</div>
</div>
</body>
</html>