forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (103 loc) · 4.21 KB
/
index.html
File metadata and controls
106 lines (103 loc) · 4.21 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>Motorcycle Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<header>
<h1>The Motorcycle Rider monthly blog</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquam animi
et laudantium adipisci impedit dolor nostrum, quae odit quibusdam,
recusandae rerum repellat corporis vero ut explicabo aspernatur
cupiditate voluptatum, porro provident eos nobis. Eaque a debitis, eos
dicta repellendus consequuntur laudantium unde quae, animi ab adipisci
velit perferendis magnam ratione.
</p>
</header>
<main>
<section>
<article class="Yamaha">
<!-- title -->
<h2>Yamaha</h2>
<img
src="css/images/2019-Yamaha-Tracer-900GT.jpg"
alt="Yamaha tracer 900GT Motorbike"
/>
<!-- summary -->
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa quasi
nesciunt illo nemo placeat exercitationem. Rerum non vel voluptatem
ratione incidunt nisi eligendi magnam maiores sequi earum porro
reiciendis reprehenderit ducimus, labore repudiandae dicta corrupti
vero aliquam illum ipsam neque nam eaque! Vitae officiis ipsa
incidunt. Cumque, consequuntur dolores modi dignissimos animi at
labore numquam officia, voluptatum magni libero quis qui non?
Excepturi, totam. Ex facere nostrum natus accusantium optio!
</p>
<a href="https://www.yamaha-motor.eu/gb/en/#/" target="_blank"
>Yamaha UK website</a
>
</article>
<article class="Honda">
<!-- title -->
<h2>Honda</h2>
<img
src="css/images/Honda_Fireblade_01.jpg"
alt="CBR1000RR Motorbike"
/>
<!-- summary -->
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa quasi
nesciunt illo nemo placeat exercitationem. Rerum non vel voluptatem
ratione incidunt nisi eligendi magnam maiores sequi earum porro
reiciendis reprehenderit ducimus, labore repudiandae dicta corrupti
vero aliquam illum ipsam neque nam eaque! Vitae officiis ipsa
incidunt. Cumque, consequuntur dolores modi dignissimos animi at
labore numquam officia, voluptatum magni libero quis qui non?
Excepturi, totam. Ex facere nostrum natus accusantium optio!
</p>
<a href="https://www.honda.co.uk/motorcycles.html" target="_blank"
>Honda UK website</a
>
</article>
<article class="Suzuki">
<!-- title -->
<h2>Suzuki</h2>
<img src="css/images/suzuki.jpg" alt="Suzuki Gixxer SF Motorcycle" />
<!-- summary -->
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa quasi
nesciunt illo nemo placeat exercitationem. Rerum non vel voluptatem
ratione incidunt nisi eligendi magnam maiores sequi earum porro
reiciendis reprehenderit ducimus, labore repudiandae dicta corrupti
vero aliquam illum ipsam neque nam eaque! Vitae officiis ipsa
incidunt. Cumque, consequuntur dolores modi dignissimos animi at
labore numquam officia, voluptatum magni libero quis qui non?
Excepturi, totam. Ex facere nostrum natus accusantium optio!
</p>
<a href="https://bikes.suzuki.co.uk/bikes/" target="_blank"
>Suzuki UK website</a
>
</article>
</section>
</main>
<footer>
<p>© Motorcycle Rider monthly blog 2021</p>
</footer>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>