-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
109 lines (102 loc) · 4.91 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
<!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">
<link rel="stylesheet" href="about.css">
<title>About Page Capstone Project</title>
</head>
<body>
<header id="dsktop-header">
<nav id="nav1" title="first-navigation">
<ul>
<li><a class="fa-brands fa-facebook-f"></a></li>
<li><a class="fa-brands fa-twitter"></a></li>
<li><a href="#" class="nav1item">Swahili</a></li>
<li><a href="#" class="nav1item">My Page</a></li>
<li><a href="#" class="nav1item">Logout</a></li>
</ul>
</nav>
<nav id="nav2" title="second-navigation">
<a class="main-logo" href="#about"><img src="./sources/logo.png" alt=""></a>
<a class="nav2Item" href="./index.html">Home</a>
<a class="nav2Item" href="./index.html">Packages</a>
<a class="nav2Item" href="#join">Join</a>
<a class="nav2Item" href="#sponsor">Sponsor</a>
<a class="nav2Item" href="#news">News</a>
<a class="mainItem" href="./index.html">Contributions</a>
</nav>
</header>
<header id="mobile-header">
<nav class="mobile-nav">
<ul onclick="menuPopup()" id="navList" title="navigation-list">
<li><a class="navItem" href="./index.html">Home</a></li>
<li><a class="navItem" href="./index.html">Our Packages</a></li>
<li><a class="navItem" href="#join">Join</a></li>
<li><a class="navItem" href="#sponsor">Sponsor</a></li>
<li><a class="navItem" href="#news">News</a></li>
<li><a class="navItem navItem-main" href="#about">Teen Creators</a></li>
</ul>
</nav>
<nav>
<div onclick="menuPopup()" id="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<div onclick="menuPopup()" id="closeButton"> × </div>
</nav>
</header>
<section class="mobilemain">
<article class="about-page" title="about">
<div class="main-content">
<h1 class="intro-title2 aboutintro2">Teen Creators <br> Global Conference 2024</h1>
<p class="about-paragraph" alt="explanation-paragraph">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste aliquam eaque, quae aspernatur accusamus voluptates repudiandae nemo vero praesentium quisquam placeat quos. Quis fugit illum commodi quasi, odit doloremque qui amet, deserunt ex minus labore. Ipsa voluptates expedita illum consectetur tempore veritatis ad? Asperiores quia magni in obcaecati suscipit eos neque quisquam corrupti necessitatibus. Labore quae molestiae totam. Incidunt, autem minima facere provident est earum?
</p>
<p class="contact-us">
Please contact us per Email for further details about Fan Expo San Francisco 2024!
</p>
<a class="mail" href="#" class="email">teencreatorconf@youtube.com</a>
</div>
</article>
<article class="conference-info" id="news" title="conference-news">
<h3 class="inner-title">Teen Creators <br> 2024 Conference</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Mollitia, est.</p>
<img class="about-logo" src="./sources/logo.png" alt="logo">
</article>
<article class="prev-conf" title="past-conferences">
<h3 class="inner-title2">View Past Conferences</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero, quam.</p>
<section class="past-conf" id="join">
<div class="first-conf">
<h3 class="pastconf1-title">2022</h3>
<p class="pastconf-paragraph1"> Teen Creators 2022</p>
</div>
<div class="second-conf">
<h3 class="pastconf2-title">2021</h3>
<p class="pastconf-paragraph1"> Teen Creators 2021</p>
</div>
</section>
</article>
<footer id="footer1" title="sponsors">
<h5 class="sponsors-title" id="sponsor">Sponsors</h5>
<ul class="sponsors-list">
<li class="sponsor-companies">Adobe Ent</li>
<li class="sponsor-companies">Motion</li>
</ul>
<ul class="sponsors-list">
<li class="sponsor-companies">Netflix</li>
<li class="sponsor-companies">YouTube</li>
</ul>
</footer>
<footer id="footer2" title="copyright-attribute">
<img class="footer2-logo" src="./sources/logo.png" alt="footer2-logo">
<p class="footer2-p">2015 Creative Commons Korea <br> Some Rights Reserved</p>
</footer>
</section>
<script src="mobile_menu.js"></script>
<script src="https://kit.fontawesome.com/b0cb732747.js" crossorigin="anonymous"></script>
</body>
</html>