-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
159 lines (144 loc) · 5.66 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
151
152
153
154
155
156
157
158
159
<!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>About</title>
<link
rel="icon"
href="capstone1-gym-photos/state-of-the-art-equip-3.jpg"
type="image/x-icon"
/>
<link rel="stylesheet" href="about.css" />
<link
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
rel="stylesheet"
/>
<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=Crete+Round&family=Great+Vibes&family=Inter&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<!-- fontAwesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</head>
<body>
<header>
<nav class="first-nav">
<div class="first-nav-div">
<a href="" class="facebook"
><i class="fa-brands fa-facebook-f"></i
></a>
<a href="" class="twitter"><i class="fa-brands fa-twitter"></i></a>
<a href="#" class="english">English</a>
<a href="#" class="logout">Logout</a>
</div>
</nav>
<nav class="nav">
<h2 class="logo">
<a href="index.html">Multicultural Music</a>
</h2>
<nav class="nav-menu">
<ul class="menu">
<li class="list"><a href="index.html">Home</a></li>
<li class="list"><a href="about.html">About</a></li>
<li class="list"><a href="#services">Services</a></li>
<li class="list"><a href="contact.html">Contact</a></li>
<li class="list"><a href="#">Extras</a></li>
</ul>
</nav>
<div class="hamburger">
<div class="ham1"></div>
<div class="ham2"></div>
<div class="ham3"></div>
</div>
</nav>
</header>
<main class="about-main">
<section class="about-section">
<div>
<h2 class="about-header">Multicultural Music Global Summit</h2>
<p class="about-paragraph">
The aim of this summit is to bring people together, in the aim of
success in their music career and connect people to the best
resources and lessons! We have trained certified music teachers and
instructors and we also have some of the best facilities that you
can find in the region/country! We were found by Orji Maxwell and
his peers who came up with the idea of creating a facility for
people to come and increase their level and impact with high
success, and grow to the peak of music too!
</p>
<p class="about-paragraph2">
Please write to us via via E-mail if you have any question
</p>
<p class="about-paragraph-mail">chukwuemekaorji678@gmail.com</p>
</div>
</section>
<section class="about-section2">
<div>
<h2 class="about-section2-header">
We care about how you succeed! Come get your dream career and
success! In 2022
</h2>
<p class="about-section2-paragraph">
The name was based on the equipments we are deploying in our studio,
how modern and futuristic our style of training is.
<br />
It also means that we are offering the best type of trainings in the
world! Fast result, but on your pace.... We are Multicultural! We
are the future!
</p>
<h2 class="futuristic">Multicultural Music</h2>
</div>
</section>
<hr class="about-hr" />
<section class="about-section3">
<div>
<h2 class="about-section3-last-head">See our vision and goals</h2>
<p class="about-section3-paragraph">
Take a look at our studio and what we offer!
</p>
<div class="about-section3-card-div">
<div class="about-section3-card">
<p class="about-section3-card-texts">
State of the art equipments
</p>
</div>
<div class="about-section3-card2">
<p class="about-section3-card-texts">Great personal trainers</p>
</div>
</div>
</div>
</section>
<footer>
<h2 class="about-partner-footer">Partners</h2>
<hr class="line1" />
<div class="about-footer-div1">
<span><i class="fab fa-google"></i>Google</span>
<span><i class="fab fa-airbnb"></i>airbnb</span>
<span><i class="fab fa-spotify"></i>Spotify</span>
<span><i class="fab fa-apple"></i>Music</span>
<span><i class="fab fa-amazon"></i>Amazon Music</span>
<span><i class="fab fa-youtube"></i>Youtube Music</span>
</div>
<div class="about-footer-bottom">
<h1 class="about-footer-bottom-header">Multicultural Music Summit</h1>
<p class="about-footer-bottom-paragraph">
@2022, Authorized by health governing body.
<br />
© Terms and Conditions apply.
</p>
</div>
</footer>
</main>
<script src="./index.js"></script>
</body>
</html>