Skip to content

GitLab

Commit 65bcd010 authored by Jakub Vagner's avatar Jakub Vagner 🎱
Browse files

bootstrap nova sablona, snad final

parent c8552981
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2452 additions and 3318 deletions
app/Presenters/templates/@design.latte
View file @ 65bcd010
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Obec Měšice</title>
<link rel="stylesheet" href="{$basePath}/assets/fontawesome-5.5/css/all.min.css" />
<link rel="stylesheet" href="{$basePath}/assets/slick/slick.css">
<link rel="stylesheet" href="{$basePath}/assets/slick/slick-theme.css">
<link rel="stylesheet" href="{$basePath}/assets/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="{$basePath}/assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="{$basePath}/assets/css/tooplate-infinite-loop.css" />
<!--
Tooplate 2117 Infinite Loop
https://www.tooplate.com/view/2117-infinite-loop
-->
</head>
<body>
<!-- Hero section -->
<section id="infinite" class="text-white tm-font-big tm-parallax">
<!-- Navigation -->
<nav class="navbar navbar-expand-md tm-navbar" id="tmNav">
<div class="container">
<div class="tm-next">
<a href="#infinite" class="navbar-brand">Obec Měšice</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars navbar-toggler-icon"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#infinite">Home</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#whatwedo">O obci</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#testimonials">Lidé obce</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#gallery">Volný čas</a>
</li>
<li class="nav-item">
<a class="nav-link tm-nav-link" href="#contact">Kontaktujte nás</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="text-center tm-hero-text-container">
<div class="tm-hero-text-container-inner">
<h2 class="tm-hero-title">Obec Měšice</h2>
<p class="tm-hero-subtitle">
Oficiální webové stránky
</p>
</div>
</div>
<div class="tm-next tm-intro-next">
<a href="#whatwedo" class="text-center tm-down-arrow-link">
<i class="fas fa-2x fa-arrow-down tm-down-arrow"></i>
</a>
</div>
</section>
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>blogger</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="{$basePath}/assets/css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="{$basePath}/assets/css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="{$basePath}/assets/css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="{$basePath}/assets/images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="{$basePath}/assets/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">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout">
<!-- header -->
<header>
<!-- header inner -->
<div class="head_top">
<div class="header">
<div class="container-fluid">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
<div class="full">
<div class="center-desk">
<div class="logo">
<a href="#"><img src="{$basePath}/assets/images/logo.png" alt="#" /></a>
</div>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
<nav class="navigation navbar navbar-expand-md navbar-dark ">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
......@@ -63,10 +87,10 @@
<a class="nav-link" href="/homepage/"> Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="/homepage/about/">About</a>
<a class="nav-link" href="/homepage/about/">O obci</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
<a class="nav-link" href="#contact">Kontaktujte nás</a>
</li>
</ul>
</div>
......@@ -77,6 +101,11 @@
</div>
<footer class="text-center small tm-footer">
<p class="mb-0">
Copyright &copy; 2022 Obec Měšice
</footer>
<!-- end header inner -->
<!-- end header -->
......
www/assets/css/animate.min.css deleted 100644 → 0
View file @ c8552981
This diff is collapsed.
www/assets/css/bootstrap.min.css
View file @ 65bcd010
This source diff could not be displayed because it is too large. You can view the blob instead.
www/assets/css/jquery-ui.css deleted 100644 → 0
View file @ c8552981
This diff is collapsed.
www/assets/css/jquery.mCustomScrollbar.min.css deleted 100644 → 0
View file @ c8552981
This diff is collapsed.
www/assets/css/meanmenu.css deleted 100644 → 0
View file @ c8552981
/*--------------------------------------------------------------------- File Name: meanmenu.css ---------------------------------------------------------------------*/
a.meanmenu-reveal {
display: none;
}
.mean-container .mean-bar {
background: #000;
float: left;
min-height: 40px;
padding: 5px 0;
position: relative;
width: 100%;
z-index: 999;
margin-top: 15px;
}
.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: #0f69c6 ;
color: #ffffff;
}
.mean-container .mean-nav ul li a:hover {
color: #ef4259 ;
}
www/assets/css/nice-select.css deleted 100644 → 0
View file @ c8552981
/*---------------------------------------------------------------------
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;
}
www/assets/css/normalize.css deleted 100644 → 0
View file @ c8552981
/*! 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;
}
www/assets/css/owl.carousel.min.css deleted 100644 → 0
View file @ c8552981
/**
* 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%}
\ No newline at end of file
www/assets/css/responsive.css deleted 100644 → 0
View file @ c8552981
/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/
/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1500px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
.awesome {font-size: 19px; padding-bottom: 20px; line-height: 25px;}
.padding_flot {font-size: 17px; padding-bottom: 0px; line-height: 25px;}
.our_text_box p {padding-bottom: 15px; padding-bottom: 15px; font-size: 16px;
line-height: 25px;}
ul.padding_left2 li img {padding: 0px 5px 0px 11px;}
.flot_left1 {font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.navigation.navbar-dark .navbar-nav .nav-link {
padding: 0 14px;
}
.our_text_box {
padding: 20px;
}
.hiuouh {padding-bottom: 25px !important;}
.padding_bottom1 {
padding-bottom: 30px;
}
.Testimonial_box p ,.Testimonial_box h4 ,.Testimonial .titlepage {padding-left: 60px;}
}
@media (min-width: 576px) and (max-width: 767px) {
.head_top {
background: url(../images/banner.png);
}
.mean-container .mean-bar {
margin-top: 0px;
}
.text-bg h1 {
font-size: 50px;
line-height: 80px;
}
.text-bg {
padding-right: 0;
}
.text-img {
text-align: center;
}
.banner_main {
padding: 30px 0 90px 0;
}
.he_img {
height: 496px;
}
.Testimonial_box i::after {content: inherit;}
.padding_bottom1 {padding-bottom: 30px;}
.padding_bottom2 {padding-bottom: 30px;}
.our_text_box { padding: 20px;}
ul.padding_left2 li img {padding: 0px 10px 0px 19px;}
.Testimonial_box h4 {padding-top: 30px;}
.Testimonial .titlepage {
text-align: center;
padding-bottom: 50px;
}
.main_form {margin:0; padding: 50px 20px;}
.navigation.navbar {
float: right;
display: inherit !important;
padding: 0;
width: 100%;
}
.navigation .navbar-collapse {
background: #02fee5;
padding: 20px;
margin-top: 46px;
position: absolute;
width: 100%;
margin-right: 20px;
z-index: 999;
}
.navigation.navbar-dark .navbar-nav .nav-link {
padding: 10px 0;
color: #000;
}
.navigation.navbar-dark .navbar-toggler {
border: inherit;
float: right;
padding-top: 6px;
}
.navigation.navbar-dark .navbar-toggler-icon {
background: url(../images/menu_icon.png);
background-repeat: no-repeat;
}
}
@media (max-width: 575px) {
.head_top {
background: url(../images/banner.png);
}
.header {
padding: 30px 0px 0px 0px;
}
.logo {
text-align: center !important;
padding-bottom: 6px;
float: left;
}
.text-bg h1 {
font-size: 33px;
line-height: 51px;
}
.banner_main {
padding: 30px 0 90px 0;
}
.text-img {
text-align: center;
}
.cont h3 {
font-size: 30px;
line-height: 45px;
}
ul.withi_color {padding-left: 4px;}
.padding_bottom2 {padding-bottom: 30px;}
.he_img {
height: 600px;
}
.Testimonial_box i::after {content: inherit;}
.padding_top3 {padding-top: 20px;}
.pa_wi {padding-top: 20px; font-size: 19px; padding-bottom: 15px;}
.our_text_box {padding: 1px 5px 52px 5px;}
.padding_flot {
font-size: 19px;
line-height: 36px;
}
ul.like li img {
padding: 0px 5px 0px 8px;
}
.flot_left1 {font-size: 14px;}
.Testimonial_box h4 {padding-top: 30px;}
.Testimonial .titlepage {
text-align: center;
padding-bottom: 50px;
}
.main_form {margin:0; padding: 50px 20px;}
.navigation.navbar {
float: right;
display: inherit !important;
padding: 0;
width: 100%;
margin-top: -45px;
}
.navigation .navbar-collapse {
background: #02fee5;
padding: 20px;
margin-top: 46px;
position: absolute;
width: 100%;
margin-right: 20px;
z-index: 999;
}
.navigation.navbar-dark .navbar-nav .nav-link {
padding: 10px 0;
color: #000;
}
.navigation.navbar-dark .navbar-toggler {
float: right;
margin-right: 2px;
border: inherit;
}
.testimonial_box {
padding: 0px 19px 40px 20px;
}
.navigation.navbar-dark .navbar-toggler-icon {
background: url(../images/menu_icon.png);
background-repeat: no-repeat;
}
}
www/assets/css/style.css deleted 100644 → 0
View file @ c8552981
/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Baloo+Chettan&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Righteous&display=swap');
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
2) font-family: 'Poppins', sans-serif;
----------------------------------------*****/
/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/
@import url(animate.min.css);
@import url(normalize.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(slick.css);
@import url(jquery-ui.css);
@import url(nice-select.css);
/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/
* {
box-sizing: border-box !important;
}
html {
scroll-behavior: smooth;
}
body {
color: #666666;
font-size: 14px;
font-family: 'Lato', sans-serif;
line-height: 1.80857;
font-weight: normal;
}
a {
color: #1f1f1f;
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0;
font-weight: normal;
position: relative;
padding: 0 0 10px 0;
font-weight: normal;
line-height: normal;
color: #111111;
margin: 0
}
h1 {
font-size: 24px;
font-family: 'Righteous', cursive;
}
h2 {
font-size: 22px;
font-family: 'Righteous', cursive;
}
h3 {
font-size: 18px;
font-family: 'Righteous', cursive;
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px
}
h6 {
font-size: 13px
}
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #212121;
text-decoration: none!important;
opacity: 1
}
button:focus {
outline: none;
}
ul,
li,
ol {
margin: 0px;
padding: 0px;
list-style: none;
}
p {
margin: 0px;
font-weight: 300;
font-size: 17px;
line-height: 28px;
}
a {
color: #222222;
text-decoration: none;
outline: none !important;
}
a,
.btn {
text-decoration: none !important;
outline: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
img {
max-width: 100%;
height: auto;
}
:focus {
outline: 0;
}
.btn-custom {
margin-top: 20px;
background-color: transparent !important;
border: 2px solid #ddd;
padding: 12px 40px;
font-size: 16px;
}
.lead {
font-size: 18px;
line-height: 30px;
color: #767676;
margin: 0;
padding: 0;
}
.form-control:focus {
border-color: #ffffff !important;
box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}
.navbar-form input {
border: none !important;
}
.badge {
font-weight: 500;
}
blockquote {
margin: 20px 0 20px;
padding: 30px;
}
button {
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.full {
float: left;
width: 100%;
}
.layout_padding {
padding-top: 90px;
padding-bottom: 90px;
}
.layout_padding_2 {
padding-top: 75px;
padding-bottom: 75px;
}
.light_silver {
background: #f9f9f9;
}
.theme_bg {
background: #38c8a8;
}
.margin_top_30 {
margin-top: 30px !important;
}
.full {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
/**-- heading section --**/
/*---------------------------- preloader area ----------------------------*/
.main-layout {
background-repeat: no-repeat;
background: url(../images/body_bg.png);
}
.loader_bg {
position: fixed;
z-index: 9999999;
background: #fff;
width: 100%;
height: 100%;
}
.loader {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
.loader img {
width: 280px;
}
/*-- navigation--*/
.navigation.navbar {
padding-top: 12px;
float: right;
}
.navigation.navbar-dark .navbar-nav .nav-link {
padding: 0 25px;
color: #fff;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.navigation.navbar-dark .navbar-nav .nav-link:focus,
.navigation.navbar-dark .navbar-nav .nav-link:hover {
color: #000;
}
.navigation.navbar-dark .navbar-nav .active>.nav-link,
.navigation.navbar-dark .navbar-nav .nav-link.active,
.navigation.navbar-dark .navbar-nav .nav-link.show,
.navigation.navbar-dark .navbar-nav .show>.nav-link {
color: #fdd430;
}
/*-- header area --*/
/*--------------------------------------------------------------------- top banner area ---------------------------------------------------------------------*/
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
.head_top {
background: url(../images/banner1.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.header {
width: 100%;
background: transparent;
padding: 30px 30px;
}
.logo a {
font-size: 40px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
line-height: 40px;
}
.banner_main {
padding: 90px 0 190px 0;
}
.text-bg {
text-align: left;
}
.text-bg h1 {
color: #02fee5;
font-size: 75px;
line-height: 110px;
font-weight: bold;
}
.text-bg p {
color: #fff;
font-size: 17px;
line-height: 28px;
padding: 40px 0;
}
.text-bg a {
font-size: 17px;
background-color: #fff;
color: #000;
padding: 13px 0px;
width: 100%;
max-width: 190px;
text-align: center;
display: inline-block;
transition: ease-in all 0.5s;
}
.text-bg a:hover {
background-color: #02fee5;
color: #000;
transition: ease-in all 0.5s;
border-radius: 26px;
}
.text-img {
text-align: left;
}
.white1 {color: #fff;}
.titlepage {
text-align: center;
padding-bottom: 60px;
}
.titlepage h2 {
font-size: 40px;
color: #3e3e3e;
line-height: 57px;
font-weight: bold;
padding: 0;
padding-bottom: 20px;
}
.d_flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
/** blog_main section **/
.blog_main {margin-top: 85px;}
.blog_main .span {font-size: 17px; line-height: 20px; color: #2d2d2d;}
.our_two_box {box-shadow: #ddd 0px 0px 10px 0px; margin-bottom: 90px;}
.our_text_box {padding: 1px 30px 1px 1px;}
.our_img figure {margin: 0;}
.our_img figure img {width: 100%;}
.awesome {padding-bottom:40px; font-size: 26px; line-height: 38px; color:#333334; }
.our_text_box p {padding-bottom: 50px; color: #3c3c3c; display: inline-block; }
.flot_left1 {float: left; padding: 0;}
ul.like {float: right;}
ul.like li {display: inline-block;}
ul.like li a {display: inline-block; color: #3c3c3c;}
ul.like li img {padding: 0px 10px 0px 40px;}
/** secend section **/
.position_box {position: absolute; bottom: 0; padding: 0px 20px 20px 20px;}
.withi_color {color: #fff;}
.position_box p {color: #fff;}
ul.withi_color li a {color: #fff;}
ul.withi_color {float: left; padding-left: 40px;}
/** end secend section **/
/** end three section **/
.padding_flot {
padding-bottom:0;
display: inline-block;
float: left;
font-size: 20px;
padding-right: 14px;
}
.three_box {padding: 20px 20px; box-shadow: #ddd 0px 0px 10px 0px;}
.three_box p {padding-bottom: 0; padding-top: 15px;}
ul.padding_left2 li img {padding: 0px 10px 0px 30px;}
/** end three section **/
/** end for section **/
.magna_top90 {margin-top: 90px;}
/** end for section **/
/** end blog_main section **/
/** Testimonial section **/
.Testimonial {
background: url(../images/test_bg.jpg);
background-repeat: no-repeat;
padding: 60px 0px;
background-position: center;
background-size: 100% 100%;
}
.Testimonial .titlepage {text-align: left; padding-bottom: 15px;}
.Testimonial .titlepage h2 {
color: #fff;
margin-bottom: 0px;
padding-bottom: 0px;
}
.Testimonial .titlepage span {
color: #fff;
}
.Testimonial_box i {
border: #e6e1e1 solid 10px;
width: 220px;
height: 220px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
border-radius: 210px;
cursor: pointer;
background: #6ad0bc;
padding: 8px;
}
.Testimonial_box i::after {
position: absolute;
content: "";
width: 50px;
height: 50px;
top: -16px;
left: 34px;
display: inline-block;
border: #ddd solid 6px;
border-radius: 30px;
background: #6ad0bc;
}
.Testimonial_box {
text-align: left;
}
.Testimonial_box h4 {
color: #fff;
text-transform: uppercase;
font-size: 20px;
line-height: 20px;
font-weight: 400;
padding: 0;
}
.Testimonial_box p {
color: #fff;
font-size: 17px;
line-height: 28px;
padding: 25px 0 0px 0;
}
/** end Testimonial section **/
/** contact section **/
.padd_leri0 {
padding-left: 0;
padding-right: 0;
}
.contact .titlepage span {
font-size: 17px;
line-height: 28px;
}
.contact {
padding-top: 90px;
}
.main_form {
padding: 50px 50px;
border: #046c58 solid 1px;
margin: 0px 80px;
}
.contact .main_form .form_contril {
border: #046c58 solid 1px;
margin-bottom: 20px;
width: 100%;
height: 45px;
background: #fff;
color: #046c58;
font-size: 17px;
border-top: 0;
border-right: 0;
border-left: 0;
}
.contact .main_form .textarea {
border: #046c58 solid 1px;
margin-bottom: 20px;
width: 100%;
height: 60px;
background: #fff;
color: #046c58;
font-size: 17px;
border-top: 0;
border-right: 0;
border-left: 0;
}
.contact .main_form .send_btn {
font-size: 17px;
transition: ease-in all 0.5s;
background-color: #000;
text-transform: uppercase;
color: #fff;
padding: 13px 0px;
float: right;
display: block;
margin-top: 30px;
width: 100%;
max-width: 190px;
}
.contact .main_form .send_btn:hover {
background-color: #046c58;
transition: ease-in all 0.5s;
color: #fff;
border-radius: 26px;
}
#contact *::placeholder {
color: #046c58;
opacity: 1;
}
.current {
color: #fff;
margin-top: -4px;
position: absolute;
}
.con_img figure {
margin: 0;
}
.con_img figure img {
width: 100%;
}
/** end contact section **/
.read_more {
font-size: 17px;
background-color: #fff;
color: #000;
padding: 13px 0px;
width: 100%;
max-width: 190px;
text-align: center;
display: inline-block;
transition: ease-in all 0.5s;
border-radius: 10px;
}
.read_more:hover {
background: #000;
color: #fff;
border-radius: 26px;
transition: ease-in all 0.5s;
}
/** footer **/
.multi {
color: #046c58;
}
.footer {
background: #fff;
}
.cont {
text-align: center;
margin-top: 80px;
}
.cont h3 {
font-family: 'Righteous', cursive;
font-size: 30px;
line-height: 45px;
color: #23262d;
font-weight: bold;
padding-bottom: 30px;
}
.cont span {
color: #fff;
font-size: 30px;
line-height: 30px;
padding: 30px 0px 30px 0px;
display: inline-block;
font-weight: bold;
}
.cont p {
color: #fff;
font-size: 17px;
line-height: 30px;
padding: 0 130px;
padding-bottom: 60px;
}
ul.social_icon {
text-align: center;
}
ul.social_icon li {
display: inline-block;
margin: 0 3px;
}
ul.social_icon li a {
background: #fff;
box-shadow: #ddd 0px 0px 10px 0px;
font-size: 22px;
padding-top: 5px;
border-radius: 50px;
width: 50px;
height: 50px;
display: inline-block;
color: #000000;
}
ul.social_icon li a:hover {
background: #046c58;
color: #fff;
}
.copyright {
padding: 20px 0px;
background: #046c58;
margin-top: 50px;
position: relative;
}
.copyright p {
color: #fff;
font-size: 18px;
line-height: 22px;
text-align: center;
}
.copyright a {
color: #fff;
}
.copyright a:hover {
color: #000;
}
/** end footer **/
www/assets/css/tooplate-infinite-loop.css 0 → 100644
View file @ 65bcd010
/*
Tooplate 2117 Infinite Loop
https://www.tooplate.com/view/2117-infinite-loop
*/
@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900");
body {
font-family: "Raleway", sans-serif;
font-size: 1.2em;
color: #707070;
margin: 0;
padding: 0;
overflow-x: hidden;
}
a {
transition: all 0.3s ease;
color: #38B;
}
a:hover,
a:focus {
text-decoration: none;
color: #D40;
}
a:focus {
outline: none;
}
.btn {
padding: 8px 32px;
}
.btn:hover {
background-color: #ced4da;
}
blockquote {
font-size: 0.86em;
line-height: 1.8em;
}
.tm-section-pad-top {
padding-top: 80px;
padding-bottom: 40px;
}
.tm-content-box {
padding-top: 20px;
padding-bottom: 40px;
}
.tm-text-primary {
color: #37A;
}
.tm-font-big {
font-size: 1.25rem;
}
.tm-btn-primary {
color: white;
background-color: #369;
padding: 14px 30px;
}
.tm-btn-primary:hover,
.tm-btn-primary:focus {
color: white;
background-color: #38B;
}
/* Navbar */
.tm-navbar {
position: fixed;
width: 100%;
z-index: 1000;
background-color: transparent;
transition: all 0.3s ease;
}
.tm-navbar.scroll {
background-color: white;
border-bottom: 1px solid #e9ecef;
}
.navbar-brand {
color: white;
font-size: 1.4rem;
font-weight: bold;
}
.navbar-brand:hover,
.tm-navbar.scroll .navbar-brand:hover {
color: #38B;
}
.tm-navbar.scroll .navbar-brand {
color: #369;
}
.nav-item {
list-style: none;
}
.tm-nav-link {
color: white;
}
.tm-navbar.scroll .tm-nav-link {
color: #369;
}
.tm-navbar.scroll .tm-nav-link:hover,
.tm-navbar.scroll .tm-nav-link.current,
.tm-nav-link:hover {
color: #FFF;
background-color: #369;
}
.navbar-toggler {
border: 1px solid white;
padding-left: 10px;
padding-right: 10px;
}
.navbar-toggler-icon {
color: white;
padding-top: 6px;
}
.tm-navbar.scroll .navbar-toggler {
border: 1px solid #707070;
}
.tm-navbar.scroll .navbar-toggler-icon {
color: #707070;
}
/* Hero */
#infinite {
background-color: #222;
background-image: url(../img/infinite-loop-01.jpg);
background-repeat: no-repeat;
height: 100vh;
min-height: 375px;
position: relative;
}
@media (min-height: 600px) and (min-width: 1920px) {
#infinite {
background-size: cover;
}
}
@media (min-height: 830px) {
#infinite {
background-position: center -210px;
}
}
@media (min-height: 680px) and (max-height: 829px) {
#infinite {
background-position: center -300px;
}
}
@media (min-height: 500px) and (max-height: 679px) {
#infinite {
background-position: center -400px;
}
}
@media (max-height: 499px) {
#infinite {
background-position: center -450px;
}
}
.tm-hero-text-container {
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
justify-content: center;
}
.tm-hero-text-container-inner {
margin-top: -90px;
}
.tm-hero-title {
font-size: 3.5rem;
text-shadow: 2px 2px 2px #333;
}
.tm-hero-subtitle {
text-shadow: 2px 2px 2px #333;
}
.tm-intro-next {
position: absolute;
bottom: 100px;
left: 0;
right: 0;
}
@media (max-height: 480px) {
.tm-hero-text-container-inner {
margin-top: -40px;
}
.tm-intro-next {
bottom: 20px;
}
}
.tm-down-arrow-link {
display: block;
margin-top: 18%;
}
.tm-down-arrow {
color: #FFF;
cursor: pointer;
background: #357;
padding: 15px 40px;
transition: all 0.3s ease;
}
.tm-down-arrow:hover,
.tm-down-arrow:focus {
color: #FFF;
background: #37A;
padding: 20px 50px;
}
/* Introduction */
#introduction {
padding-bottom: 100px;
}
.tm-section-title {
font-size: 2.6rem;
font-weight: normal;
}
.tm-intro-text {
font-size: 1.2rem;
}
.tm-icon {
display: block;
color: #37A;
}
.tm-continue {
padding: 20px 0 30px 0;
}
/* Testimonials */
#testimonials {
color: white;
background-image: url(../img/infinite-loop-02.jpg);
background-size: cover;
background-repeat: no-repeat;
background-size: 100%;
position: relative;
}
@media (max-width: 991px) {
#testimonials {
background-image: url(../img/infinite-loop-02-mobile.jpg);
}
}
.tm-testimonials-content {
position: relative;
z-index: 100;
}
.tm-bg-overlay {
width: 100%;
height: 100%;
background: rgba(20, 70, 80, 0.2);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.tm-testimonials-carousel {
max-width: 1050px;
margin: 0 auto;
}
.tm-testimonial-item {
max-width: 290px;
margin-left: 35px;
margin-right: 35px;
}
.tm-testimonial-item img {
border-radius: 50%;
margin-bottom: 35px;
}
.tm-testimonial-item figcaption {
text-align: right;
font-style: italic;
font-size: 1.1rem;
}
/* Work */
.tm-section-desc {
max-width: 650px;
width: 100%;
font-size: 0.9rem;
}
.tm-gallery-container {
padding-top: 70px;
padding-bottom: 120px;
}
.tm-gallery-item {
margin: 0 15px;
}
.slick-dots {
bottom: -65px;
}
.slick-dots li {
margin: 0 13px;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {
opacity: 1;
color: #3ba0dd;
}
.tm-testimonials-carousel .slick-dots li button:before {
color: white;
opacity: 0.5;
}
.tm-testimonials-carousel .slick-dots li button:hover:before,
.tm-testimonials-carousel .slick-dots li button:focus:before,
.tm-testimonials-carousel .slick-dots li.slick-active button:before {
color: white;
opacity: 1;
}
.slick-dots li button:before {
font-size: 18px;
}
/* Hover Effect */
/* Common style */
.grid figure {
position: relative;
float: left;
overflow: hidden;
background: #3085a3;
text-align: center;
cursor: pointer;
}
.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
opacity: 0.8;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h2 {
word-spacing: -0.15em;
font-size: 0.9em;
font-weight: 300;
}
.grid figure h2 span {
font-weight: 600;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
/*---------------*/
/***** Honey *****/
/*---------------*/
figure.effect-honey {
background: #4a3753;
max-width: 220px;
}
figure.effect-honey img {
opacity: 1;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-honey:hover img {
opacity: 0.4;
}
figure.effect-honey figcaption::before {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #38C;
content: "";
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
figure.effect-honey h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 1em 1.5em;
width: 100%;
text-align: left;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-honey h2 i {
font-style: normal;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
figure.effect-honey figcaption::before,
figure.effect-honey h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.tm-container-gallery {
padding-top: 30px;
}
/* Contact */
#contact {
color: white;
background-color: #001828;
background-image: url(../img/infinite-loop-03.jpg);
background-position: center;
background-repeat: no-repeat;
min-height: 980px;
position: relative;
padding-bottom: 50px;
padding-top: 100px;
}
.contact-item {
margin-left: 20px;
margin-bottom: 50px;
}
.item-link {
display: flex;
align-items: center;
}
.item-link i,
.item-link span {
color: white;
transition: all 0.3s ease;
}
.item-link:hover i,
.item-link:hover span {
color: #3496d8;
}
.tm-input {
margin: 0 0 20px 0;
width: 90%;
padding: 8px 20px;
border-radius: 6px;
border: 1px solid white;
background: transparent;
color: white;
}
.tm-btn-submit {
font-size: 0.9em;
color: #fff;
background-color: #369;
width: 50%;
margin-bottom: 60px;
}
.tm-btn-submit:hover {
color: #fff;
background-color: #38B;
}
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: white;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: white;
}
.tm-footer {
position: absolute;
bottom: 35px;
left: 0;
right: 0;
padding: 0 15px;
}
.tm-footer a {
color: #fff;
}
.tm-footer a:hover {
color: #9CF;
}
.tm-footer-link {
color: white;
}
.tm-footer-link:hover,
.tm-footer-link:focus {
color: #38B;
text-decoration: none;
}
p {
line-height: 1.9;
}
@media (min-width: 768px) {
.tm-intro-text-container {
padding-left: 0px;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1275px;
}
.tm-container-gallery {
max-width: 1290px;
}
.tm-container-contact {
max-width: 1063px;
}
}
@media (max-width: 991px) {
.tm-intro-text-container {
padding-left: 15px;
padding-top: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.tm-intro-img {
display: block;
margin-left: auto;
margin-right: auto;
}
.tm-btn-submit {
margin-left: 0;
margin-top: 20px;
}
}
@media (max-width: 767px) {
.navbar-nav {
max-width: 200px;
text-align: right;
}
.navbar-collapse {
background-color: rgb(255, 255, 255);
padding: 10px;
border-radius: 3px;
}
.navbar-collapse .nav-link {
color: #707070;
padding-right: 20px;
}
}
@media (max-width: 480px) {
.tm-gallery-container {
max-width: 220px;
margin-left: auto;
margin-right: auto;
}
.tm-gallery-container-2 {
max-width: 350px;
}
.slick-dots li {
margin: 0 8px;
}
.tm-gallery-item {
margin: 0;
}
}
www/assets/fontawesome-5.5/LICENSE.txt 0 → 100644
View file @ 65bcd010
Font Awesome Free License
-------------------------
Font Awesome Free is free, open source, and GPL friendly. You can use it for
commercial projects, open source projects, or really almost whatever you want.
Full Font Awesome Free license: https://fontawesome.com/license/free.
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
In the Font Awesome Free download, the CC BY 4.0 license applies to all icons
packaged as SVG and JS file types.
# Fonts: SIL OFL 1.1 License (https://scripts.sil.org/OFL)
In the Font Awesome Free download, the SIL OLF license applies to all icons
packaged as web and desktop font files.
# Code: MIT License (https://opensource.org/licenses/MIT)
In the Font Awesome Free download, the MIT license applies to all non-font and
non-icon files.
# Attribution
Attribution is required by MIT, SIL OLF, and CC BY licenses. Downloaded Font
Awesome Free files already contain embedded comments with sufficient
attribution, so you shouldn't need to do anything additional when using these
files normally.
We've kept attribution comments terse, so we ask that you do not actively work
to remove them from files, especially code. They're a great way for folks to
learn about Font Awesome.
# Brand Icons
All brand icons are trademarks of their respective owners. The use of these
trademarks does not indicate endorsement of the trademark holder by Font
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
to represent the company, product, or service to which they refer.**
www/assets/fontawesome-5.5/css/all.min.css 0 → 100644
View file @ 65bcd010
This diff is collapsed.
www/assets/fontawesome-5.5/webfonts/fa-brands-400.eot 0 → 100644
View file @ 65bcd010
File added
www/assets/fontawesome-5.5/webfonts/fa-brands-400.svg 0 → 100644
View file @ 65bcd010
This diff is collapsed.
www/assets/fontawesome-5.5/webfonts/fa-brands-400.ttf 0 → 100644
View file @ 65bcd010
File added
www/assets/fontawesome-5.5/webfonts/fa-brands-400.woff 0 → 100644
View file @ 65bcd010
File added
www/assets/fontawesome-5.5/webfonts/fa-brands-400.woff2 0 → 100644
View file @ 65bcd010
File added
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment