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
85 lines (83 loc) · 3.13 KB
/
index.html
File metadata and controls
85 lines (83 loc) · 3.13 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
<!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>
<header>
<h1><em>myBlog for Campers</em></h1>
<p>You can find everything about camping in my blog</p>
</header>
<main>
<section>
<h2 class="h2">Articles</h2> <!-- -->
<div class="articles">
<article>
<h3>Article 1 Title</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam
ab vel facere quisquam minus autem hic. Nam tempore voluptatibus
ducimus unde impedit, at, minus ab corporis cumque fugiat aliquid
sunt, asperiores vero! Unde accusantium omnis autem excepturi
blanditiis beatae maxime. Temporibus dolores quia consequatur,
numquam unde ex odio quae ipsa amet dolorem obcaecati modi, itaque
illum nesciunt, et quisquam magni. In voluptatum possimus a qui
sapiente ea, aperiam quos libero.
</p>
<a href="article1.html">Read more</a>
</article>
<article>
<h3>Article 2 Title</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed
quidem inventore molestias dolores, magni pariatur minus nostrum
minima placeat tempore consectetur veniam voluptatem doloribus
labore harum quibusdam velit possimus deserunt officiis aliquam
ipsa cum dolorum. Laudantium explicabo distinctio totam illum, nam
minima dolorum rerum assumenda veniam obcaecati aut iure ipsum.
</p>
<a href="article2.html">Read more</a>
</article>
<article>
<h3>Article 3 Title</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est quas
accusamus nesciunt dolorem perspiciatis cumque voluptate, quasi
officiis fuga voluptas. Officia fugiat explicabo praesentium
necessitatibus quae dolorum error illo hic?
</p>
<a href="article3.html">Read more</a>
</article>
</div>
</section>
</main>
<footer>
<footer>
<div class="container">
<h6>This website consist my own camping experience and you should read goverment and the area you want to camp's comminty rules. </h6>
<p>Copyright © 2022 My Website</p>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</footer>
</footer>
</body>
</html>