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
101 lines (99 loc) · 4.56 KB
/
index.html
File metadata and controls
101 lines (99 loc) · 4.56 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
<!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>My 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>
<div id="page-wrapper">
<header id="header">
<div class="logo">
<img
id="header-image"
src="https://lh3.googleusercontent.com/HkPwdVXNE1OuazbarW321RJDns6bB2uO_0Z7HqTZy8OAvpstKGwww8xgWBsi-Pi5Z1c5EPfG2034qKUW4fV2xPJK5Sf6jUhO84a-TrfeoyBrEsbZxNy8VDCQNyszp_25gjfaYKcjNA=w517-h120-p-k"
alt="Cricket bat as the company logo"
/>
</div>
<nav class="nav-bar">
<ul>
<li><a class="nav-link" href="#main-articles">Articles</a></li>
<li><a class="nav-link" href="#contact-details">Contact Us</a></li>
</ul>
</nav>
</header>
<main id="main-articles">
<article id="bamboo">
<h1>The Revolutionary Bamboo Bats</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
Elementum curabitur vitae nunc sed. Auctor elit sed vulputate mi sit
amet. Euismod quis viverra nibs cras. Quis auctor elit sed vulputate
mi sit. Eget arcu dictum varius duis at consectetur lorem donec
massa. Velit dignissim sodales ut eu. A condimentum vitae sapien
pellentesque habitant morbi tristique senectus. Vel pretium lectus
quam id leo in vitae turpis massa. Cursus risus at ultrices mi
tempus. At consectetur lorem donec massa sapien. Sapien et ligula
ullamcorper malesuada. Tortor condimentum lacinia quis vel eros
donec ac odio. Non quam lacus suspendisse faucibus interdum posuere.
Nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Purus sit amet
luctus venenatis. Ullamcorper velit sed ullamcorper morbi tincidunt.
Euismod quis viverra nibh cras pulvinar. Augue eget arcu dictum
varius. Non odio euismod lacinia at quis risus sed vulputate.
</p>
</article>
<article id="willow">
<h1>English Willow Bats</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Id
semper risus in hendrerit gravida rutrum quisque non tellus.
Habitant morbi tristique senectus et netus et malesuada. Magna ac
placerat vestibulum lectus mauris ultrices eros in cursus. Sodales
neque sodales ut etiam sit amet nisl purus in. Phasellus vestibulum
lorem sed risus ultricies tristique. Vitae nunc sed velit dignissim
sodales ut eu sem. Donec pretium vulputate sapien nec sagittis.
Magna fringilla urna porttitor rhoncus. Adipiscing commodo elit at
imperdiet dui. Sit amet est placerat in egestas.
</p>
</article>
<article id="kashmir-willow">
<h1>Kashmir Willow Bats</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Varius
sit amet mattis vulputate. Neque gravida in fermentum et
sollicitudin. Dignissim cras tincidunt lobortis feugiat vivamus at.
Faucibus vitae aliquet nec ullamcorper sit. Adipiscing enim eu
turpis egestas pretium aenean pharetra. Tincidunt dui ut ornare
lectus sit amet est placerat in. Eget velit aliquet sagittis id
consectetur purus ut faucibus. Id venenatis a condimentum vitae
sapien pellentesque. Ullamcorper sit amet risus nullam eget felis.
</p>
</article>
</main>
<footer>
<ul id="contact-details">
<li class="telephone-number">Telephone: 0077700777</li>
<li class="email">[email protected]</li>
<li>
<a class="back-to-top" href="#main-articles">Back to Top ↑</a>
</li>
<li class="copy-rights">All Rights Reserved © 2020, HCB</li>
</ul>
</footer>
</div>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>