-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
137 lines (134 loc) · 6.59 KB
/
about.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
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Aboout Us | Robert J. Allen</title>
</head>
<body>
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close">
<span class="icofont-close js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<header class="header">
<nav class="site-nav">
<div class="container">
<div class="menu-bg-wrap">
<div class="site-navigation">
<div class="row g-0 align-items-center">
<div class="col-6 col-lg-2">
<a href="index.html" class="logo m-0 float-left">Robert J. Allen</a>
</div>
<div class="col-8 text-center d-none d-lg-inline-block">
<ul class="js-clone-nav d-none d-lg-inline-block text-left site-menu mx-auto">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="col-6 col-lg-2">
<div class="d-flex">
<div class="ms-auto">
<a href="javascript:void(0)" class="call-us d-flex align-items-center">
<span class="icon-phone fa-solid fa-phone me-3"></span>
<span>123-489-9381</span>
</a>
</div>
<a href="javascript:void(0)"
class="burger mt-1 ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light"
data-toggle="collapse" data-target="#main-navbar">
<span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="section bg-custom-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 mt-5 text-center">
<h2 class="heading">About us</h2>
</div>
</div>
</div>
</section>
<section class="section sec-about-me">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="section-heading">
<h3 class="heading">I'm Robert J. Allen</h3>
</div>
<p class="text-white-50">Far far away, behind the word mountains, far from the countries Vokalia and
Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the
coast of the Semantics, a large language ocean.</p>
<p class="mb-5 text-white-50">A small river named Duden flows by their place and supplies it with
the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly
into your mouth.</p>
</div>
<div class="col-lg-6 bg-1">
<div class="img-wrap">
<img src="assets/images/about-img.avif" alt="Image" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="widget">
<h3>Contact</h3>
<address class="text-white-50">Akshya Nagar 1st Block 1st Cross, Rammurthy nagar,
Bangalore-560016</address>
<ul class="list-unstyled links">
<li><a href="tel:1112223333">+1(111)-222-3333</a></li>
<li><a href="maitlo:[email protected]">[email protected]</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h3>Quick Links</h3>
<ul class="list-unstyled float-start links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h3>Social Links</h3>
<ul class="list-unstyled social">
<li><a href="javascript:void(0)"><span class="fa-brands fa-instagram"></span></a></li>
<li><a href="javascript:void(0)"><span class="fa-brands fa-twitter"></span></a></li>
<li><a href="javascript:void(0)"><span class="fa-brands fa-facebook"></span></a></li>
<li><a href="javascript:void(0)"><span class="fa-brands fa-linkedin"></span></a></li>
<li><a href="javascript:void(0)"><span class="fa-brands fa-pinterest"></span></a></li>
<li><a href="javascript:void(0)"><span class="fa-brands fa-dribbble"></span></a></li>
</ul>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12 text-center">
<p class="text-white-50">Copyright © 2024 All rights reserved</p>
</div>
</div>
</div>
</footer>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>