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
52 lines (50 loc) · 2.3 KB
/
index.html
File metadata and controls
52 lines (50 loc) · 2.3 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
<!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>
<nav>
<h1>Peace and Joy</h1>
<div class="menu">
<button>Experiencing Peace and Joy</button>
<button>Experiencing Peace</button>
<button>Experiencing Joy</button>
</div>
<p class="description">I am a coder who loves to feel peaceful and joyful. So I am going to create a website where I can talk about things that make me feel peaceful and add joy to my life.</p>
</nav>
</header>
<main>
<article>
<h2>Experiencing Peace and Joy</h2>
<img src="http://data.freehdw.com/bridge-over-the-green-river.jpg" alt="Lake reflecting green trees surronding the lake. There is a long wooden bridge over the lake">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Accusantium officiis ipsa rerum, deserunt nihil quod blanditiis dolorem, omnis possimus aspernatur maxime at eos ex pariatur! Things that bring me both peace and joy. Read more...</p>
</article>
<article>
<h2>Experiencing Peace</h2>
<img src="http://images.freehdw.com/800/nature-landscapes_other_wooden-house-in-forest_3295.jpg" alt="Small house in a forest. Morning sunrays falling over the trees and top of the house."
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos, vero inventore quas nam mollitia excepturi? Things that bring me peace. Read more...</p>
</article>
<h2>Experiencing Joy</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur dignissimos sed aut culpa ullam cumque!Things that bring me joy. Read more...</p>
<article>
</article>
</main>
<footer>© 2023 Created with 💚 by Afsha</footer>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>