generated from microverseinc/readme-template
/
about.html
149 lines (148 loc) · 5.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./about.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<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,400;0,700;0,900;1,400&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Gothic+A1:wght@700;900&display=swap"
rel="stylesheet"
/>
<title>Ili Artes - about</title>
</head>
<body>
<header>
<div id="submenu-container">
<ul id="submenu">
<li class="submenu-item social">
<img src="./assets/icons/whiteFB.png" alt="" />
</li>
<li class="submenu-item social">
<img src="./assets/icons/Twitter_bird.png" alt="" />
</li>
<li class="submenu-item">English</li>
<li class="submenu-item">My Page</li>
<li class="submenu-item">Logout</li>
</ul>
</div>
<nav>
<img
id="menu-btn"
src="./assets/icons/menu-btn.png"
alt="menu button"
/>
</nav>
<ul id="menu">
<li id="logo-container">
<a id="logo" href="./index.html"
><img src="./assets/Mobile/about/Logo.svg" alt=""
/></a>
</li>
<li class="menu-item"><a href="./about.html">About</a></li>
<li class="menu-item"><a href="/">Program</a></li>
<li class="menu-item"><a href="/">Join</a></li>
<li class="menu-item"><a href="/">Sponsor</a></li>
<li class="menu-item"><a href="/">News</a></li>
<li class="menu-item"><a href="./index.html">CC Campain</a></li>
</ul>
<div id="logo-container-mobile">
<a id="logo-mobile" href="./index.html"
><img src="./assets/Mobile/about/Logo.svg" alt=""
/></a>
</div>
<img src="./assets/icons/menu-close.svg" alt="" />
</header>
<main>
<section id="about-section">
<article id="about-wrapper">
<div id="about-header">
<h1 class="title">
Ili Artes<br /><span>Arte en tus manos!</span>
</h1>
</div>
<hr />
<p>
The Global Summit brings together the community of experts,
academics, and activists who comprise the Creative Commons affiliate
network in a different country every two years.
<br />This year, we hope to expand our invitation list including
organizations and individuals who want to work with us on shared
projects that advance the cause of the Commons, free culture and
open knowledge. <br />So if you're active and engaged in the worlds
of open content and knowledge - free software advocates,
wikipedians, Open knowledge, galleries, libraries, museums,
archives, governments and foundations, lawyers, and activists - we
hope you'll consider joining us this year to build a stronger, more
vibrant commons together
</p>
<p>
Please contact us per Email for nay further questions about CC
Global Summit 2015! <br />
<a href="mailto:cepalacios@outlook.com">cepalacios@outlook.com</a>
</p>
</article>
<article id="logo-info-section">
<h3>Creative Commons Global Summit 2015 Logo</h3>
<hr />
<p>
The logo of CC Global Summit 2015 was decided through the logo
competition from 8, June to 7, July.
</p>
<figure id="about-logo-wrapper">
<img
src="./assets/Mobile/about/Logo.svg"
alt="Ili artes logo"
id="about-logo"
/>
</figure>
</article>
<article id="about-gallery">
<h3>See the past CC Global Summits</h3>
<hr />
<p>
Take a look at the past two CC Global Summits which took place in
Buenos Aires and in Warsaw
</p>
<div id="gallery">
<figure class="gallery-item img1">
<div class="overlay">
<h3>2020</h3>
<p>Familia y amor.</p>
</div>
</figure>
<figure class="gallery-item img2">
<div class="overlay">
<h3>2023</h3>
<p>Visitando ese lugar.</p>
</div>
</figure>
</div>
</article>
</section>
</main>
<footer>
<section id="footer-section">
<h1 id="footer-title">SUÍGUEME AQUÍ:</h1>
<div id="footer-content">
<p>2015 Creative Commons Korea. Some Rights Reserved.</p>
<p>
달리 정하지 않은 웹사이트의 모든 내용은 크리에이티브 커먼즈
저작자표시 2.0 대한민국 라이선스에 따라 이용할 수 있습니다. 자세한
이용기능 내용과 허락조건은
http://creativecommons.org/licences/by/2.0/kr 를 보세요.
</p>
</div>
</section>
</footer>
<script src="./about-menu.js" type="text/javascript"></script>
</body>
</html>