-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
150 lines (145 loc) · 6.21 KB
/
about.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
<!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>Global Groove about</title>
<link rel="stylesheet" href="about.css" />
<script src="https://kit.fontawesome.com/198fcc7e17.js" crossorigin="anonymous"></script>
</head>
<body class="body">
<section id="top-section">
<header>
<div class="bars-container">
<i class="fa-solid fa-bars"></i>
</div>
<nav>
<ul class="top-nav">
<li>
<a href="#"><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
</li>
<li><a href="#">English</a></li>
<li><a href="#">My page</a></li>
<li><a href="#">Log out</a></li>
</ul>
<div class="bottom-nav-container">
<li id="logo">
<a href="index.html"><img src="./images/GG logo.png" alt="Global Groove logo"
width="70px" /></a>
</li>
<ul class="bottom-nav">
<li><a href="about.html">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#partners">sponsor</a></li>
<li><a id="campaign" href="#footer">GG concert</a></li>
</ul>
</div>
</nav>
<div class="menu-toggle">
<i class="fa-solid fa-x"></i>
<ul class="toggle-nav">
<li><a href="index.html">Home</a></li>
<li><a href="#main-program">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#partners">sponsor</a></li>
<li><a href="#footer">GG concert</a></li>
</ul>
</div>
</header>
<section id="introduction">
<div class="intro-content">
<p class="intro-p">"Hello people"</p>
<h1 class="intro-h1">Global groove concert 2023</h1>
<p class="description">
Global Groove Concerts provide a way for musicians and performers to
connect with their audience and share their music and art. We
provide oportunity for artists to showcase their talents and for
fans to enjoy their favorite music live. This year we hope to expand
our invitations to organization and well know individuals.
</p>
<p class="contact-us">
If you would like to know more about Global Groove, please direct
your message to the following email address:
<strong>[email protected]</strong> Our team will be happy
to assist you with any questions or concerns you may have.
</p>
</div>
</section>
</section>
<section id="gg-logo">
<div class="logo-container">
<h2 class="logo-intro">Global Groove concert logo</h2>
<hr class="divider" />
<p class="about-logo">
The logo was designed by Kevin Toro, graphic designer in 2001 when the
organization was founded.
</p>
<div class="logo">
<img src="./images/GG logo.png" alt="Global groove logo" width="180px" />
</div>
<div class="past-concerts">
<h2 class="past-intro">Check out global groove past Concerts</h2>
<hr class="divider" />
<p class="about-logo">
Take a look at Global Groove concerts that took place in New York
and in Texas
</p>
<div class="past-images-container">
<div class="past-images">
<img id="past-images" src="./images/ny.webp" alt="New York concert" />
<div class="past-images-text ny">
<h2>2021</h2>
<p>Global Groove in NY</p>
</div>
</div>
<div class="past-images">
<img id="past-images" src="./images/texas.webp" alt="New York concert" />
<div class="past-images-text texas">
<h2>2021</h2>
<p>Global Groove in Texas</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="partners">
<div class="partners-container">
<div class="partners-title">
<h2>Partners</h2>
<hr class="divider" />
</div>
<ul class="partners">
<li>
<i class="fa-brands fa-spotify"><span class="brand-span">Sportify</span></i>
</li>
<li>
<i class="fa-brands fa-airbnb"><span class="brand-span">Airbnb</span></i>
</li>
<li>
<i class="fa-brands fa-soundcloud"><span class="brand-span">Sound cloud</span></i>
</li>
<li>
<i class="fa-brands fa-untappd"><span class="brand-span">Untappd</span></i>
</li>
<li>
<i class="fa-brands fa-studiovinari"><span class="brand-span">Studiovinari</span></i>
</li>
</ul>
</div>
</section>
<footer id="footer">
<img src="./images/GG logo.png" alt="Global groove logo" width="100px" />
<div class="footer-details">
<p>2023 Global Groove concerts</p>
<p>© All rights served</p>
</div>
</footer>
<script src="about.js"></script>
</body>
</html>