-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (142 loc) · 8.24 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
<!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>Capstone project</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section id="home" class="back">
<header class="header">
<div class="header-desktop">
<ul class="social-bar">
<li class="social-element">
<a href="https://www.facebook.com/profile.php?id=100013859104474"><img class="social-media" src="images/facelogol.png" alt="facebook link"></a>
</li>
<li class="social-element">
<a href="https://twitter.com/its_luis_sz23"><img class="social-media" src="images/twitterlogo.png" alt="twitter link"></a>
</li>
<li class="social-element"><a href="">Logout</a></li>
<li class="social-element"><a href="https://sanieni6.github.io/Portfolio/">My page</a></li>
<li class="social-element"><a href="">Spanish</a></li>
</ul>
</div>
<div class="main-header">
<a href="index.html" class="home-button"><img class="header-logo" src="images/logofestivalbg.png" alt="main logo"></a>
<button href="" class="ham-btn" id="open-button"><img src="images/menubtn.png" alt="menu button" class="ham-image header-imager"></button>
<button href="" class="ham-btn hidden" id="close-button"><img id="close" src="images/close-popup.png" alt="close button" class="ham-image hidden size"></button>
<nav class="nav-bar">
<ul class="nav-links">
<li class="nav-link">
<a href="index.html" class="link">Home</a>
</li>
<li class="nav-link">
<a href="#home" class="link display-about">About</a>
</li>
<li class="nav-link">
<a href="#program" class="link">Program</a>
</li>
<li class="nav-link">
<a href="#artists" class="link">Artists</a>
</li>
<li class="nav-link">
<a href="#partners" class="link">Sponsor</a>
</li>
<li class="nav-link ticket-button">
<a href="#home" class="link">Get tickets</a>
</li>
</ul>
</nav>
</div>
</header>
<section class="home-page">
<h3 class="welcome">"Hello! Welcome to the party near the river"</h3>
<h2 class="title">QUEVEDO FEST 2023</h2>
<p class="main-description">The Quevedo Festival is a one-of-a-kind experience set near the river in a natural haven of flora and fauna. Enjoy a lineup of top DJs playing the latest beats, dance under the stars surrounded by the beauty of Ecuador, and immerse yourself in a unique blend of nature and music.</p>
<h2 class="date">2023.09.12(TUE) ~ 14(THU)</h2>
<h3 class="place"> @ Ruta del Rio, Quevedo, Ecuador</h3>
</section>
</section>
<section id="program" class="program">
<h2 class="title-program">Main Program</h2>
<hr class="divider-title">
<ul class="schedule">
<li class="schedule-items">
<img class="descriptive-image" src="images/stagel.png" alt="">
<h4 class="title-item">Concerts</h4>
<h5 class="description-item">More than 5 artists from 4 countries</h5>
</li>
<li class="schedule-items">
<img class="descriptive-image" src="images/tentll.png" alt="">
<h4 class="title-item">RiverVille</h4>
<h5 class="description-item"> A place where you can take a rest of the adventure</h5>
</li>
<li class="schedule-items">
<img class="descriptive-image" src="images/foodl.png" alt="">
<h4 class="title-item">Tastes</h4>
<h5 class="description-item">A place where you can enjoy the most delicious food from all the Ecuador</h5>
</li>
<li class="schedule-items">
<img class="descriptive-image" src="images/shop.png" alt="">
<h4 class="title-item">Marketplace</h4>
<h5 class="description-item">Buy merchandising of your favorite artists</h5>
</li>
<li class="schedule-items">
<img class="descriptive-image" src="images/carousell.png" alt="">
<h4 class="title-item">Carrousel</h4>
<h5 class="description-item">Enjoy the amazing amusement park rides</h5>
</li>
</ul>
<button class="join-button">Join Quevedo Fest 2023</button>
<a href="index.thml" class="whole-program">SEE THE WHOLE PROGRAM</a>
</section>
<section id="artists" class="artists"></section>
<section class="about-page state" id="about">
<div class="header-about">
<h3 class="welcome center">"Hello! Welcome to the party next the river"</h3>
<h2 class="title">QUEVEDO FEST 2023</h2>
<p class="main-description back-desp"> Quevedo City electronic music festival features top DJs and electronic artists. Expect a mix of techno, house, trance, and more. Multiple stages, art installations, food, drinks, and activities. A must-attend event for electronic music fans. Get ready to dance and immerse in the electrifying atmosphere. </p>
<p class="main-description contact-about">Please contact us per Email for further questions <br class="desktop-ver"> about Quevedo fest 2023 <br> <a href="[email protected]"> [email protected]</a></p>
</div>
<div class="main-about">
<h2 class="title-logo">Quevedo Fest 2023 Logo</h2>
<hr class="divider-title">
<p class="description-logo"> The Quevedo City Fest logo features vibrant colors and a carnival-inspired design, perfectly capturing the energy and excitement of the electronic music festival. With the river as its backdrop, the logo embodies the festival's unique setting, where nature and music come together to create a truly unforgettable experience.</p>
<img class="logo-image" src="images/logofestivalbg.png" alt=" festival logo">
</div>
<hr class="hr-section">
<div class="past-events">
<h2 class="title-logo past-fests">See the past Quevedo fest shows</h2>
<hr class="divider-title">
<p class="description-logo">Take a look at the last two festivals en Quevedo</p>
<div class="row-images">
<img class="concert-image first" src="images/concert1edit.jpg" alt="Concert 2021">
<img class="concert-image second" src="images/concert222.jpg" alt="Concert 2022">
</div>
</div>
</section>
<!-- <hr class="hr-section"> -->
<section id="partners" class="partners">
<h2 class="partner-title">Partner</h2>
<hr class="divider-title">
<div class="partner">
<img class="sponsor-img" src="images/aldialogo.png" alt="">
<img class="sponsor-img" src="images/importadoracastro.png" alt="">
<img class="sponsor-img" src="images/laorientall.png" alt="">
<img class="sponsor-img" src="images/municipiol.png" alt="">
<img class="sponsor-img" src="images/Logotipo-Alfanet.png" alt="">
</div>
</section>
<footer id="footer" class="footer">
<img class="logo-footer" src="images/logofestivalbg.png" alt=" festival logo">
<div class="text-footer">
<h3 class="title-footer">2023 Alternative Events. <br> Some rigths reserved</h3>
<h4 class="description-footer">Quevedo fest is a registered branch of Alternative Events</h4>
</div>
</footer>
<script src="menu.js"></script>
<script src="artists.js"></script>
</body>
</html>