-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (171 loc) · 8.67 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
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
170
171
172
173
174
175
176
177
178
179
180
<!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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="styles/styles.css">
<title>Safari Rally Kenya</title>
</head>
<body>
<header class="header">
<nav class="my_nav">
<section class="desk_top">
<div class="top_bar">
<ul class="bar">
<li class="bar_icon"><i class="fa-brands fa-facebook-f"></i></li>
<li class="bar_icon"><i class="fa-brands fa-twitter"></i></li>
<li class="bar_icon">English</li>
<li class=" bar_icon">My Page</li>
<li class="bar_icon">Logout</li>
</ul>
</div>
<div class="my_menu track-sm">
<p class="logo">
<a href="index.html"><img src="./assets/redbulltv.png" alt="Logo"></a>
</p>
<ul class="d-md-flex justify-content-end menus">
<li class="list1 list">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="list2 list">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="list3 list">
<a class="nav-link" href="#">Onboard Action</a>
</li>
<li class="list4 list">
<a class="nav-link" href="#">Sponsor</a>
</li>
<li class="list5 list">
<a class="nav-link" href="#">WRC Shop</a>
</li>
<li class="list6 list">
<a class="nav-link" href="index.html">Service Park</a>
</li>
</ul>
</div>
</section>
<div class="bug track-sm">
<button class="burger" type="button" aria-label="toggle curtain navigation">
<span></span>
</button>
</div>
</nav>
<div class="container presentation">
<div class="welcome">
</div>
<section class="introduction">
<p class="hello">"Welcome to Safari Rally Naivasha"</p>
<h2 class="main_title">WRC Safari Rally Kenya <br> Thrill 2022 </h2>
</section>
<section class="intro">
<h2 class="p"> Rally Rally Rally!</h2>
<p class="paragraph">
The Safari of old has evolved to fit the modern-day WRC, but its character remains with challenging closed dirt roads, stunning picture-postcard scenery and exotic wildlife. Competitors can expect rocky and rutted tracks and unpredictable weather which
could transform dry and dusty trails into glutinous mudbaths.
</p>
<div class="contact">
<p class="date">2022.07.29(Mon) ~ 10(Sun)</p>
<p class="contact">@ WRC World Rally Champions</p>
</div>
</section>
</div>
</header>
<section id="main_program" class="d-flex flex-column justify-content-center align-items-center program gap-5 bg-dark">
<h2 class="pt-4 pro_title">Main Program</h2>
<div class="the_race">
<div class="row program-bbox">
<ul class=" d-flex justify-content-center align-items-center gap-3 bg-secondary bg-opacity-10 flex-md-column col-md-2">
<li class="l1 d-flex justify-content-center align-items-center">
<img src="./assets/programIcon1.png" alt="">
</li>
<li class="d-flex justify-content-center align-items-center program_name">
Food
</li>
<li class="l3 d-flex justify-content-center align-items-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit.!
</li>
</ul>
<ul class=" d-flex justify-content-center align-items-center gap-3 bg-secondary bg-opacity-10 flex-md-column col-md-2">
<li class="l1 d-flex justify-content-center align-items-center">
<img src="./assets/programIcon2.png" alt="">
</li>
<li class="d-flex justify-content-center align-items-center program_name">
Music
</li>
<li class="l3 d-flex justify-content-center align-items-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit.!
</li>
</ul>
<ul class="d-flex justify-content-center align-items-center gap-3 bg-secondary bg-opacity-10 flex-md-column col-md-2">
<li class="l1 d-flex justify-content-center align-items-center">
<img src="./assets/programIcon3.png" alt="">
</li>
<li class="d-flex justify-content-center align-items-center program_name">
Racing
</li>
<li class="l3 d-flex justify-content-center align-items-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit.!
</li>
</ul>
<ul class="d-flex justify-content-center align-items-center gap-3 bg-secondary bg-opacity-10 flex-md-column col-md-2">
<li class="l1 d-flex justify-content-center align-items-center">
<img src="./assets/programIcon4.png" alt="">
</li>
<li class="d-flex justify-content-center align-items-center program_name">
Survey
</li>
<li class="l3 d-flex justify-content-center align-items-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit.!
</li>
</ul>
</div>
</div>
<p class="text-white p-ms-3 container d-flex justify-content-center align-items-center join">
<a href="#" class="text-white text-center">More WRC Action</a>
</p>
</section>
<section class="container drivers_cont">
<h2 class="feature_title">Featured Drivers</h2>
<div class="row driver_cont">
</div>
<div class="container d-flex justify-container-center align-items-center border border-muted border-2 mb-3 d-md-none">
<button type="button" class="btn col-12">
<span>MORE</span>
<span><i class="fa-solid bg-white fa-circle-chevron-down"></i></span>
</button>
</div>
</section>
<section class="partner">
<h2 class="part_title">Partner</h2>
<div class="the_list">
<ul class="partner_list">
<li class="toyota">Toyota</li>
<li class="ford">Ford</li>
<li class="irrelli">Irrelli</li>
<li class="hyundai">Hyundai</li>
</ul>
</div>
</section>
<footer class="footer" id="footer_vw">
<section class="first_part">
<h2 class="f_icon">
<span class="redo_linters">Rally Rally</span><i class="fa-brands fa-creative-commons"></i>
</h2>
<p class="f_text">
Thrill For Speed<br>2022
</p>
</section>
<section class="second_part">
<h6>Contdown Roots Maps</h6>
<p class="two">WRC Promoter GmbH 2014 - 2022 <span class="md-view"></span></p>
</section>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>