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
70 lines (68 loc) · 5.21 KB
/
index.html
File metadata and controls
70 lines (68 loc) · 5.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
<!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>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>The Internet</h1>
<section>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat sed eros in auctor.
Quisque non pretium diam. Cras faucibus tortor a tempus malesuada. Cras posuere metus ac lectus pulvinar, nec tincidunt orci viverra.
Mauris nec urna sit amet velit aliquam auctor vel at ante. Donec sed auctor diam, non dapibus erat.
Mauris ultricies aliquam feugiat. Sed faucibus hendrerit turpis, sed placerat nibh pulvinar at. Aenean laoreet ac dui facilisis fermentum. Sed viverra nibh ac nulla blandit facilisis. Donec tristique nibh a elit tristique congue. Curabitur eu lorem ut arcu varius dictum.
Curabitur hendrerit massa massa, et viverra massa facilisis et. Integer sit amet orci mollis, consectetur elit ut, consequat enim. Pellentesque dignissim, lorem eget cursus porttitor, neque libero imperdiet neque, ac porta ante metus sit amet justo. Fusce sagittis libero et urna interdum luctus. Vestibulum tempor ipsum aliquam ante lacinia, et sagittis erat tempus. Mauris vulputate pulvinar mi, sit amet varius ante auctor sit amet. Proin porta magna quis hendrerit pellentesque. Duis et libero nunc. Curabitur tincidunt pharetra feugiat. Phasellus accumsan mauris a neque dignissim, ac eleifend nisi hendrerit.
Etiam pharetra nisl eget blandit varius. Proin commodo congue mauris nec faucibus.
</section>
<nav>
<a href="#ATI" target="_self">About the Internet</a>
<a href="#THI" target="_self">The History of the Internet</a>
<a href="#AtA" target="_self" >About the Author</a>
<a href="blog-sketch-week-1.png" target="blank">
<img src="blog-sketch-week-1.png" style="border: 1px solid #bababa;">
</a>
</nav>
</header>
<article>
<section>
<h1 id="ATI">About the Internet</h1>
<p>
Mauris ultricies aliquam feugiat. Sed faucibus hendrerit turpis, sed placerat nibh pulvinar at. Aenean laoreet ac dui facilisis fermentum. Sed viverra nibh ac nulla blandit facilisis. Donec tristique nibh a elit tristique congue. Curabitur eu lorem ut arcu varius dictum.
Curabitur hendrerit massa massa, et viverra massa facilisis et. Integer sit amet orci mollis, consectetur elit ut, consequat enim. Pellentesque dignissim, lorem eget cursus porttitor, neque libero imperdiet neque, ac porta ante metus sit amet justo. Fusce sagittis libero et urna interdum luctus. Vestibulum tempor ipsum aliquam ante lacinia, et sagittis erat tempus. Mauris vulputate pulvinar mi, sit amet varius ante auctor sit amet. Proin porta magna quis hendrerit pellentesque. Duis et libero nunc. Curabitur tincidunt pharetra feugiat. Phasellus accumsan mauris a neque dignissim, ac eleifend nisi hendrerit.
Etiam pharetra nisl eget blandit varius. Proin commodo congue mauris nec faucibus.
</p>
<h1 id="THI">The History of the Internet</h1>
<p>
Mauris ultricies aliquam feugiat. Sed faucibus hendrerit turpis, sed placerat nibh pulvinar at. Aenean laoreet ac dui facilisis fermentum. Sed viverra nibh ac nulla blandit facilisis. Donec tristique nibh a elit tristique congue. Curabitur eu lorem ut arcu varius dictum.
Curabitur hendrerit massa massa, et viverra massa facilisis et. Integer sit amet orci mollis, consectetur elit ut, consequat enim. Pellentesque dignissim, lorem eget cursus porttitor, neque libero imperdiet neque, ac porta ante metus sit amet justo. Fusce sagittis libero et urna interdum luctus. Vestibulum tempor ipsum aliquam ante lacinia, et sagittis erat tempus. Mauris vulputate pulvinar mi, sit amet varius ante auctor sit amet. Proin porta magna quis hendrerit pellentesque. Duis et libero nunc. Curabitur tincidunt pharetra feugiat. Phasellus accumsan mauris a neque dignissim, ac eleifend nisi hendrerit.
Etiam pharetra nisl eget blandit varius. Proin commodo congue mauris nec faucibus.
</p>
</section>
<footer>
<h1 id="AtA">About the Author </h1>
<p>
Proin lobortis sem lorem, et dapibus felis dapibus non. Curabitur tincidunt a mauris et placerat.
Maecenas et arcu pharetra, placerat eros vel, consectetur arcu. Ut ultrices, elit quis congue tempus, lorem tellus gravida odio, ut scelerisque nunc neque sed leo.
Donec ornare pharetra libero, finibus lobortis nunc pellentesque sed.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; In rutrum eros et velit pellentesque placerat.
Donec dictum, massa quis vulputate faucibus, est lectus dignissim purus, eu commodo nisl elit non lorem.
Suspendisse potenti. Vestibulum sollicitudin finibus venenatis.
</p>
</footer>
</article>
</body>
</html>