File size: 17.15Kb
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="description" content="Hazze Template">
<meta name="keywords" content="Hazze, unica, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hazze | Template</title>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700,800,900&display=swap"
rel="stylesheet">
<!-- Css Styles -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/themify-icons.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header Section Begin -->
<header class="header-section">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-2">
<div class="logo">
<a href="#">
<img src="img/logo.png" alt="">
</a>
</div>
</div>
<div class="col-lg-10 col-md-10">
<div class="main-menu mobile-menu">
<ul>
<li><a href="./index.html">Home</a></li>
<li class="active"><a href="./about-us.html">About Us</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./gallery.html">Gallery</a>
<ul class="dropdown">
<li><a href="#">Naoh</a></li>
<li><a href="#">Padis</a></li>
<li><a href="#">Jacob</a></li>
<li><a href="#">Gomez</a></li>
</ul>
</li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div id="mobile-menu-wrap"></div>
</div>
</header>
<!-- Header End -->
<!-- Breadcrumb Section Begin -->
<section class="breadcrumb-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="breadcrumb-option">
<a href="#">Home</a>
<span>About Us</span>
</div>
</div>
<div class="col-lg-6 col-md-6 text-right">
<div class="breadcrumb-text">
<h3>About Us</h3>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Section End -->
<!-- About Us Section Begin -->
<section class="about-us-section spad">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="as-pic">
<img src="img/about-us.jpg" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="as-text ap-text">
<div class="section-title">
<span>About us</span>
<h2>About Story</h2>
</div>
<p class="f-para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. </p>
<p class="s-para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod.Tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. </p>
<div class="about-counter">
<div class="ac-item">
<h2 class="ab-count">8384</h2>
<p>Member</p>
</div>
<div class="ac-item">
<h2 class="ab-count">6880</h2>
<p>Partner</p>
</div>
<div class="ac-item">
<h2 class="ab-count">1546</h2>
<p>Branch</p>
</div>
<div class="ac-item">
<h2 class="ab-count">4677</h2>
<p>Designs</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Us Section End -->
<!-- Member Section Begin -->
<section class="member-section spad ap-member">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<span>Our Team</span>
<h2>Top Designers</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="member-item set-bg" data-setbg="img/member/member-1.jpg">
<div class="mi-text">
<p>Quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="mt-title">
<h4>Jacob Gomez</h4>
<span>Designer</span>
</div>
<div class="mt-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member-item set-bg" data-setbg="img/member/member-2.jpg">
<div class="mi-text">
<p>Quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="mt-title">
<h4>Jacob Gomez</h4>
<span>Designer</span>
</div>
<div class="mt-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member-item set-bg" data-setbg="img/member/member-3.jpg">
<div class="mi-text">
<p>Quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="mt-title">
<h4>Jacob Gomez</h4>
<span>Designer</span>
</div>
<div class="mt-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member-item set-bg" data-setbg="img/member/member-4.jpg">
<div class="mi-text">
<p>Quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="mt-title">
<h4>Jacob Gomez</h4>
<span>Designer</span>
</div>
<div class="mt-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member-item set-bg" data-setbg="img/member/member-5.jpg">
<div class="mi-text">
<p>Quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="mt-title">
<h4>Jacob Gomez</h4>
<span>Designer</span>
</div>
<div class="mt-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="member-item set-bg" data-setbg="img/member/member-6.jpg">
<div class="mi-text">
<p>Quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<div class="mt-title">
<h4>Jacob Gomez</h4>
<span>Designer</span>
</div>
<div class="mt-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Member Section End -->
<!-- Call To Action Section Begin -->
<section class="callto-section set-bg" data-setbg="img/ctc-bg.jpg">
<div class="container">
<div class="row">
<div class="col-lg-10 m-auto">
<div class="ctc-text">
<h2>We Create Trends For The World</h2>
<p>Donec faucibus consequat ante. Mauris eget mi sed ex efficitur porta id non quam. Cras
aliquam turpis tellus, quis laoreet lacus congue sed. Nullam at est quis urna vestibulum
interdum. Praesent auctor leo ut massa ultrices tempor.</p>
<a href="#" class="primary-btn ctc-btn">Work With Us</a>
</div>
</div>
</div>
</div>
</section>
<!-- Call To Action Section End -->
<!-- Footer Section Begin -->
<section class="footer-section">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-option">
<div class="fo-logo">
<a href="#">
<img src="img/logo.png" alt="">
</a>
</div>
<ul>
<li>Address: 60-49 Road 11378 New York</li>
<li>Phone: +65 11.188.888</li>
<li>Email: hello.colorlib@gmail.com</li>
</ul>
<div class="fo-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-widget fw-links">
<h5>Useful Links</h5>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Model</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Serivius</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-widget">
<h5>Join The Newsletter</h5>
<p>Get E-mail updates about our latest shop and special offers.</p>
<form action="#" class="news-form">
<input type="text" placeholder="Enter your mail">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="footer-widget">
<h5>Instagram</h5>
<div class="insta-pic">
<img src="img/instagram/instagram-1.jpg" alt="">
<img src="img/instagram/instagram-2.jpg" alt="">
<img src="img/instagram/instagram-3.jpg" alt="">
<img src="img/instagram/instagram-4.jpg" alt="">
<img src="img/instagram/instagram-5.jpg" alt="">
<img src="img/instagram/instagram-6.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="copyright-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="ti-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
</div>
</section>
<!-- Footer Section End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/mixitup.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>