-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
84 lines (70 loc) · 3.92 KB
/
aboutus.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale= 1.0">
<title>Mo's Blog</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel = "stylesheet" type = "text/css" href = "./../css/aboutus.css" />
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-expand-sm navbar-dark bg-dark sticky-top">
<div class="container">
<a class="navbar-brand" href="index.html">Mo's Blog!</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#iddd">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="iddd">
<ul class="navbar-nav ml-auto justify-content-end">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contactus.html">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link "href="Aboutus.html">About Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<br>
<br>
<br>
<br>
<br>
<section id="about" class="section-padding about-section">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="section_title"><br>
<div class="section_subtitle">About Us</div>
<h2 class="section_main_title"> WELCOME TO OUR <strong>TRAVEL BLOG</strong></h2>
</div>
<div class="about-item">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit imperdiet tortor, eu vehicula magna lacinia varius. Nam ornare quis risus id porttitor. Duis mollis, magna vel sollicitudin faucibus, tellus est venenatis felis, eu lacinia purus augue ac ligula. Quisque et nisi vel orci pulvinar consequat. Sed laoreet dui sit amet mauris condimentum, sed bibendum tellus placerat. Mauris efficitur auctor varius. Vestibulum non magna quam. Donec nec lorem sed odio bibendum fermentum. Sed fermentum lacinia sapien, quis malesuada sem lobortis quis. Suspendisse sit amet tristique turpis, a dapibus urna. Praesent lorem orci, porttitor non volutpat vitae, varius eget nisl. Cras et odio eget ante iaculis molestie.
</p>
<div class="hgt-20"></div>
<div class="home-button"><br>
<a href="" class="btn-color-background">Read More</a>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-offset-2">
<div class="about-box">
<div class="box-overlay"></div>
<img src="./../images/aboutus.png" alt="about us illustration" width="650" height="450">
</div>
</div>
</div>
</div>
</section>
</body>
</html>