-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
65 lines (65 loc) · 2.8 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
<!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="stylesheet" href="styles.css">
<link href="https://fonts.cdnfonts.com/css/cocogoose" 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=Lato&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<div class="navbar">
<div class="logo-placeholder">
<a href="index.html"><div class="my-logo"></div></a>
</div>
<div class="menu-icon-placeholder">
<div class="menu-button" id="popup-menu"></div>
</div>
</div>
</nav>
<section class="about-page">
<h1 class="about-title">SUPER MARIO RUN 2022</h1>
<div class="divisor3"></div>
<p class="about-description">This race is the most important event of the year about our favorite plumber, jump and hit blocks without stopping, reach the finish line before anyone else and win the title of the best runner of the season, are you ready for the challenge?</p>
<p class="contact-us">Please contact us per Email for any further questions about this event!</p>
<a class="fake-email" href="#">[email protected]</a>
</section>
<section class="logo-section">
<h2 class="logo-title">Super Mario Run Logo</h2>
<div class="divisor3"></div>
<p class="logo-description">The logo represents the first great hero of the mushroom kingdom and his iconic M on his cap.</p>
<div class="logo-about-page"></div>
</section>
<div class="divisor5"></div>
<section class="past-events">
<h2 class="past-events-title">See the past Super Mario Runs</h2>
<div class="divisor3"></div>
<p class="past-events-description">Take a look at the last two Super Mario Runs:</p>
<div class="past-events-container">
<div class="past-event1"></div>
<div class="past-event2"></div>
</div>
</section>
<section id="partners">
<h2 class="partners-title">Partner</h2>
<div class="divisor"></div>
<div class="partners-container">
<div class="partner1"></div>
<div class="partner2"></div>
</div>
</section>
<footer>
<div class=copyright2>
<div class="my-logo-footer"></div>
<p class="copyright-description2">Super Mario Run 2022. <br> All rights reserved.</p>
</div>
</footer>
<script src="script.js"></script>
<script src="popupMenu.js"></script>
</body>
</html>