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
113 lines (108 loc) · 4.44 KB
/
index.html
File metadata and controls
113 lines (108 loc) · 4.44 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
102
103
104
105
106
107
108
109
110
111
112
113
<!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>Hanan's 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>
<nav>
<ul>
<li>Home</li>
<li>Introduction</li>
<li>My blogs</li>
<li>About us</li>
</ul>
</nav>
<header>
<h1>Blog on Muhammad Iqbal</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquam animi
et laudantium adipisci impedit dolor nostrum, quae odit quibusdam,
recusandae rerum repellat corporis vero ut explicabo aspernatur
cupiditate voluptatum, porro provident eos nobis. Eaque a debitis, eos
dicta repellendus consequuntur laudantium unde quae, animi ab adipisci
velit perferendis magnam ratione.
</p>
</header>
<main>
<article class="article-container">
<article>
<!-- title -->
<h2>Best Poet of Asia</h2>
<img
src="https://qph.fs.quoracdn.net/main-qimg-62edaa53efbfd67916b4fc5e4928e0b8.webp"
alt="Allama Iqbal's photo"
/>
<!-- summary -->
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa quasi
nesciunt illo nemo placeat exercitationem. Rerum non vel voluptatem
ratione incidunt nisi eligendi magnam maiores sequi earum porro
reiciendis reprehenderit ducimus, labore repudiandae dicta corrupti
vero aliquam illum ipsam neque nam eaque! Vitae officiis ipsa
incidunt. Cumque, consequuntur dolores modi dignissimos animi at
labore numquam officia, voluptatum magni libero quis qui non?
Excepturi, totam. Ex facere nostrum natus accusantium optio!
</p>
<a href="https://en.wikipedia.org/wiki/Muhammad_Iqbal" target="_blank"
>Click here to Read More</a
>
</article>
<article>
<!-- title -->
<h2>Poetry of Iqbal</h2>
<img
src="https://i.pinimg.com/originals/8d/5a/52/8d5a52cb66d413ba18aa2a701f29fd6f.jpg"
alt="Poetry of Iqbal"
/>
<!-- summary -->
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa quasi
nesciunt illo nemo placeat exercitationem. Rerum non vel voluptatem
ratione incidunt nisi eligendi magnam maiores sequi earum porro
reiciendis reprehenderit ducimus, labore repudiandae dicta corrupti
vero aliquam illum ipsam neque nam eaque! Vitae officiis ipsa
incidunt. Cumque, consequuntur dolores modi dignissimos animi at
labore numquam officia, voluptatum magni libero quis qui non?
Excepturi, totam. Ex facere nostrum natus accusantium optio!
</p>
<a href="https://www.rekhta.org/poets/allama-iqbal/all" target="_blank"
>Click here to Read More</a>
</article>
<article>
<!-- title -->
<h2>Philosopher, poet and politician</h2>
<img src="https://image.slidesharecdn.com/allamaiqbal-160505105644/95/allama-iqbal-2-638.jpg?cb=1462445952" />
<!-- summary -->
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa quasi
nesciunt illo nemo placeat exercitationem. Rerum non vel voluptatem
ratione incidunt nisi eligendi magnam maiores sequi earum porro
reiciendis reprehenderit ducimus, labore repudiandae dicta corrupti
vero aliquam illum ipsam neque nam eaque! Vitae officiis ipsa
incidunt. Cumque, consequuntur dolores modi dignissimos animi at
labore numquam officia, voluptatum magni libero quis qui non?
Excepturi, totam. Ex facere nostrum natus accusantium optio!
</p>
<a href="https://indianexpress.com/article/explained/who-was-allama-iqbal-and-what-was-his-role-in-the-creation-of-pakistan-6080521/" target="_blank"
>Click here to Read More </a
>
</article>
</article>
</main>
<footer>
<p>@ Hanan's blog on Muhammad Iqbal 2021</p>
</footer>
</body>
</html>