-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (155 loc) · 5.32 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
153
154
155
<!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>Live Concerts</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<div class="social-links">
<a href="#"><i class="uil uil-facebook"></i></a>
<a href="#"><i class="uil uil-twitter-alt"></i></a>
<a href="#">English</a>
<a href="#">Page</a>
<a href="#">Logout</a>
</div>
<div class="hamburger">
<button id="hamburger"><i class="uil uil-bars"></i></button>
<div class="nav-menu">
<div class="desktop-logo">
<a href="./index.html"
><img src="./images/white-logo1.jpg" alt="live-concerts-logo"
/></a>
</div>
<div class="menu-list">
<img
class="close"
src="./images/menu-cross.png"
alt="close button"
/>
<ul class="about-menu">
<li class="close"><a href="./about.html">About</a></li>
<li class="close"><a href="#events">Events</a></li>
<li class="close"><a href="#">Join</a></li>
<li class="close"><a href="#">Sponsor</a></li>
<li class="close"><a href="#">News</a></li>
<li class="book-now close"><a href="#"> Book Now</a></li>
</ul>
</div>
</div>
</div>
<main>
<div class="main-container">
<h2>"South Africa's best marketplace for live events"</h2>
<h1>
LIVE CONCERTS <br />
2022
</h1>
<p class="para1">
This is the event never to be missed, enjoy your favourite music
with a lovely view while watching a beautiful sunset Lorem ipsum,
dolor sit amet consectetur adipisicing elit. Natus, doloremque enim!
Necessitatibus fuga voluptas voluptatibus. Quia, laboriosam deleniti
omnis nam aliquam libero accusantium dolorum dolor corrupti placeat
tempore, nesciunt debitis.
</p>
<p class="para2">28.10.2022 (FRIDAY)</p>
<p class="para3">
Catch them live at the Botanic Gardens on the above date
</p>
</div>
</main>
</header>
<section id="events" class="events">
<h3 class="upcoming-events">Up Coming Events</h3>
<hr class="breakline" />
<div class="events-list">
<div class="event1">
<img src="./images/program_icon_01.png" alt="" />
<h4>Magic Day Club</h4>
<p>Mea Culpa, 11th Road, South Africa 30 OCT 2022 13:00 ZAR250</p>
</div>
<div class="event1">
<img src="./images/program_icon_02.png" alt="" />
<h4>Music at Zevenwacht</h4>
<p>Zevenwacht Wine Estate, Cape Town FROM 30 OCT 2022 12:00 ZAR250</p>
</div>
<div class="event1">
<img src="./images/program_icon_03.png" alt="" />
<h4>OktoberFest</h4>
<p>The Sanctuary Kloof Street 30 OCT 2022 12:00 ZAR350</p>
</div>
<div class="event1">
<img src="./images/program_icon_04.png" alt="" />
<h4>Berg's Boys Choir</h4>
<p>KwaZulu Natal, Durban ICC 2 November 2022 ZAR 160</p>
</div>
<div class="event1">
<img src="./images/program_icon_05.png" alt="" />
<h4>Gqebe Music Awards</h4>
<p>Boardwalk Casino Hotel 30 October 2022 ZAR200</p>
</div>
</div>
<div class="book-events">
<h5>BOOK EARLY 2022</h5>
</div>
</section>
<section class="featured-artists">
<h3 class="feature-h3">Featuring Artists</h3>
<hr class="breakline" />
<div class="artists-list">
</div>
<button>
MORE
<img src="./images/down.png" alt="Down arrow" />
</button>
</section>
<section>
<div class="partners">
<h2>Partners</h2>
<hr class="breakline" />
<div class="partners-img">
<div>
<img src="./images/mozilla.png" alt="Mozilla brand" />
</div>
<div>
<img src="./images/google.png" alt="Google brand" />
</div>
<div>
<img src="./images/naver.png" alt="Naver brand" />
</div>
<div>
<img src="./images/kakao.png" alt="Kakao brand" />
</div>
<div>
<img src="./images/airbnb.png" alt="Airbnb brand" />
</div>
</div>
</div>
<footer class="about-footer">
<div>
<img src="./images/white-logo1.jpg" alt="live-concerts-logo" />
</div>
<div>
<p class="footerp1">
<span>©</span>Live Concerts 2022 <br />By Sane Myburg
</p>
</div>
</footer>
</section>
<script src="script.js"></script>
</body>
</html>