-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
61 lines (58 loc) · 3.18 KB
/
index2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assests/css/bootstrap.min.css">
<title>Document</title>
</head>
<body>
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-7">
<div class="section-title position-relative pb-3 mb-5">
<h5 class="fw-bold text-primary text-uppercase">About Us</h5>
<h1 class="mb-0">The Best IT Solution With 10 Years of Experience</h1>
</div>
<p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum et tempor sit. Aliqu diam amet
diam
et eos labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo
justo
et tempor eirmod magna dolore erat amet</p>
<div class="row g-0 mb-3">
<div class="col-sm-6 wow zoomIn" data-wow-delay="0.2s"
style="visibility: visible; animation-delay: 0.2s; animation-name: zoomIn;">
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Award Winning</h5>
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Professional Staff</h5>
</div>
<div class="col-sm-6 wow zoomIn" data-wow-delay="0.4s"
style="visibility: visible; animation-delay: 0.4s; animation-name: zoomIn;">
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>24/7 Support</h5>
<h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Fair Prices</h5>
</div>
</div>
<div class="d-flex align-items-center mb-4 wow fadeIn" data-wow-delay="0.6s"
style="visibility: visible; animation-delay: 0.6s; animation-name: fadeIn;">
<div class="bg-primary d-flex align-items-center justify-content-center rounded"
style="width: 60px; height: 60px;">
<i class="fa fa-phone-alt text-white"></i>
</div>
<div class="ps-4">
<h5 class="mb-2">Call to ask any question</h5>
<h4 class="text-primary mb-0">+012 345 6789</h4>
</div>
</div>
<a href="quote.html" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s"
style="visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;">Request A Quote</a>
</div>
<div class="col-lg-5" style="min-height: 500px;">
<div class="position-relative h-100">
<img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s"
src="img/about.jpg"
style="object-fit: cover; visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;">
</div>
</div>
</div>
</div>
</body>
</html>