-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (144 loc) · 5.36 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://kit.fontawesome.com/44a95a112f.js" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Alatsi|Titillium+Web&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>F1 | Home</title>
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="img/logo.png" alt="NewsGrid" class="logo">
<div class="social">
<a href="http://facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="http://twitter.com" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="http://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="http://youtube.com" target="_blank"><i class="fab fa-youtube fa-2x"></i></a>
</div>
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</nav>
<!-- Showcase -->
<header id="showcase">
<div class="container">
<div class="showcase-container">
<div class="showcase-content">
<h1>About F1</h1>
<p>Formula One is the highest class of single-seater auto racing sanctioned by the Fédération Internationale de l'Automobile (FIA) and owned by the Formula One Group.</p>
<a href="article.html" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</header>
<!-- Home Articles -->
<section id="home-articles" class="py-2">
<div class="container">
<h2>Top Picks</h2>
<div class="articles-container">
<article class="card">
<img src="img/articles/image1.jpg" alt="">
<div>
<div class="category category-tag">Lewis Hamilton</div>
<h3>
<a href="article.html">Live Stream</a>
</h3>
<p>Watch the live stream from Friday evening's 2019 FIA Prize-Giving in Paris</p>
</div>
</article>
<article class="card bg-primary">
<div class="category category-tag">Analysis</div>
<h3>
<a href="article.html">Jolyon Palmer</a>
</h3>
<p>Why Abu Dhabi proved F1 shouldn't lose DRS just yet?</p>
</article>
<article class="card">
<img src="img/articles/image2.jpg" alt="">
<div class="category category-tag">Renault</div>
<h3>
<a href="article.html">Nick Chester</a>
</h3>
<p>Renault’s Chassis Technical Director Nick Chester to leave the team.</p>
</article>
<article class="card">
<div class="category category-tag">Bottas</div>
<h3>
<a href="article.html">Tyre Test</a>
</h3>
<p>Bottas fastest, as Ocon returns in opening day of 2019 post-season tyre test.</p>
<img src="img/articles/image3.jpg" alt="">
</article>
<article class="card">
<img src="img/articles/image4.jpg" alt="">
<div class="category category-tag">FANTASY</div>
<h3>
<a href="article.html">Abu Dhabi</a>
</h3>
<p>What were the best and worst teams from the Abu Dhabi season finale?</p>
</article>
<article class="card bg-primary">
<div class="category category-tag">Russell</div>
<h3>
<a href="article.html">Abu Dhabi Grand Prix</a>
</h3>
<p>Russell targets first-lap improvements in 2020</p>
</article>
<article class="card">
<div>
<div class="category category-tag">RANKINGS</div>
<h3>
<a href="article.html">POWER RANKINGS</a>
</h3>
<p>Has your favourite driver made our end-of-year top 10?.</p>
</div>
<img src="img/articles/image5.jpg" alt="">
</article>
</div>
</div>
</section>
<!-- Footer -->
<footer id="main-footer" class="py-2">
<div class="container footer-container">
<div>
<h3>Latest News</h3>
<ul class="list">
<li><a href="#">Video</a></li>
<li><a href="#">Drivers</a></li>
<li><a href="#">Teams</a></li>
<li><a href="#">Racing</a></li>
</ul>
</div>
<div>
<h3>Site Links</h3>
<ul class="list">
<li><a href="#">Help & Support</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<h3>Get Notified</h3>
<p>About new events, races, news, etc.</p>
<form>
<input type="email" placeholder="Enter Email...">
<input type="submit" value="Subscribe" class="btn btn-primary">
</form>
</div>
<div>
<p>
Copyright © 2019, F1, All Rights Reserved
</p>
</div>
</div>
</footer>
</body>
</html>