-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-page.html
130 lines (115 loc) · 5.28 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
127
128
129
130
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Go Green - Summit 2022</title>
<meta name="description" content="About Go Green - Summit 2022">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/styles.css">
</head>
<body class="about">
<section class="top-section">
<div class="social-links">
<ul class="social">
<li><img src="images/social/facebook.svg" alt="Facebook"></li>
<li><img src="images/social/twitter.svg" alt="Twitter"></li>
</ul>
<ul class="btn">
<li>Logout</li>
<li>Mypage</li>
<li>Korean</li>
</ul>
</div>
<div class="top-cover">
<nav class="inactive">
<a href="#close"><img src="images/bars.png" alt="Nav Button"></a>
<a href="index.html" class="logo"><img src="images/green_logo.png" alt="logo"></a>
<ul>
<li class="Home">
<a href="index.html">Home</a>
</li>
<li>
<a href="about-page.html" class="active">About</a>
</li>
<li>
<a href="#">Program</a>
</li>
<li>
<a href="#">Join</a>
</li>
<li>
<a href="#">Sponser</a>
</li>
<li>
<a href="#">News</a>
</li>
<li>
<a href="#" class="compaign">CC Compaign</a>
</li>
</ul>
</nav>
<div class="content">
<header>
<p>"Hello! Sharing world"</p>
<h1>GoGreen Summit 2022</h1>
</header>
<p class="white-box">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus unde laborum laudantium nihil iste earum odio, excepturi, maiores, itaque saepe velit. Unde facere cumque maxime officiis aliquid modi quam voluptas! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident optio consectetur culpa? Soluta autem asperiores voluptatem cumque possimus minus, assumenda et eaque sit dolorem similique, quod placeat sapiente consectetur ipsa. Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas earum quia eos ad modi consequuntur! Reprehenderit cupiditate, maxime.
</p>
<div class="top-section-desc">
<p>Please contact us per Email for any further questions about GoGreen Summit 2022</p>
<a href="mailto:saadatali0202@gmail.com">gogreen@gmail.com</a>
</div>
</div>
</div>
</section>
<section class="conference-Logo">
<h3 class="section-header">
Creative Commons Global GoGreen Summit 2022
<span class="underline"></span>
</h3>
<p>
The logo of CC Global GoGreen 2022 was decided in the Global GoGreen Conference 2021. Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit facere amet veritatis eveniet ullam enim fugiat, minus natus cum ea repudiandae possimus quidem architecto adipisci unde in eligendi sunt deserunt!
</p>
<figure><img src="images/green_logo.png" alt="Logo"></figure>
</section>
<section class="past-conference-section">
<h3 class="section-header">
See the past CC Global GoGreen Summits
<span class="underline"></span>
</h3>
<p>
Take a look at the last two CC Global GoGreen Summits.
</p>
<div class="history">
<div id="conference-1" class="conference-card">
<h3>2013</h3>
<p>CC GoGreen Summit 2013 in Buenos Aires</p>
</div>
<div id="conference-2" class="conference-card">
<h3>2013</h3>
<p>CC GoGreen Summit 2013 in Buenos Aires</p>
</div>
</div>
</section>
<section class="partners-section">
<h3 class="section-header">
Partner
<span class="underline"></span>
</h3>
<div class="partner-images">
<figure class="img1"><img src="images/partners/mozilla.png" alt="Mozilla"></figure>
<figure class="img2"><img src="images/partners/Google.png" alt="Google"></figure>
<figure class="img3"><img src="images/partners/navar.png" alt="navar"></figure>
<figure class="img4"><img src="images/partners/daumkakao.svg" alt="daumkakao"></figure>
<figure class="img5"><img src="images/partners/airbnb.png" alt="airbnb"></figure>
</div>
</section>
<footer>
<figure><img src="images/green_logo.png" alt="Logo"></figure>
<p class="disclaimer">2015 Creative Commons Korea Some Rights Reserved</p>
</footer>
<script src="js/app.js" async defer></script>
</body>
</html>