-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-page.html
126 lines (102 loc) · 5.64 KB
/
about-page.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Fire Music Camp</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="CSS\styles-about.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<!--Here are the fonts used for the brandig of the page-->
<!-- Here is Lato -->
<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: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">
<!--Here are the icons-->
<script src="https://kit.fontawesome.com/321e54ee43.js" crossorigin="anonymous"></script>
</head>
<body>
<!--Here start navbar section-->
<nav class="navbar-light d-flex flex-row">
<div class="burger-menu">
<span class="burger-bar"></span>
<span class="burger-bar"></span>
<span class="burger-bar"></span>
</div>
<a
href="index.html"
class="logo-link">
<img class="logo-img" src="Images/fire-logo.png" alt="Logo">
</a>
<ul class="nav-navigation-mobile">
<li id="nav-logo"><img src="Images/fire-logo.png" alt=""></li>
<li><a href="index.html">Home</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">sponsor</a></li>
<li><a href="#">News</a></li>
</ul>
<ul class="nav-navigation flex-row">
<li><a class="actual-page" href="">About</a></li>
<li><a href="#">Program</a></li>
<li><a href="#">Join</a></li>
<li><a href="#">sponsor</a></li>
<li><a href="#">News</a></li>
</ul>
<button class="campaign">
CC Campaign
</button>
</nav>
<!--Here ends navbar -->
<header class="header d-flex flex-column justify-content-center">
<h1 id="header-title">FIRE MUSIC CAMP <br> GLOBAL SUMMIT 2022</h1>
<p id="header-description" class="d-flex align-items-center">Ten days of camp with the best people in the industry and one festival in the end to show your talent. Fire Music Camp was disigned for musicians like you, to improve your skills and give you the oportunity of networking with people who have the same passion in the entire world</p>
<p class="header-contact"><br>Please contact us Per Email for any questions <br> about Fire Camp Global Summit <br><b><u>[email protected]</u></b></p>
</header>
<!-- Here start Logo section -->
<section class="logo-section d-flex flex-column align-items-center">
<h2 class="logo-title">Fire Camp Global Summit Logo 2022</h2>
<hr class="divisor">
<p class="logo-description text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque commodi corrupti autem architecto eius, reiciendis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque debitis maiores itaque fugiat accusamus nostrum aperiam deleniti libero fuga, voluptatum soluta a necessitatibus maxime quibusdam inventore harum quos sequi nulla? </p>
<div class="logo-container d-flex justify-content-center">
<img class="logo-section-img" src="Images/fire-logo.png" alt=""/>
</div>
</section>
<!-- Here start past camps section -->}
<section class="past-camps-section d-flex flex-column align-items-center">
<h2 class="past-camps-title">See Past Fire Camp Global Summits</h2>
<hr class="divisor">
<p class="past-camps-description text-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor voluptate saepe fugit quas animi sapiente tenetur dicta. Voluptas, nam dolores illo enim quaerat ratione necessitatibus maxime velit, rem earum temporibus.</p>
<div class="examples-past-camps">
<div class="camp-2015 d-flex flex-column align-items-center justify-content-center">
<h2 class="past-camp-date">2015</h2>
<p class="past-camp-location">Fire Music Camp in nevada</p>
</div>
<div class="camp-2018 d-flex flex-column align-items-center justify-content-center">
<h2 class="past-camp-date">2018</h2>
<p class="past-camp-location">Fire Music Camp in Tokio</p>
</div>
</div>
</section>
<!-- Here starts sponsors section -->
<!-- Here starts sponsors section -->
<section id="sponsors-about" class="sponsors align-items-center">
<h2 class="sponsors-title">Sponsors</h2>
<hr class="divisor">
<div class="sponsors-container">
<img class="sponsor-img" src="Images/sponsor_1.png" alt="">
<img class="sponsor-img" src="Images/sponsor_2.png" alt="">
<img class="sponsor-img" src="Images/sponsor_3.png" alt="">
<img class="sponsor-img" src="Images/sponsor_4.png" alt="">
</div>
</section>
<!-- Here start the footer section -->
<footer class="d-flex justify-content-center align-items-center">
<img id="creative-commons-logo" src="Images/white_cc_logo.png" alt="">
<div class="license">
<p> 2015 Design of Creative Commons Korea. <br> Some rights reserved </p>
</div>
</footer>
<script src="js/burger-menu.js"></script>
</body>
</html>