-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
169 lines (168 loc) · 6.22 KB
/
about.html
File metadata and controls
169 lines (168 loc) · 6.22 KB
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!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" />
<title>about</title>
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favicon-16x16.png"
/>
<link rel="manifest" href="images/site.webmanifest" />
<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:wght@400;700;900&family=Poppins:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/about.css" />
</head>
<body>
<header>
<div class="mobile-menu-icon" id="mobile-menu">
<a href="#"
><img src="images/mobile_menu.png" alt="Hamburger Icon"
/></a>
</div>
<nav class="social-link-top">
<ul>
<li>
<a href="#"
><img src="images/facebook.png" alt="facebook icon"
/></a>
</li>
<li>
<a href="#"><img src="images/twitter.png" alt="twitter icon" /></a>
</li>
<li><a href="#">English</a></li>
<li><a href="#">My Page</a></li>
<li><a href="#">Logout</a></li>
</ul>
</nav>
<nav class="navbar-menu">
<div class="logo">
<a href="index.html"
><img src="images/eta_logo.png" alt="ETA institution logo here"
/></a>
</div>
<ul class="menu">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="#">About </a></li>
<li class="nav-item"><a href="#program">Program</a></li>
<li class="nav-item"><a href="#join">Join</a></li>
<li class="nav-item"><a href="#sponsor">Sponsor</a></li>
<li class="nav-item"><a href="#contact">News</a></li>
<li class="nav-item" id="campaign">
<a href="#campaign">ETA Campaign</a>
</li>
</ul>
</nav>
<!-- mobile menu-->
<div class="mobile-menu hidden">
<span class="close-menu"
><img src="images/Iconmenu-close.png" alt="close menu icon"
/></span>
<div class="mobile-menu-content">
<a href="index.html">Home</a>
<a href="#">About</a>
<a href="#program">Program</a>
<a href="#join">Join</a>
<a href="#sponsor">Sponsor</a>
<a href="#news">News</a>
<a href="#campaign">ETA Campaign</a>
</div>
</div>
</header>
<main>
<!-- about hero section-->
<section class="about-hero">
<article class="hero-header">
<p class="greeting">"Hello! Web Developers"</p>
<h1 class="welcome">2023 Summer Web Developer conference</h1>
</article>
<p class="about-text">
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. This year, we hope to expand our
invitation list including organizations and individuals.
</p>
<article class="contact">
<p class="contact-txt">Please contact us per Email for nay further questions about CC Global Summit 2015!</p>
<a class="contact-email">eagleatechacademy21@eta.org</a>
</section>
<!-- end of about hero section-->
<!-- logo info section-->
<div class="logo-info-wrapper">
<h2 class="logo-name">Eagle Tech Academy Logo</h2>
<hr class="logo-underline">
<p class="about-logo">The logo of Eagle Tech Academy is a graphic representation of the brand name for the Eagle Tech institution.</p>
<img class="logo-image" src="images/eta_logo.png">
</div>
<!-- end of logo info section -->
<hr class="logo-past-underline">
<!-- previous conference section -->
<div class="see-past-wrapper">
<h2 class="past-title">See the past web developer conference</h2>
<hr class="title-underline">
<p class="about-past">Take a look at the past two 2022 summer web developer conference which took place in Canada and in India</p>
<div class="past-image-container">
<div class="past-conference">
<img src="images/see_past_01.jpg">
<div class="past-description">
<div class="past-text">
<h2>2022</h2>
<p>Eagle summer web developer conference in Canada.</p>
</div>
</div>
</div>
<div class="past-conference">
<img src="images/see_past_02.jpg">
<div class="past-description">
<div class="past-text">
<h2>2021</h2>
<p>Eagle summer web developer conference in India.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end of previous conference section -->
<!-- partner section -->
<section class="partner-wrapper" id="partner">
<h2 class="partner-title">Our Partners</h2>
<hr class="title-underline" />
<div class="partner-logo">
<a> <img src="images/mozilla.png" alt="Mozilla logo here" /></a>
<a> <img src="images/googlekorea.png" alt="Google logo here" /></a>
<a> <img src="images/naver.png" alt="Naver logo here" /></a>
<a>
<img src="images/daumkakaologo.png" alt="daumkakao logo here"
/></a>
<a> <img src="images/airbnb.png" alt="Airbnb logo here" /></a>
</div>
</section>
<!-- end of partner section -->
</main>
<footer>
<a href="index.html"
><img class="footer-logo" src="images/eta_logo.png" alt="ETA institution logo here"
/></a>
<p class="copyright">© Eagle Tech Academy. Some Rights Reserved.</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>