-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
134 lines (109 loc) · 6.08 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
<!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.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="style.css">
<title>Cars-connect-254 conference website</title>
</head>
<body>
<div class=" wrapper">
<nav class="topper">
<ul class="top-nav">
<li><i class="fa-brands fa-facebook-f"></i></li>
<li><i class="fa-brands fa-twitter"></i></li>
<li><a href="#"></a>English</li>
<li><a href="#"></a>MyPage</li>
<li id="uniquer"><a href="#"></a>Logout</li>
</ul>
</nav>
<nav class="main-navbar">
<div class="hamburger-menu">
<div id="loggo">
<a href="index.html"><img src="images/logo.png" alt="logo" id="logo"></a>
</div>
<input id="menu__toggle" type="checkbox" />
<label class="menu__btn" for="menu__toggle">
<span></span>
</label>
<ul class="menu__box" >
<li><a class="menu__item" href="about.html">About</a></li>
<li><a class="menu__item" href="#">Program</a></li>
<li><a class="menu__item" href="#">Sponser</a></li>
<li><a class="menu__item" href="#">Join</a></li>
<li><a class="menu__item" href="#">News</a></li>
<li id="campaign"><a class="menu__item" href="#">Campaign</a></li>
</ul>
</div>
</div>
</nav>
<main class="landing">
<div class="hero">
<div class="hero-header">
<h1 id="hero-top"><span>"Life is better at full throttle!"</span><br>WRC CAR-NNECT SUMMIT 2023</h1>
<p id="hero-paragraph">The joyful event that addresses the impact of WRC cars,
with guests from all over the world,istake place in April, in Kenya.</p>
<div class="dates">
<h3>2023.04.15(THU) ~ 16(FRI) <span> <br>@Uhuru Gardens,Langata road.Nairobi</span></h3>
<P></P>
</div>
</div>
</div>
<section class="main_program">
<div class="program_top">
<h3>Main Program</h3>
</div>
<div class="indicator"><span></span></div>
<div class="main-program-content">
<div class="program one">
<img src="images/speech.png" alt="speech logo">
<h3>Speech</h3>
<p>Get a chance to talk to designers and tech founders, ask questions about their journey and inspirations</p>
</div>
<div class="program two">
<img src="images/exhibition.png" alt="speech logo">
<h3>Exhibition</h3>
<p>Get a chance to talk to designers and tech founders, ask questions about their journey and inspirations</p>
</div>
<div class="program three">
<img src="images/forum-icon.png" alt="speech logo">
<h3>Forum</h3>
<p>Get a chance to talk to designers and tech founders, ask questions about their journey and inspirations</p>
</div>
<div class="program four">
<img src="images/workshop.png" alt="speech logo">
<h3>Workshop</h3>
<p>Get a chance to talk to designers and tech founders, ask questions about their journey and inspirations</p>
</div>
<div class="program five">
<img src="images/network-icon.png" alt="speech logo">
<h3>CC Network</h3>
<p>Get a chance to talk to designers and tech founders, ask questions about their journey and inspirations</p>
</div>
<button class="join-btn">Join WRC CAR-NNECT SUMMIT 2023</button>
</div>
</section>
<section class="featured-speakers">
</section>
<section class="partners" >
<div class="partners_top" id="hide-desktop">
<h3>Partners</h3>
<div class="indicator"><span></span></div>
</div>
<div class="partners-logo" id="hide-desktop">
<img src="images/ford.svg" alt="">
<img src="images/hyundai.svg" alt="">
<img src="images/toyota.svg" alt="">
</div>
</section>
</main>
<footer class="footer" id="hide-desktop">
<img src="images/logo.png" alt="logo" id="logo">
<h4>2023 WRC Car-nnect <br>Some Rights Reserved</h4>
</footer>
</div>
</div>
<script src="main.js"></script>
</body>
</html>