-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (109 loc) · 5.41 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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>Events Stockholm</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="img/png" href="favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header>
<img src="/favicon.png" alt="logo" class="logo">
<nav id="desktp-nav">
<ul>
<li><a href="https://ra.co/events/se/stockholm">Articles</a></li>
<li><a href="https://ra.co/events/se/stockholm">Events</a></li>
</ul>
</nav>
<!-- <nav id="mobile-nav"><li><a href="" target="_blank"></a></li></nav> -->
<button class="btn">Change Language</button>
<div class="mobile-bar">
<i class="fa-solid fa-bars"></i>
</div>
</header>
<main>
<section class="sec-one">
<div class="main-text">
<img class="iconpic" src="/favicon.png" alt="iconpic">
<h1>Discover Electronic Music and Events</h1>
<h3>Read our latest Articles</h3>
</div>
</section>
<div class="header-text">
<h1>Recent Articles</h1>
</div>
<section class="sec-two">
<div class="cards">
<img src="https://images.pexels.com/photos/587741/pexels-photo-587741.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">July 1, 2024</h4>
<h2 class="location">The Evolution of Electronic Music: From Theremins to Synths</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/2608517/pexels-photo-2608517.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">July 1, 2024</h4>
<h2 class="location">Exploring Subgenres in Electronic Music: A Sonic Adventure</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/919734/pexels-photo-919734.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">July 1, 2024</h4>
<h2 class="location">The Role of DJs in Electronic Music: Beyond the Beats</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/431722/pexels-photo-431722.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">Jan 1, 2024</h4>
<h2 class="location">The Influence of Electronic Music on Mainstream Pop: A Harmonious Blend"</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/587741/pexels-photo-587741.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">Jan 1, 2024</h4>
<h2 class="location">The Impact of Electronic Music Festivals on Global Culture</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/1114425/pexels-photo-1114425.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">Jan 1, 2024</h4>
<h2 class="location">Women Pioneers in Electronic Music: Breaking Barriers and Shaping Sound</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/1763075/pexels-photo-1763075.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">Jan 1, 2024</h4>
<h2 class="location">The Connection Between Visuals and Electronic Music: A Synesthetic Experience</h2>
</div>
</div>
<div class="cards">
<img src="https://images.pexels.com/photos/1120162/pexels-photo-1120162.jpeg?auto=compress&cs=tinysrgb&w=800" alt="">
<div class="cards-text">
<h4 class="date">Jan 1, 2024</h4>
<h2 class="location">The Influence of Electronic Music on Mainstream Pop: A Harmonious Blend"</h2>
</div>
</div>
</section>
<section class="sec-three">
<div class="video">
<iframe width="100%" height="900px" src="https://www.youtube.com/embed/Fn8lodDV4Zw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</section>
</main>
<footer>
<img class="footer-icon" src="/favicon.png" alt="">
<p>Technigo Education Team</p>
<p>August 11, ©2023</p>
<p>copy right</p>
</footer>
</body>
</html>