-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
117 lines (108 loc) · 5.38 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
<!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">
<!-- CSS Stylesheet-->
<link rel="stylesheet" type="text/css" href="styles.css">
<!--Google Fonts-->
<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=Fredoka+One&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap"
rel="stylesheet">
<!-- Font Awesome icons -->
<script src="https://kit.fontawesome.com/11bb635b00.js" crossorigin="anonymous"></script>
<title>About</title>
</head>
<body>
<header>
<nav class="language-navbar">
<ul class="navMenu">
<li class="lang-nav-item"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="lang-nav-item"><a href="#"><i class="fab fa-twitter"></i></a></li>
<li class="lang-nav-item"><a class="top-link">My Page</a></li>
<li class="lang-nav-item"><a class="top-link">Logout</a></li>
</ul>
</nav>
<nav class="white-navbar">
<div class="openMenu hamburger-container icon"><a class="hamburger">≡</a></div>
<a href="index.html"><img class="logo" src="images/Orange.png" alt="Orange Studio Logo"></a>
<ul class="mainMenu navbar-links" id="mainmenu">
<li><a href="about.html" class="navlink">About Us</a></li>
<li><a href="#services" class="navlink">Our Services</a></li>
<li><a href="#contact" class="navlink">Contact Us</a></li>
<li>
<div class="closeMenu"><i class="fas fa-times icons"></i></div>
</li>
</ul>
</nav>
</header>
<main>
<section class="about-presentation">
<div class="about-presentation-container">
<h1 class="about about-title">ORANGE STUDIO LAUNCH PARTY 2021</h1>
<br>
<hr class="small-separator">
<br>
<br>
<p class="introductory-about">Orange Studio's Launch Party will bring a team of creatives together as we plan
for our future and reflect on everything we have learned in the past. Join us online and learn more about us.
</p>
<br>
<br>
<div class="intro-about-card">
<p>In particular, this year's CC Summit
is waiting for the participation of various organizations and individual participants who want to
participate in activities to spread the value of sharing, free culture, and open knowledge with CC .</p>
<p>Free software supporters, Wikipedia activists, open knowledge foundation activists, art galleries,
libraries, museums, archives, governments,
foundations, lawyers, social activists, etc. various people active in the field of open content and open
knowledge gather in one place to
share richer and more dynamic We hope that it will be an opportunity to share our thoughts on creating an
ecosystem.</p>
<p class="diamonds">◆◆◆</p>
<p class="lorem-ipsum">Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis repellat iure
laboriosam quae, voluptatem distinctio ducimus mollitia sed voluptate sit aliquid dicta voluptates, minima
explicabo ea? Culpa dolores eos vel voluptas, in inventore autem numquam aperiam excepturi, animi corrupti
nam error molestias minima id facilis suscipit deleniti, quibusdam quae. Reiciendis optio fugiat libero quo
at nisi eaque impedit. Laboriosam nulla quod sed blanditiis commodi aliquid repellat, excepturi voluptates
eveniet expedita porro illum dolor, consequatur laborum possimus iste, quae perferendis eius?</p>
</div>
<div class="questions">Do you have any other questions about Orange Studio's Launch Party?<span class="email">
melaniesigrid@protonmail.com</span></div>
</div>
</section>
<section class="logo-contest">
<hr class="gray-separator">
<h3 class="logo-about">Orange Studio's Logo</h3>
<hr class="underline">
<div class="logo-image"><img src="images/Orange.png" alt="Orange Studio Logo" class="logo-section"></div>
<p class="logo-description">Our logo was designed by Melanie Sigrid. "Orange is a colour that represents energy
and youth. It shows our youthful energy, and fruits represent fresh ideas taking shape."</p>
</section>
<section class="future-events">
<hr class="gray-separator">
<h3 class="logo-about">Our Future Events Together</h3>
<hr class="underline">
<div class="future-img-container">
<div class="future"><h2 class="future-title">Design Trends 2k21</h2></div>
<div class="future"><h2 class="future-title">Creative Coding Workshop</h2></div>
</div>
</section>
</main>
<footer class="footer-about-section">
<br>
<br>
<div class="footer-container">
<img class="logo footer-logo" src="images/Orange.png" alt="Orange Studio Logo">
<p class="footer-text">© 2021 Melanie Sigrid. Some rights reserved. View full license <a
href="https://github.com/melaniesigrid/OrangeStudio/blob/main/MIT.md" target="_blank"
rel="noopener noreferrer">here</a>.</p>
</div>
</footer>
<!--JavaScript file-->
<script src="main.js"></script>
</body>
</html>