-
Notifications
You must be signed in to change notification settings - Fork 5
/
blog1.html
57 lines (51 loc) · 2.94 KB
/
blog1.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
<!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>Blog Page </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="css/blogDesign.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
</head>
<body>
<section>
<div class="container-fluid">
<h1>When I went backpacking across western Europe </h1>
<hr>
<h2>15th August 2021 </h2>
</div>
<div class="container blog-content">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam accumsan interdum orci,
at euismod libero porta ac. Suspendisse aliquet nisi ac magna placerat rutrum.
Donec vitae porttitor nibh. Integer molestie a augue eu volutpat. Praesent neque mauris,
pellentesque sed commodo in, pulvinar at nisl. Vestibulum et pellentesque mauris. Nulla facilisis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam accumsan interdum orci, at euismod <br><br>
Donec vitae porttitor nibh. Integer molestie a augue eu volutpat. Praesent neque mauris,
pellentesque sed commodo in, pulvinar at nisl. Vestibulum et pellentesque mauris. Nulla facilisis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam accumsan interdum orci, at euismod libero porta ac.
Suspendisse aliquet nisi ac magna placerat rutrum. <br><br>
Donec vitae porttitor nibh. Integer molestie a augue eu volutpat.
Praesent neque mauris, pellentesque sed commodo in, pulvinar at nisl.
Vestibulum et pellentesque mauris. Nulla facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam accumsan interdum orci, at euismod libero porta ac. Suspendisse aliquet nisi ac magna placerat rutrum.
Donec vitae porttitor nibh. Integer molestie a augue eu volutpat. Praesent neque mauris,
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam accumsan interdum orci,
at euismod libero porta ac. Suspendisse aliquet nisi ac magna placerat rutrum.
Donec vitae porttitor nibh.
</p>
</div>
<footer>
<!-- <div class="container"> -->
<img class="footer-image" src="images/design.png" alt="">
<!-- </div> -->
</footer>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
</body>
</html>