-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
114 lines (114 loc) · 5.25 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
<!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>Olympics Games</title>
<link rel="stylesheet" href="styles/about.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header class="header">
<div class="medium">
<ul class="header-1 header-2 header-3">
<li class="media-link">
<a href="#"><i class="fa fa-facebook"></i></a>
</li>
<li class="media-link">
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li class="media-link"><a href="#">English</a></li>
<li class="media-link"><a href="#">My page</a></li>
<li class="media-link"><a href="#">Logout</a></li>
</ul>
</div>
<nav class="nav-bar">
<div class="Hamburger header-2 header-3">
<img src="images/hamburger-1.png" class="show-btn" alt="Show menu">
<img src="images/Icon-Cancel.png" class="close-btn" alt="close menu">
<div class="logo active">
<a href="./index.html">
<img src="images/olympics.png" alt="logo">
</a>
</div>
<ul class="nav-menu header-2 header-3">
<li class="nav-menu-link"><a href="./index.html">Home</a></li>
<li class="nav-menu-link"><a href="#Sports">Sports</a></li>
<li class="nav-menu-link"><a href="#Highlights">Highlights</a></li>
<li class="nav-menu-link"><a href="#Sponsors">Sponsors</a></li>
<li class="nav-menu-link active"><a href="#">Soccer</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section id="About" class="home-1">
<div class="home-2">
<h2>"HELLO! OLYMPICS WORLD"</h2>
<h1>OLYMPICS GAMES 2022<br/>LIVE</h1>
</div>
<article>
<h4>Having won the bid for the 2022 Olympic Winter Games on 31 July 2015,
Beijing became the first city in the world to have hosted both the summer
and winter editions of the Olympic Games.With a vision of “Joyful Rendezvous
upon Pure Ice and Snow,” Beijing 2022 built on the legacies of the landmark Beijing
2008 Olympic Games and encouraged 300 million people across China to embrace winter
sports.</h4>
</article>
<div class="info-1">
<p>Please contact us through email for more informations about Olympics 2022</p>
<div class="link">
<a href="#">olympics@olympics.com</a>
</div>
</div>
</section>
<section id="Sports" class="sports-overview header-2 header-3">
<h2>2022 Women’s NCAA Gymnastics Championships</h2>
<p>Triple Grammy winner Olivia Rodrigo reveals Olympic gymnastics childhood dream.
Action-packed Saturday will determine field for NCAA women's gymnastics championships</p>
<div class="logo">
<img src="images/olympics-8.jpg" alt="olympics">
</div>
<div class="line"></div>
</section>
<section id="Highlights" class="highlights">
<h2>News about Beijing 2022 Winter Olympics Games</h2>
<p>Here are some Olympics Games which will be taken place</p>
<ul class="high-image header-2 header-3">
<li>
<img src="images/rafting.jpg" alt="rafting">
<p class="text">Rafting<br/>Olympics 2022</p>
<span class="background-img"></span>
</li>
<li>
<img src="images/javelin.webp" alt="javelin">
<p class="text">Javelin<br/>Olympics 2022</p>
<span class="background-img"></span>
</li>
</ul>
</section>
<section id="Sponsors" class="sponsors-section">
<h2 class="sponsors-title">Sponsors</h2>
<ul class="sponsors-list header-2 header-3">
<li><img src="images/visa-master.png" alt="visa-master"></li>
<li><img src="images/google-logo.png" alt="google-logo"></li>
<li><img src="images/Toyota-Logo.png" alt="Toyota-Logo"></li>
<li><img src="images/mozilla.png" alt="mozilla"></li>
<li><img src="images/airbnb.png" alt="airbnb"></li>
<li><img src="images/naver.png" alt="naver"></li>
</ul>
</section>
</main>
<footer id="about-footer" class="header-2">
<div class="about-logo">
<img src="images/olympics.png" alt="logo">
</div>
<div class="about-copyright">
<p>© Copyright 2022/OLYMPICS</p>
</div>
</footer>
<script src="./functions/main.js"></script>
<script src="./functions/feature.js"></script>
</body>
</html>