-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (87 loc) · 3.94 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>7.4-Homework-html</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Sartre's List</h1>
<h2>Better-Dressed People</h2>
<nav>
<ul aria-label="Main Navigation" role="navigation">
<li><a href="#" title="womens">Women's</a></li>
<li><a href="#" title="mens">Men's</a></li>
<li><a href="#" title="street">On the Street</a></li>
<li><a href="#" title="catwalk">The Catwalk</a></li>
<li><a href="#" title="watch">AdWatch</a></li>
<li><a href="#" title="about">About</a></li>
</ul>
</nav>
</header>
<main>
<section>
<article>
<time datetime="2020-11-12">11/12/20</time>
<h3>On the Street in Brooklyn</h3>
<img src="./images/blog-image-1.jpg" alt="blog-img1" />
<p class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque non elementum elit. Duis finibus leo id enim vulputate,
ac viverra libero eleifend. Pellentesque vitae augue odio. Nunc
rutrum lorem sed venenatis tincidunt. Nunc hendrerit porttitor quam
et tristique. Curabitur pellentesque risus eget tortor molestie, a
congue libero cursus. Donec tristique turpis felis, vitae mattis mi
condimentum ac. Mauris lectus eros, vulputate porttitor suscipit et,
vestibulum vel ex. Sed sed cursus leo. Fusce vulputate massa ex, ut
volutpat mauris tempus sed. Phasellus justo massa, maximus vitae
odio eget, rutrum pharetra est. Vestibulum rhoncus massa eu aliquam
interdum. Curabitur porta aliquam dictum. Fusce vehicula tincidunt
dui, fringilla condimentum nibh faucibus vel.
</p>
<p class="text-right"><a href="">Continues ...</a></p>
</article>
</section>
<section>
<article>
<time datetime="2020-11-11">11/11/20</time>
<h3>Vintage in Vogue</h3>
<img src="./images/blog-image-2.jpg" alt="blog-img2" />
<p class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque non elementum elit. Duis finibus leo id enim vulputate,
ac viverra libero eleifend. Pellentesque vitae augue odio. Nunc
rutrum lorem sed venenatis tincidunt. Nunc hendrerit porttitor quam
et tristique. Curabitur pellentesque risus eget tortor molestie, a
congue libero cursus. Donec tristique turpis felis, vitae mattis mi
condimentum ac. Mauris lectus eros, vulputate porttitor suscipit et,
vestibulum vel ex. Sed sed cursus leo. Fusce vulputate massa ex, ut
volutpat mauris tempus sed. Phasellus justo massa, maximus vitae
odio eget, rutrum pharetra est. Vestibulum rhoncus massa eu aliquam
interdum. Curabitur porta aliquam dictum. Fusce vehicula tincidunt
dui, fringilla condimentum nibh faucibus vel.
</p>
<p class="text-right"><a href="">Continues ...</a></p>
</article>
</section>
</main>
<footer>
<nav>
<ul aria-label="Main Navigation" role="navigation">
<li><a href="#" title="home">Home</a></li>
<li><a href="#" title="womens">Women's</a></li>
<li><a href="#" title="mens">Men's</a></li>
<li><a href="#" title="street">On the Street</a></li>
<li><a href="#" title="catwalk">The Catwalk</a></li>
<li><a href="#" title="watch">AdWatch</a></li>
<li><a href="#" title="about">About</a></li>
<li><a href="#" title="tips">Tips</a></li>
</ul>
</nav>
<p>© 2013 Valet Industries. Inc</p>
</footer>
</body>
</html>