-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
128 lines (128 loc) · 4.72 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
<!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" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lato"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="css/main.css" />
<title>Microverse Concert</title>
</head>
<body id="about-page">
<header>
<nav class="navigation">
<section class="top-bar">
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-youtube"></i>
<a href="#">Login</a>
</section>
<section class="flex-nav">
<div class="menu-open">
<img src="assets/img/ic_menu.svg" alt="" />
</div>
<div class="menu">
<a href="index.html" class="logo"
><img src="assets/img/logo.png" alt=""
/></a>
<a href="about.html" id="active">About</a>
<a href="#media">Media</a>
<a href="#lineup">Line up</a>
<a href="#buytickets" id="buy">Buy tickets</a>
<div class="menu-close">
<img src="assets/img/Union.svg" alt="" />
</div>
</div>
</section>
</nav>
</header>
<main>
<section class="hello about about-bg">
<h3 class="subheading about">"Hello Micronauts!"</h3>
<h1 class="title about">Microverse Concert Music for Developers 2021</h1>
<div class="intro about">
<p>
Hello Music World! Rem accusamus adipisci, quisquam perspiciatis
temporibus! Rerum sapiente dolores possimus unde odio nostrum minima,
inventore reprehenderit commodi debitis perspiciatis saepe aliquam
impedit molestiae culpa dignissimos reiciendis in soluta! <br />
Apestius dolor sit, amet consectetur adipisicing elit.
</p>
</div>
<p class="at about">
Please contact us per Email for any further questions about Microverse
Concert Music for Developers 2021! <br /><strong
>concert@microverse.org</strong
>
</p>
</section>
<section class="featured about">
<h2>Microverse Concert Music for Developers 2021 Logo</h2>
<p class="subtitle about">
The logo of Microverse Concert Music for Developers was created by his
founder in 2015.
</p>
<p class="subtitle full about">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia minima
voluptatem dolor unde tenetur expedita distinctio! Ab provident,
accusantium at sequi possimus ut! Molestiae earum necessitatibus
deserunt corrupti quasi blanditiis! Autem praesentium consequuntur
nesciunt? Consequuntur alias rerum laborum harum! Placeat?
</p>
<div class="logo about">
<span class="aligner"></span>
<img src="assets/img/logo.png" alt="" />
</div>
<div class="separator"></div>
<h2>See the past Microverse Concerts</h2>
<p class="subtitle about">
Take a look at the last two Microverse Concert in San Francisco and New
York.
</p>
<div class="concerts-wrap about">
<div class="concert1">
<h3>2020</h3>
<p>Microverse Concert in New York</p>
</div>
<div class="concert2">
<h3>2019</h3>
<p>Microverse Concert in San Francisco</p>
</div>
</div>
</section>
<section class="partners" id="partners-about">
<h2>Partners</h2>
<div class="partners-wrap">
<img src="assets/img/logo1.png" alt="" />
<img src="assets/img/logo2.png" alt="" />
<img src="assets/img/logo3.png" alt="" />
<img src="assets/img/logo4.png" alt="" />
<img src="assets/img/logo5.png" alt="" />
</div>
</section>
</main>
<footer id="footer-about">
<div class="footer-image" id="inverted-color">
<img src="assets/img/logo.png" alt="" />
</div>
<div class="footer-text">
<p class="bold" id="footer-text-about">
Microverse Project HTML CSS JS 2021. All rights reserved.
</p>
<p id="footer-text-about2">
Thanks for supporting this concert. Repudiandae harum nisi,
consectetur adipisicing elitl lorem ipsum. Lorem ipsum dolor sit amet
consectetur adipisicing elit.
</p>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>