-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
186 lines (177 loc) · 10.5 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Catalog-Z About page</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<!--
TemplateMo 556 Catalog-Z
https://templatemo.com/tm-556-catalog-z
-->
</head>
<body>
<!-- Page Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<i class="fas fa-film mr-2"></i>
Catalog-Z
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link nav-link-1" href="index.html">Photos</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-2" href="videos.html">Videos</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-3 active" aria-current="page" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-4" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="tm-hero d-flex justify-content-center align-items-center" data-parallax="scroll" data-image-src="img/hero.jpg"></div>
<div class="container-fluid tm-mt-60">
<div class="row mb-4">
<h2 class="col-12 tm-text-primary">
About Catalog-Z Website Template
</h2>
</div>
<div class="row tm-mb-74 tm-row-1640">
<div class="col-lg-5 col-md-6 col-12 mb-3">
<img src="img/about.jpg" alt="Image" class="img-fluid">
</div>
<div class="col-lg-7 col-md-6 col-12">
<div class="tm-about-img-text">
<p class="mb-4">
You may support TemplateMo website by making <a href="https://paypal.me/templatemo" target="_parent" rel="sponsored">a small contribution</a> via PayPal. This will be helpful for us. We hope you like this Catalog-Z photo / video template for your website. We are making new templates regularly for you. Please come back and visit our <a rel="sponsored" href="https://templatemo.com" target="_parent">TemplateMo website</a> again. </p>
<p>
Credits go to Pexels and Unsplash for photos and video used in this template. Catalog-Z is free <a rel="sponsored" href="https://v5.getbootstrap.com/">Bootstrap 5</a> Alpha 2 HTML Template designed for video and photo websites.</p>
<p>You are <b>allowed</b> to use this template for your commercial or non-commercial websites. You can integrate it with any kind of CMS website. You are <b>NOT allowed</b> to redistribute the downloadable template ZIP file on any template collection website. Please <a rel="nofollow" href="https://templatemo.com/contact" target="_parent">contact us</a> for more information. Thank you.</p>
</div>
</div>
</div>
<div class="row tm-mb-50">
<div class="col-md-6 col-12">
<div class="tm-about-2-col">
<h2 class="tm-text-primary mb-4">
Left side of 2-Column content
</h2>
<p class="mb-4">
Pellentesque urna odio, scelerisque eu mauris vitae, vestibulum sodales neque. Ut augue justo, tincidunt nec aliquet ac, cursus vel augue. Suspendisse vel quam imperdiet, sodales tellus sed, ullamcorper lorem.
</p>
<p>
Suspendisse id consequat risus. Aliquam varius posuere nunc, nec imperdiet neque condimentum at. Aenean porta eleifend venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
<div class="col-md-6 col-12">
<div class="tm-about-2-col">
<h2 class="tm-text-primary mb-4">
Right-side Title goes here
</h2>
<p class="mb-4">
Pellentesque urna odio, scelerisque eu mauris vitae, vestibulum sodales neque. Ut augue justo, tincidunt nec aliquet ac, cursus vel augue. Suspendisse vel quam imperdiet, sodales tellus sed, ullamcorper lorem.
</p>
<p>
Suspendisse id consequat risus. Aliquam varius posuere nunc, nec imperdiet neque condimentum at. Aenean porta eleifend venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</p>
</div>
</div>
</div> <!-- row -->
<div class="row tm-mb-50">
<div class="col-md-4 col-12">
<div class="tm-about-3-col">
<div class="tm-about-icon-container mb-5">
<i class="fas fa-desktop fa-3x tm-text-primary"></i>
</div>
<h2 class="tm-text-primary mb-4">Three-column title one</h2>
<p class="mb-4">Integer tristique arcu scelerisque mauris posuere convallis. Fusce egestas ipsum sapien, hendrerit ultricies nisi viverra eget. Vestibulum in tortor eget elit rutrum interdum. </p>
<p>Cras auctor velit urna, et feugiat ex tincidunt ut. Sed viverra, elit at pulvinar tristique, sem quam vehicula dolor, sed scelerisque augue mauris non dolor.</p>
</div>
</div>
<div class="col-md-4 col-12">
<div class="tm-about-3-col">
<div class="tm-about-icon-container mb-5">
<i class="fas fa-mobile-alt fa-3x tm-text-primary"></i>
</div>
<h2 class="tm-text-primary mb-4">Title two of three-column</h2>
<p class="tm-mb-50">Donec nec est tincidunt, rhoncus nulla sit amet, imperdiet augue. Phasellus sodales placerat ipsum ac auctor. Mauris molestie blandit turpis. Mauris ante tellus, feugiat nec metus non, bibendum semper velit.</p>
<div class="text-center">
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
<div class="col-md-4 col-12">
<div class="tm-about-3-col">
<div class="tm-about-icon-container mb-5">
<i class="fas fa-photo-video fa-3x tm-text-primary"></i>
</div>
<h2 class="tm-text-primary mb-4">Third Title goes here</h2>
<p class="mb-4">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec nec est tincidunt, rhoncus nulla sit amet, imperdiet augue. </p>
<p>Phasellus sodales placerat ipsum ac auctor. Mauris molestie blandit turpis. Mauris ante tellus, feugiat nec metus non, bibendum semper velit.</p>
</div>
</div>
</div>
</div> <!-- container-fluid, tm-container-content -->
<footer class="tm-bg-gray pt-5 pb-3 tm-text-gray tm-footer">
<div class="container-fluid tm-container-small">
<div class="row">
<div class="col-lg-6 col-md-12 col-12 px-5 mb-5">
<h3 class="tm-text-primary mb-4 tm-footer-title">About Catalog-Z</h3>
<p>Catalog-Z is free Bootstrap 5 Alpha 2 HTML Template for video and photo websites. You can freely use this TemplateMo layout for a front-end integration with any kind of CMS website.</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12 px-5 mb-5">
<h3 class="tm-text-primary mb-4 tm-footer-title">Our Links</h3>
<ul class="tm-footer-links pl-0">
<li><a href="#">Advertise</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Our Company</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12 px-5 mb-5">
<ul class="tm-social-links d-flex justify-content-end pl-0 mb-5">
<li class="mb-2"><a href="https://facebook.com"><i class="fab fa-facebook"></i></a></li>
<li class="mb-2"><a href="https://twitter.com"><i class="fab fa-twitter"></i></a></li>
<li class="mb-2"><a href="https://instagram.com"><i class="fab fa-instagram"></i></a></li>
<li class="mb-2"><a href="https://pinterest.com"><i class="fab fa-pinterest"></i></a></li>
</ul>
<a href="#" class="tm-text-gray text-right d-block mb-2">Terms of Use</a>
<a href="#" class="tm-text-gray text-right d-block">Privacy Policy</a>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-md-7 col-12 px-5 mb-3">
Copyright 2020 Catalog-Z Company. All rights reserved.
</div>
<div class="col-lg-4 col-md-5 col-12 px-5 text-right">
Designed by <a href="https://templatemo.com" class="tm-text-gray" rel="sponsored" target="_parent">TemplateMo</a>
</div>
</div>
</div>
</footer>
<script src="js/plugins.js"></script>
<script>
$(window).on("load", function() {
$('body').addClass('loaded');
});
</script>
</body>
</html>