-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (127 loc) · 4.79 KB
/
index.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
<!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="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/lato" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/styles.css">
<title>Roland Garros 2023</title>
</head>
<body>
<header>
<ul class="lato">
<li>
<a href="#">
<i class="bi bi-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="bi bi-twitter"></i>
</a>
</li>
<li>
<a href="#">English</a>
</li>
<li>
<a href="#">My Page</a>
</li>
<li>
<a href="#">Logout</a>
</li>
</ul>
<i class="bi bi-x close-menu"></i>
<nav>
<a href="./index.html"><img src="./assets/images/logo-rg.svg" class="logo" alt="Roland Garros"></a>
<ul class="lato">
<li><a href="about.html">About</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Tournament</a></li>
<li><a href="#">Tickets</a></li>
<li><a href="#">Store</a></li>
<li><a href="#" class="highlighted-menu">Roland Garros 2023</a></li>
</ul>
</nav>
</header>
<section id="headline">
<i class="bi bi-list" id="menu-button"></i>
<h3 class="lato">"Hello! Tennis Fans"</h3>
<h1 class="cocogoose">ROLAND GARROS 2023 <br>
THE MAIN TENNIS EVENT IN THE SEASON IS COMING
IN MAY 2023
</h1>
<p class="lato">Be part of it all in Opening Week (22-26 May)<br>
Come and watch the qualifying matches, the stars on the practice courts and much more besides in Opening Week at this year’s Parisian Grand Slam event.</p>
<h2 class="cocogoose">22 MAY - 11 JUN 2023</h2>
<h4 class="lato">©2023 - all rights reserved
Fédération Française de Tennis</h4>
</section>
<section id="program-outline">
<h2 class="lato">Main Program <span></span></h2>
<ul class="lato">
<li>
<img src="./assets/images/presentation.png" alt="Presentation">
<h3>Opening</h3>
<p>Come and watch the qualifying matches. Live the atmosphere until the end.</p>
</li>
<li>
<img src="./assets/images/draws.png" alt="Draws">
<h3>Draws</h3>
<p>Draws, sporting schedule, atmosphere and new rules for the players</p>
</li>
<li>
<img src="./assets/images/tournament.png" alt="Tournament">
<h3>Tournament</h3>
<p>From the beginning to the finals, live the best tournament in the ATP Calendar</p>
</li>
<li>
<img src="./assets/images/finals.png" alt="Finals">
<h3>Final</h3>
<p>Be present in the final matchup and know the new champion.</p>
</li>
<li>
<img src="./assets/images/close.png" alt="Closure">
<h3>Closing</h3>
<p>Enjoy the closing ceremony.</p>
</li>
</ul>
<a href="#" class="see-program lato">CHECK THE WHOLE CALENDAR</a>
<a href="#" id="join-btn" class="lato">Buy your tickets at www.rolandgarros.com</a>
</section>
<section id="featured-players">
<h2 class="lato">Featured Players <span></span></h2>
<ul>
<li class="player-card" id="player-card-skeleton">
<picture>
<img src="placeholder" alt="">
</picture>
<div class="lato">
<h3>heading placeholder</h3>
<h5>highlights placeholder</h5>
<hr>
<h6>description placeholder</h6>
</div>
</li>
</ul>
</section>
<section id="partners">
<h2 class="lato">Partners <span></span></h2>
<ul>
<li><img src="./assets/images/BNP-Paribas.png" alt="BNP-Paribas"></li>
<li><img src="./assets/images/Lacoste.png" alt="LaCoste"></li>
<li><img src="./assets/images/Renault.png" alt="Renault"></li>
<li><img src="./assets/images/Rolex.png" alt="Rolex"></li>
<li><img src="./assets/images/Wilson.png" alt="Wilson"></li>
</ul>
</section>
<footer class="lato">
<img src="./assets/images/logo-rg.svg" class="logo" alt="Roland Garros">
<p>©2023 - all rights reserved. Fédération Française de Tennis <br>
All content on the website, unless otherwise specified, is available under a Creative Commons Attribution</p>
</footer>
<script src="./assets/scripts/scripts.js"></script>
</body>
</html>