-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (143 loc) · 6.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="./index.css">
<script src="./index2.js"></script>
</head>
<body>
<div class="carousel">
<div class="progress-bar progress-bar--primary hide-on-desktop">
<div class="progress-bar__fill"></div>
</div>
<header class="main-post-wrapper">
<div class="slides">
<article class="main-post main-post--active">
<div class="main-post__image">
<img src="https://www.formula1.com/content/dam/fom-website/manual/Misc/2019-Races/Monaco2019/McLarenMonaco19.jpg.transform/9col/image.jpg" alt="New McLaren wind tunnel 'critical' to future performance, says Tech Director Key" />
</div>
<div class="main-post__content">
<div class="main-post__tag-wrapper">
<span class="main-post__tag">News</span>
</div>
<h1 class="main-post__title">New McLaren wind tunnel 'critical' to future performance, says Tech Director Key</h1>
<a class="main-post__link" href="#">
<span class="main-post__link-text">find out more</span>
<svg
class="main-post__link-icon main-post__link-icon--arrow"
width="37"
height="12"
viewBox="0 0 37 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 6H36.0001M36.0001 6L31.0001 1M36.0001 6L31.0001 11"
stroke="white"
/>
</svg>
</a>
</div>
</article>
<article class="main-post main-post--not-active">
<div class="main-post__image">
<img src="https://www.formula1.com/content/dam/fom-website/sutton/2019/Hungary/Saturday/1017645792-LAT-20190803-_2ST5188.jpg.transform/9col-retina/image.jpg" alt="What To Watch For in the 2019 Hungarian Grand Prix" />
</div>
<div class="main-post__content">
<div class="main-post__tag-wrapper">
<span class="main-post__tag">Video</span>
</div>
<h1 class="main-post__title">What To Watch For in the 2019 Hungarian Grand Prix</h1>
<a class="main-post__link" href="#">
<svg
class="main-post__link-icon main-post__link-icon--play-btn"
width="30"
height="30"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="10"
cy="10"
r="9"
stroke="#C20000"
stroke-width="2"
/>
<path d="M14 10L8 6V14L14 10Z" fill="white" />
</svg>
<span class="main-post__link-text">play video</span>
</a>
</div>
</article>
<article class="main-post main-post--not-active">
<div class="main-post__image">
<img src="https://www.formula1.com/content/dam/fom-website/manual/Misc/2019-Races/Austria-2019/Top3Austria2019.jpg.transform/9col-retina/image.jpg" alt="Hamilton wants harder championship fight from Leclerc and
Verstappen" />
</div>
<div class="main-post__content">
<div class="main-post__tag-wrapper">
<span class="main-post__tag">News</span>
</div>
<h1 class="main-post__title">Hamilton wants harder championship fight from Leclerc and Verstappen
</h1>
<a class="main-post__link" href="#">
<span class="main-post__link-text">find out more</span>
<svg
class="main-post__link-icon main-post__link-icon--arrow"
width="37"
height="12"
viewBox="0 0 37 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 6H36.0001M36.0001 6L31.0001 1M36.0001 6L31.0001 11"
stroke="white"
/>
</svg>
</a>
</div>
</article>
</div>
</header>
<div class="posts-wrapper hide-on-mobile">
<article class="post post--active">
<div class="progress-bar">
<div class="progress-bar__fill"></div>
</div>
<header class="post__header">
<span class="post__tag">News</span>
<p class="post__published">16 August 2019</p>
</header>
<h2 class="post__title">New McLaren wind tunnel 'critical' to future performance, says Tech Director Key</h2>
</article>
<article class="post">
<div class="progress-bar">
<div class="progress-bar__fill"></div>
</div>
<header class="post__header">
<span class="post__tag">Video</span>
<p class="post__published">12 August 2019</p>
</header>
<h2 class="post__title">What To Watch For in the 2019 Hungarian Grand Prix</h2>
</article>
<article class="post">
<div class="progress-bar">
<div class="progress-bar__fill"></div>
</div>
<header class="post__header">
<span class="post__tag">News</span>
<p class="post__published">08 August 2019</p>
</header>
<h2 class="post__title">Hamilton wants harder championship fight from Leclerc and Verstappen
</h2>
</article>
</div>
</div>
<main style="min-height: 100vh; background: red;"></main>
<!-- <script src="./index2.js"></script> -->
</body>
</html>