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
99 lines (93 loc) · 3.9 KB
/
index.html
File metadata and controls
99 lines (93 loc) · 3.9 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
<!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>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header class = "header">
<h1>Travel With Me!</h1>
<p>
I share my travel experiences around the world in an affordable way.
Anybody who wants to travel the world without spending a fortune, you are at the right place.
</p>
</header>
<main>
<article>
<br>
<span>7 Things To Do In Italy</span>
<br /> <br>
<img
src="https://images.thrillophilia.com/image/upload/s--FvcpuFsS--/c_fill,h_600,q_auto,w_975/f_auto,fl_strip_profile/v1/images/photos/000/187/492/original/1577972413_shutterstock_1046762236.jpg.jpg?1577972413"
alt="Milan Cathedral" <br />
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste
consequatur numquam impedit autem. Molestias aperiam sequi
excepturi, at, ea perspiciatis numquam quasi magnam deleniti,
sapiente praesentium voluptatum quos iure optio? Modi enim alias
magnam earum, nesciunt odit culpa ratione? Impedit, voluptate.
Reprehenderit deleniti sed officia, fugit nisi quibusdam voluptatem
cum, nobis recusandae aliquid assumenda ratione impedit iste vero
maxime laborum.
</p>
<br>
</article>
<article>
<br>
<span>Top 5 Greece Islands You Must See</span>
<br /> <br>
<img
src="https://content.skyscnr.com/m/458b816026d42882/original/GettyImages-164015369.jpg?crop=1048px:699px&quality=100"
alt="Santorini" <br />
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste
consequatur numquam impedit autem. Molestias aperiam sequi
excepturi, at, ea perspiciatis numquam quasi magnam deleniti,
sapiente praesentium voluptatum quos iure optio? Modi enim alias
magnam earum, nesciunt odit culpa ratione? Impedit, voluptate.
Reprehenderit deleniti sed officia, fugit nisi quibusdam voluptatem
cum, nobis recusandae aliquid assumenda ratione impedit iste vero
maxime laborum.
</p>
<br>
</article>
<article>
<br>
<span>10 Tips For Cheaper Travel</span>
<br /> <br>
<img src="https://travelwahala.com/wp-content/uploads/2019/11/travelling-world-cheap.jpg" alt="Travel Foto"
<br />
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iste
consequatur numquam impedit autem. Molestias aperiam sequi
excepturi, at, ea perspiciatis numquam quasi magnam deleniti,
sapiente praesentium voluptatum quos iure optio? Modi enim alias
magnam earum, nesciunt odit culpa ratione? Impedit, voluptate.
Reprehenderit deleniti sed officia, fugit nisi quibusdam voluptatem
cum, nobis recusandae aliquid assumenda ratione impedit iste vero
maxime laborum.
</p>
<br>
</article>
</main>
<footer>
<p>For more travel tips please contact: [email protected]</p>
<p>To see more options please visit: </p>
<a href="https://www.tripadvisor.co.uk/">Trip Advisor</a>
<p>All rights reserved.</p>
</footer>
</body>
</html>