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
107 lines (88 loc) · 4.94 KB
/
index.html
File metadata and controls
107 lines (88 loc) · 4.94 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
<!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>Travel 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 -->
<div class="container">
<header>
<h1>The Travel</h1>
<h1>Binder</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</header>
<img class= "cover-img" src="https://media.audleytravel.com/-/media/images/home/indian-subcontinent/india/country-guides/kerala-for-the-first-time-visitor/75667681_kerala_house_boat_3000x1000.jpg?q=79&w=1920&h=640" alt="cover image" />
<hr>
<section>
<article>
<h2 id="heading">Beautiful Places</h2>
<div class="section-one">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSQdXFGUh5vPqCCZD6yh68dTci7jmC0PdGXrw&usqp=CAU" alt=""/>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,
as opposed to using 'Content here, content here', making it look like readable English.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,
as opposed to using 'Content here, content here', making it look like readable English.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,
as opposed to using 'Content here, content here', making it look like readable English</p>
</div>
</article>
<hr>
<article>
<h2 class="heading">Travel Tips</h2>
<div class="section-two">
<figure>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvM6skHH4eG6H666rEtB0gGEAhFt6hUUglwA&usqp=CAU" alt=""/>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSQKDDDbmZuSDnnbQ7ygm0MgqJ2JkdYTCmLmQ&usqp=CAU" alt=""/>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRtJP9YMoV7m8QBvmHOAW5cj7ptA6FvUquiyw&usqp=CAU" alt=""/>
<img src="https://www.columbusdirect.com/media/30364/lets-go-travel-tips.jpg?" alt=""/>
<figcaption>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </figcaption>
</figure>
</div>
</article>
<hr>
<article>
<h2>Join the Adventure</h2>
<div class="section-three">
<figure>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTyaWtuuyd4l7W0s1n7xTS1PUsFIHQLgvlWug&usqp=CAU" alt=""/>
<a href="https://www.incredibleindia.org/content/incredible-india-v2/en/blogs.html" target="_blank" >View Site</a>
<figcaption>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</figcaption>
</figure>
<figure>
<img src="https://static.toiimg.com/photo/77652252/oie_2095710glh9nB1O.jpg?width=748&resize=4" alt=""/>
<a href="https://www.incredibleindia.org/content/incredible-india-v2/en/blogs.html" target="_blank" >View Site</a>
<figcaption>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</figcaption>
</figure>
<figure>
<img src="https://static.toiimg.com/thumb/76405061/kerala.jpg?width=1200&height=900" alt=""/>
<a href="https://www.incredibleindia.org/content/incredible-india-v2/en/blogs.html" target="_blank" >View Site</a>
<figcaption>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</figcaption>
</figure>
</div>
</article>
<hr>
</section>
</div>
<footer>
<h5>THe Travel Binder </h5>
</footer>
</body>
</html>