-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
115 lines (95 loc) · 4.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Capstone HTML/CSS</title>
<meta name="description" content="">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./index.css">
</head>
<body>
<header>
<nav class="nav1">
<ul>
<li>
<i id="facebook-icon" class="fa fa-facebook"></i>
</li>
<li>
<i id="twitter-icon" class="fa fa-twitter"></i>
</li>
<li>English</li>
<li>My Page</li>
<li>Logout</li>
</ul>
</nav>
<nav class="nav2">
<div class="openMenu"><i class="fa fa-bars"></i></div>
<ul class="mainMenu">
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li><a href="">Program</a></li>
<li>Join</li>
<li>Sponsor</li>
<li>News</li>
<li id="border-line">CC Campaign</li>
<li class="closeMenu"><i class="fa fa-times"></i></li>
</ul>
</nav>
</header>
<section class="landing">
<div class="about-landing-content">
<h1 class="heading1 about-none">"Hello! Sharing World" </h1>
<h2 class="heading2">CREATIVE COMMONS <br>GLOBAL SUMMIT 2015</h2>
<p class="about-big">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed molestie ante, a semper magna. Nam quis iaculis libero. Sed vehicula, augue et dapibus ornare, magna risus aliquet ipsum, in imperdiet ex arcu ac risus. Cras porta aliquam
porttitor. Nunc sed tortor ipsum. Cras suscipit ex risus, sed consequat quam aliquet id. Cras hendrerit suscipit odio, sit amet venenatis eros vestibulum consectetur. Integer at enim sagittis, lacinia massa nec, condimentum ex.</p>
<p class="about-small">Please contact us per Email any further questions about CC Global Summit 2015</p>
<p class="ccsummit"><b>[email protected]</b></p>
</div>
</section>
<section class="about-page1">
<div class="prg1">
<h3 class="about-program">Creative Commons Global Summit 2015 Logo</h3>
<hr class="underline">
</div>
<div>
<p class="about-big">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed molestie ante, a semper magna. Nam quis iaculis libero. Sed vehicula, augue et dapibus ornare, magna risus aliquet ipsum, in imperdiet ex arcu ac risus. Cras porta aliquam
porttitor. Nunc sed tortor ipsum. Cras suscipit ex risus, sed consequat quam aliquet id. Cras hendrerit suscipit odio, sit amet venenatis eros vestibulum consectetur. Integer at enim sagittis, lacinia massa nec, condimentum ex.</p>
</div>
<img src="./images/creative-commons-license-logo.jpeg" alt="logo">
</section>
<section class="about-page2">
<div class="prg1">
<h3 class="about-program">See the past CC Global Summits</h3>
<hr class="underline">
</div>
<div class="about-images">
<div class="imageleft">
<img src="./images/image1.jpg" class="photo" alt="Confrence 2021">
</div>
<div class="overlay">
<p class="overlay-text">Conference 2022</p>
</div>
<div class="imageleft">
<img src="./images/image2.jpg" class="photo" alt="Conference 2022">
</div>
<div class="overlay">
<p class="overlay-text">Conference 2022</p>
</div>
</div>
</section>
<div class="footer-class2">
<div class="prg1">
<h3 class="program">Partners</h3>
<hr class="underline">
<a class="bold">mozilla</a>
<a class="faint">Google</a>
<a class="bold">NAVER</a>
<a class="faint">daumkakao</a>
<a class="bold"><i class="fa fa-airbnb"></i>airbnb</a>
</div>
</div>
<script src="./style.js" async defer></script>
</body>
</html>