first commit
This commit is contained in:
Beyhan Oğur
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
# Nuxt dev/build outputs
|
||||||
|
.output
|
||||||
|
.data
|
||||||
|
.nuxt
|
||||||
|
.nitro
|
||||||
|
.cache
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Node dependencies
|
||||||
|
node_modules
|
||||||
|
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
|
||||||
|
# Misc
|
||||||
|
.DS_Store
|
||||||
|
.fleet
|
||||||
|
.idea
|
||||||
|
|
||||||
|
# Local env files
|
||||||
|
.env
|
||||||
|
.env.*
|
||||||
|
!.env.example
|
||||||
75
README.md
Normal file
75
README.md
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
# Nuxt Minimal Starter
|
||||||
|
|
||||||
|
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
|
||||||
|
|
||||||
|
## Setup
|
||||||
|
|
||||||
|
Make sure to install dependencies:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm install
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm install
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn install
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun install
|
||||||
|
```
|
||||||
|
|
||||||
|
## Development Server
|
||||||
|
|
||||||
|
Start the development server on `http://localhost:3000`:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run dev
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm dev
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn dev
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
## Production
|
||||||
|
|
||||||
|
Build the application for production:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run build
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm build
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn build
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run build
|
||||||
|
```
|
||||||
|
|
||||||
|
Locally preview production build:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# npm
|
||||||
|
npm run preview
|
||||||
|
|
||||||
|
# pnpm
|
||||||
|
pnpm preview
|
||||||
|
|
||||||
|
# yarn
|
||||||
|
yarn preview
|
||||||
|
|
||||||
|
# bun
|
||||||
|
bun run preview
|
||||||
|
```
|
||||||
|
|
||||||
|
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
|
||||||
1143
Temp/blog-details.html
Normal file
1143
Temp/blog-details.html
Normal file
File diff suppressed because it is too large
Load Diff
1245
Temp/blog-sidebar-right.html
Normal file
1245
Temp/blog-sidebar-right.html
Normal file
File diff suppressed because it is too large
Load Diff
8
app/app.vue
Normal file
8
app/app.vue
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<template>
|
||||||
|
<NuxtLayout>
|
||||||
|
<NuxtPage />
|
||||||
|
</NuxtLayout>
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup>
|
||||||
|
|
||||||
|
</script>
|
||||||
121
app/components/FooterArea.vue
Normal file
121
app/components/FooterArea.vue
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<footer class="footer-area padding-top font-f-2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4 col-sm-6">
|
||||||
|
<div class="single-footer mr50 hadding2">
|
||||||
|
<div class="site-logo home1-site-logo">
|
||||||
|
<a href="#"
|
||||||
|
><img src="/assets/img/logo/header-logo1.svg" alt="" />
|
||||||
|
</a>
|
||||||
|
<span class="font-f-2">We’re hiring</span>
|
||||||
|
</div>
|
||||||
|
<div class="space30"></div>
|
||||||
|
<p class="font-f-2 font-16 line-height-26">
|
||||||
|
As a graphic designer, add motion to your skillset. Animate
|
||||||
|
whatever you create and tell your story in a magical way with
|
||||||
|
Artboard Studio.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg col-sm-6 hadding2">
|
||||||
|
<div class="single-footer">
|
||||||
|
<h3 class="font-f-1 font-20 weight-700 line-height-20">
|
||||||
|
Discover
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
<ul class="font-f-2 font-16 line-height-26 pera-c-1">
|
||||||
|
<li><a href="#">Learn</a></li>
|
||||||
|
<li><a href="blog.html">Blog</a></li>
|
||||||
|
<li><a href="#">Pricing</a></li>
|
||||||
|
<li><a href="#">Template Maker</a></li>
|
||||||
|
<li><a href="#">Mockup Generator</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg col-sm-6 hadding2">
|
||||||
|
<div class="single-footer">
|
||||||
|
<h3 class="font-f-2 font-20 weight-700 line-height-20">
|
||||||
|
Company
|
||||||
|
</h3>
|
||||||
|
<div>
|
||||||
|
<ul class="font-f-2 font-16 line-height-26 pera-c-1">
|
||||||
|
<li><a href="about.html">About us</a></li>
|
||||||
|
<li><a href="#">Licensing</a></li>
|
||||||
|
<li><a href="#">privacy Policy</a></li>
|
||||||
|
<li><a href="#">Terms of Use</a></li>
|
||||||
|
<li><a href="#">Refund Policy</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-3 col-sm-6 hadding2">
|
||||||
|
<div class="single-footer-contact">
|
||||||
|
<h3 class="font-f-2 font-20 weight-700 line-height-20">
|
||||||
|
Get in touch
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div class="foonter-contact-1">
|
||||||
|
<div class="foonter-contact-icon-1">
|
||||||
|
<div class="">
|
||||||
|
<img src="/assets/img/icons/footer-icon-1.svg" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foonter-contact-p">
|
||||||
|
<a href="tel:+910225850556">USA: +91 02 2585 0556</a>
|
||||||
|
<a href="tel:+610225850556">UK: +61 02 2585 0556</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foonter-contact-1">
|
||||||
|
<div class="foonter-contact-icon-1">
|
||||||
|
<div class="">
|
||||||
|
<img src="/assets/img/icons/footer-icon-2.svg" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foonter-contact-p">
|
||||||
|
<a href="mailto:Contacthelp@Demoui.co"
|
||||||
|
>Contacthelp@Demoui.co</a
|
||||||
|
>
|
||||||
|
<a href="mailto:Info@Demoui.co">Info@Demoui.co</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row align-items-center copyright2">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<p class="font-16 weight-400 font-f-2 line-height-16 pera-c-1">
|
||||||
|
© 2023 Avigo by fleexstudio. All Rights Reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6 text-right">
|
||||||
|
<div class="social social1 comon-footer-icons">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class="fa-brands fa-twitter"></i></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class="fa-brands fa-instagram"></i></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class="fa-brands fa-github"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
113
app/components/HeaderSection.vue
Normal file
113
app/components/HeaderSection.vue
Normal file
@@ -0,0 +1,113 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<header>
|
||||||
|
<div class="header-area d-none d-lg-block" id="header">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="header-elements">
|
||||||
|
<div class="site-logo home1-site-logo">
|
||||||
|
<a href="#"
|
||||||
|
><img src="/assets/img/logo/header-logo1.svg" alt=""/>
|
||||||
|
</a>
|
||||||
|
<span>We’re hiring</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="main-menu-ex main-menu-ex1">
|
||||||
|
<ul>
|
||||||
|
<li class="has-dropdown"><a href="#">Home <i class="fa-solid fa-angle-down"></i></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li class="has-dropdown has-dropdown1"><a href="index4.html">Multipage<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="index.html">Real Estate</a></li>
|
||||||
|
<li><a href="index2.html">Management</a></li>
|
||||||
|
<li><a href="index3.html">App landing</a></li>
|
||||||
|
<li><a href="index4.html">Web Hosting </a></li>
|
||||||
|
<li><a href="index5.html">Consulting </a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="has-dropdown has-dropdown1"><a href="index4.html">Landing Page<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="single-index1.html">Real Estate</a></li>
|
||||||
|
<li><a href="single-index2.html">Management</a></li>
|
||||||
|
<li><a href="single-index3.html">App landing</a></li>
|
||||||
|
<li><a href="single-index4.html">Web Hosting </a></li>
|
||||||
|
<li><a href="single-index5.html">Consulting </a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="about.html">About Us</a>
|
||||||
|
</li>
|
||||||
|
<li class="has-dropdown"><a href="#">Service <i class="fa-solid fa-angle-down"></i></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
|
||||||
|
<li class="has-dropdown has-dropdown1"><a href="index4.html">Our Service<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="service.html">Our Service 1</a></li>
|
||||||
|
<li><a href="service2.html">Our Service 2</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="service-details.html">Service Details</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown-menu-parrent"><a href="#">Pages <i class="fa-solid fa-angle-down"></i></a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="property.html">Property</a></li>
|
||||||
|
<li><a href="property-details.html">Property Details</a></li>
|
||||||
|
<li><a href="pricing-plan.html">Pricing Plan</a></li>
|
||||||
|
<li><a href="faq.html">FAQ</a></li>
|
||||||
|
<li><a href="team.html">Our Team</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
<li class="has-dropdown"><a href="#">Blog <i class="fa-solid fa-angle-down"></i></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li class="has-dropdown has-dropdown1"><a href="blog.html">Blog<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="blog.html">Our Blog</a></li>
|
||||||
|
<li><a href="blog-details.html">Blog Formets</a></li>
|
||||||
|
<li><a href="blog-sidebar-left.html">Blog Sidebar Left</a></li>
|
||||||
|
<li><a href="blog-sidebar-right.html">Blog Sidebar Right</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li><a href="blog-details.html">Single Blog</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li><a href="contact.html">Contact Us</a></li>
|
||||||
|
|
||||||
|
<li class="d-lg-none"><a href="#">Sign In / Sign up</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="header-site-btn">
|
||||||
|
<a href="#" class="home2-site-btn-1 font-f-2 weight-400 font-16 line-height-16">Sign In / Sign Up</a>
|
||||||
|
<a class="cta-btn font-f-2 weight-700" href="property.html">List Your Property</a>
|
||||||
|
</div>
|
||||||
|
<div class="mobile-menu-bar d-lg-none">
|
||||||
|
<i class="fas fa-bars"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
74
app/components/MobileHeader.vue
Normal file
74
app/components/MobileHeader.vue
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="mobile-header mobile-header-4 d-block d-lg-none ">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="mobile-header-elements">
|
||||||
|
<div class="mobile-logo">
|
||||||
|
<a href="index.html"><img src="/assets/img/logo/header-logo1.svg" alt=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="mobile-nav-icon">
|
||||||
|
<i class="fa-solid fa-bars"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mobile-sidebar d-block d-lg-none">
|
||||||
|
<div class="menu-close">
|
||||||
|
<i class="fa-solid fa-xmark"></i>
|
||||||
|
</div>
|
||||||
|
<div class="mobile-nav">
|
||||||
|
|
||||||
|
<ul class="mobile-nav-list">
|
||||||
|
<li><a href="#">Home</a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="single-index1.html">Real Estate</a></li>
|
||||||
|
<li><a href="single-index2.html">Project Management</a></li>
|
||||||
|
<li><a href="single-index3.html">Appland</a></li>
|
||||||
|
<li><a href="single-index4.html">Hostika </a></li>
|
||||||
|
<li><a href="single-index5.html">Insurance </a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="about.html">About Us</a></li>
|
||||||
|
|
||||||
|
<li><a href="#">Service</a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="service.html">Service</a></li>
|
||||||
|
<li><a href="service2.html">Service</a></li>
|
||||||
|
<li><a href="service-details.html">Service Details</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Blog</a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="blog.html">Blog</a></li>
|
||||||
|
<li><a href="blog-left-bar.html">Blog Left</a></li>
|
||||||
|
<li><a href="blog-right-bar.html">Blog Right</a></li>
|
||||||
|
<li><a href="blog-details.html">Blog Details</a></li>
|
||||||
|
<li><a href="blog-single.html">Single Blog</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li><a href="#">Pages</a>
|
||||||
|
<ul class="sub-menu">
|
||||||
|
<li><a href="property.html">Property</a></li>
|
||||||
|
<li><a href="property-details.html">Property Details</a></li>
|
||||||
|
<li><a href="pricing-plan.html">Pricing Plan</a></li>
|
||||||
|
<li><a href="team.html">Our Team</a></li>
|
||||||
|
<li><a href="faq.html">Our Faq</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="contact.html">Contact Us</a></li>
|
||||||
|
<li><a href="#">Sign In / Sign up </a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
19
app/components/PaginaContainer.vue
Normal file
19
app/components/PaginaContainer.vue
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="paginacontainer">
|
||||||
|
|
||||||
|
<div class="progress-wrap">
|
||||||
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||||
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
24
app/components/Paginate.vue
Normal file
24
app/components/Paginate.vue
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="row text-center">
|
||||||
|
<div class="col-12 m-auto text-center">
|
||||||
|
<div class="theme-pagination text-center">
|
||||||
|
<ul>
|
||||||
|
<li><a href="#"><i class="fa-solid fa-angle-left"></i></a></li>
|
||||||
|
<li><a class="active" href="#">01</a></li>
|
||||||
|
<li><a href="#">02</a></li>
|
||||||
|
<li>...</li>
|
||||||
|
<li><a href="#">12</a></li>
|
||||||
|
<li><a href="#"><i class="fa-solid fa-angle-right"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
40
app/components/SubsribeStart.vue
Normal file
40
app/components/SubsribeStart.vue
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="subsribe-all sp2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-7">
|
||||||
|
<div class="all-subsribe-hadding">
|
||||||
|
<h1
|
||||||
|
class="font-f-2 weight-700 font-30 font-lg-45 line-height-30 line-height-lg-45 font-w"
|
||||||
|
>
|
||||||
|
Get the properties you're interested in delivered straight to
|
||||||
|
your inbox.
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-5">
|
||||||
|
<div class="comon-subsribe-all-input">
|
||||||
|
<input type="email" placeholder="Enter your email here" />
|
||||||
|
<div class="subsribe-btn">
|
||||||
|
<div class="home2-btn">
|
||||||
|
<button type="submit"
|
||||||
|
class="font-18 line-height-30 weight-700 font-f-2 font-w"
|
||||||
|
>
|
||||||
|
Get Notified
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
23
app/components/TagsClouds.vue
Normal file
23
app/components/TagsClouds.vue
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="single-widget widget_tag_cloud">
|
||||||
|
<h3 class="font-f-2">Tags</h3>
|
||||||
|
<div class="space10"></div>
|
||||||
|
<div class="tagcloud">
|
||||||
|
<a href="#" class="font-f-2">Healthcare</a>
|
||||||
|
<a href="#" class="font-f-2">Consult</a>
|
||||||
|
<a href="#" class="font-f-2">Cahless</a>
|
||||||
|
<a href="#" class="font-f-2">Cyberattacks</a>
|
||||||
|
<a href="#" class="font-f-2">Meeting</a>
|
||||||
|
<a href="#" class="font-f-2">Leadership</a>
|
||||||
|
<a href="#" class="font-f-2">Health Insurace</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
74
app/components/home/BlogPage.vue
Normal file
74
app/components/home/BlogPage.vue
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
import Paginate from "~/components/Paginate.vue";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="col-lg-8">
|
||||||
|
<div class="blogs padding-right">
|
||||||
|
<article class="post-blog post-format-image">
|
||||||
|
<div class="single-blog">
|
||||||
|
<div class="execution-images">
|
||||||
|
<div class="execution-img1">
|
||||||
|
<img src="/assets/img/shapes/service-details-shaop-bg.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="execution-img2">
|
||||||
|
<img src="/assets/img/image/service-details-img.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="execution-img3">
|
||||||
|
<img src="/assets/img/shapes/service-details-shape.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="author-bio mt-4 mb-3">
|
||||||
|
<div class="author-name">
|
||||||
|
<a href="#" class="font-f-2"><i class="fa-solid fa-user"></i> Miro koyetin</a>
|
||||||
|
</div>
|
||||||
|
<div class="blog-category">
|
||||||
|
<a href="#" class="font-f-2"><i class="fa-solid fa-tag"></i>Lifestyle</a>
|
||||||
|
</div>
|
||||||
|
<div class="blog-date">
|
||||||
|
<a href="#" class="font-f-2"><i class="fa-solid fa-calendar-days"></i>18 March 2023</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hadding2">
|
||||||
|
<h4 class="font-f-2 font-24 line-height-28 weight-500"><a href="blog-single.html">We leverage
|
||||||
|
technology to solve challenges for your business.</a></h4>
|
||||||
|
|
||||||
|
<div class="space32"></div>
|
||||||
|
|
||||||
|
<p class="details-p-hadding font-18 line-height-18 weight-500 font-f-2">Client completes business
|
||||||
|
questionnaire</p>
|
||||||
|
<div class="space16"></div>
|
||||||
|
<p class="font-f-2 weight-400 line-height-28 font-16">After an initial complimentary phone call
|
||||||
|
consultation, for new and potential clients we then conduct an initial assessment, which reviews
|
||||||
|
and covers the current or potential business opportunities to made marketing strategies,
|
||||||
|
marketplace competitive analysis, social media presence and other specific an assessments as
|
||||||
|
needed to determine the best recommendations to improve client productivity, ensure efficiency,
|
||||||
|
and generate revenue immediately. This aids in the discovery process for both client and
|
||||||
|
consultant hen have a two hour meeting to discuss your business goals and provide.</p>
|
||||||
|
|
||||||
|
<div class="space40"></div>
|
||||||
|
<p class="details-p-hadding font-18 line-height-18 weight-500 font-f-2">Client completes business
|
||||||
|
questionnaire</p>
|
||||||
|
<div class="space24"></div>
|
||||||
|
<p class="font-f-2 weight-400 line-height-28 font-16">After an initial complimentary phone call
|
||||||
|
consultation, for new and potential clients we then conduct an initial assessment, which reviews
|
||||||
|
and covers the current or potential business opportunities to made marketing strategies,
|
||||||
|
marketplace competitive analysis, social media presence and other specific an assessments as
|
||||||
|
needed to determine the best recommendations to improve client productivity, ensure efficiency,
|
||||||
|
and generate revenue immediately. This aids in the discovery process for both client and
|
||||||
|
consultant hen have a two hour meeting to discuss your business goals and provide.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
<div class="space60"></div>
|
||||||
|
<Paginate/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
27
app/components/home/PagesHeroHeader.vue
Normal file
27
app/components/home/PagesHeroHeader.vue
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="pages-hero">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="page-hadding hadding2">
|
||||||
|
<h1
|
||||||
|
class="font-f-2 weight-700 font-40 font-lg-60 line-height-48 line-height-lg-65">
|
||||||
|
Blog <span class="after">sidebar right</span>
|
||||||
|
</h1>
|
||||||
|
<p class="font-f-2 font-16 weight-500 line-height-16"><a href="index.html">Home</a> <span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span> Blog <span><i class="fa-solid fa-angle-right"></i></span>
|
||||||
|
Blog Details </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
14
app/components/home/Preloader.vue
Normal file
14
app/components/home/Preloader.vue
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div id="preloader">
|
||||||
|
<div id="loader"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
32
app/components/home/WidgetCategories.vue
Normal file
32
app/components/home/WidgetCategories.vue
Normal file
@@ -0,0 +1,32 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="single-widget widget_categories">
|
||||||
|
<h3 class="font-f-2">Blog Category</h3>
|
||||||
|
<div class="space10"></div>
|
||||||
|
<div class="blog-category-list">
|
||||||
|
<ul>
|
||||||
|
<li><a class="active font-f-2" href="#">Excutive consultant (10) <span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||||
|
<li><a href="#" class="font-f-2">Marketing & advertising (12) <span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||||
|
<li><a href="#" class="font-f-2">Accounbility & execution (08)<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||||
|
<li><a href="#" class="font-f-2">Business planning (21)<span><i class="fa-solid fa-angle-right"></i></span></a>
|
||||||
|
</li>
|
||||||
|
<li><a href="#" class="font-f-2">Privet planning (13)<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||||
|
<li><a href="#" class="font-f-2">Mutual invest planning (06)<span><i
|
||||||
|
class="fa-solid fa-angle-right"></i></span></a></li>
|
||||||
|
<li><a href="#" class="font-f-2">Project managment (1)<span><i class="fa-solid fa-angle-right"></i></span></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
71
app/components/home/WidgetRecentPost.vue
Normal file
71
app/components/home/WidgetRecentPost.vue
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="single-widget single-widget-post-sidebar">
|
||||||
|
<h3 class="font-f-2">Search</h3>
|
||||||
|
|
||||||
|
<div class="recent-post">
|
||||||
|
<div class="">
|
||||||
|
<div class="recent-img">
|
||||||
|
<img src="/assets/img/image/blog-details-side1.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-post-content">
|
||||||
|
<div class="blog-date-time">
|
||||||
|
<ul class="blog-date">
|
||||||
|
<li><img src="/assets/img/icons/date.svg" alt=""> 11/02/2022</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6><a href="blog-details.html" class="font-f-2">Leadership Burnout: What causes it and how avoid
|
||||||
|
it.</a></h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="recent-post">
|
||||||
|
<div class="">
|
||||||
|
<div class="recent-img">
|
||||||
|
<img src="/assets/img/image/blog-details-side2.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="recent-post-content">
|
||||||
|
<div class="blog-date-time">
|
||||||
|
<ul class="blog-date">
|
||||||
|
<li><img src="/assets/img/icons/date.svg" alt=""> 11/02/2022</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6><a href="blog-details.html" class="font-f-2">New Consulting For All Kind Offer Finance...</a>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="recent-post">
|
||||||
|
<div class="">
|
||||||
|
<div class="recent-img">
|
||||||
|
<img src="/assets/img/image/blog-details-side3.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="recent-post-content">
|
||||||
|
<div class="blog-date-time">
|
||||||
|
<ul class="blog-date">
|
||||||
|
<li><img src="/assets/img/icons/date.svg" alt=""> 11/02/2022</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h6><a href="blog-details.html" class="font-f-2">What we are capable to usually discovered...</a>
|
||||||
|
</h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
19
app/components/home/WidgetSearch.vue
Normal file
19
app/components/home/WidgetSearch.vue
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="single-widget widget_search">
|
||||||
|
<h3 class="font-f-2">Search</h3>
|
||||||
|
<div class="search-form-widget">
|
||||||
|
<form action="#">
|
||||||
|
<input type="search" placeholder="Type keyword here">
|
||||||
|
<button type="submit" class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
31
app/components/home/WidgetSidebarImgBox.vue
Normal file
31
app/components/home/WidgetSidebarImgBox.vue
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="sidebar-img-box-all text-center">
|
||||||
|
<div class="sidebar-img">
|
||||||
|
<img src="/assets/img/image/sidebar-box-img.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="sidebar-box-hadding">
|
||||||
|
<div class="space16"></div>
|
||||||
|
<h4><a href="#" class="font-f-2 font-20 line-height-20 weight-500 font-w">Alex Blake</a></h4>
|
||||||
|
<div class="space24"></div>
|
||||||
|
<p class="font-f-2 font-16 line-height-26 weight-400 font-w">When it comes to business, listen to
|
||||||
|
Henry David Thoreau: things usually don’t happen overnight – instead, to find success takes a lot of
|
||||||
|
time, effort, and courage. Opus includes everything you need to build a beautiful website.</p>
|
||||||
|
</div>
|
||||||
|
<div class="details-side-box-icon">
|
||||||
|
<div class="space24"></div>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||||||
|
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
23
app/components/home/WidgetTagCloud.vue
Normal file
23
app/components/home/WidgetTagCloud.vue
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="single-widget widget_tag_cloud">
|
||||||
|
<h3 class="font-f-2">Tags</h3>
|
||||||
|
<div class="space10"></div>
|
||||||
|
<div class="tagcloud">
|
||||||
|
<a href="#" class="font-f-2">Healthcare</a>
|
||||||
|
<a href="#" class="font-f-2">Consult</a>
|
||||||
|
<a href="#" class="font-f-2">Cahless</a>
|
||||||
|
<a href="#" class="font-f-2">Cyberattacks</a>
|
||||||
|
<a href="#" class="font-f-2">Meeting</a>
|
||||||
|
<a href="#" class="font-f-2">Leadership</a>
|
||||||
|
<a href="#" class="font-f-2">Health Insurace</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
98
app/layouts/default.vue
Normal file
98
app/layouts/default.vue
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<slot />
|
||||||
|
<div class="progress-wrap">
|
||||||
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||||
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
useHead({
|
||||||
|
title: 'Blog details Sidebar Right || Avigo Multipurpose Theme',
|
||||||
|
meta: [
|
||||||
|
{ charset: 'utf-8' },
|
||||||
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' },
|
||||||
|
],
|
||||||
|
link: [
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/bootstrap.min.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/font-awesome-pro.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/magnific-popup.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/owl.carousel.min.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/slick-slider.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/meanmenu.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/typography.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/preloader.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/mobile-menu.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/header.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/footer.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/aos.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/fonts.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/blog-page.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/nice-select.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/modal-video.min.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/responsive.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/comon.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/avigo-unit.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/assets/css/avigo-core.css' },
|
||||||
|
{ rel: 'stylesheet', href: '/style.css' }
|
||||||
|
],
|
||||||
|
script: [
|
||||||
|
{ src: '/assets/js/jquery-3-6-0.min.js', defer: true },
|
||||||
|
{ src: '/assets/js/bootstrap.min.js', defer: true },
|
||||||
|
{ src: '/assets/js/fontawesome.js', defer: true },
|
||||||
|
{ src: '/assets/js/owl.carousel.min.js', defer: true },
|
||||||
|
{ src: 'https://unpkg.com/aos@next/dist/aos.js', defer: true, crossorigin: 'anonymous' },
|
||||||
|
{ src: '/assets/js/jquery.magnific-popup.min.js', defer: true },
|
||||||
|
{ src: 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js', defer: true, crossorigin: 'anonymous' },
|
||||||
|
{ src: 'https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js', defer: true, integrity: 'sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3', crossorigin: 'anonymous' },
|
||||||
|
{ src: '/assets/js/slick-slider.js', defer: true },
|
||||||
|
{ src: '/assets/js/mobile-menu.js', defer: true },
|
||||||
|
{ src: '/assets/js/tilt.jquery.js', defer: true },
|
||||||
|
{ src: '/assets/js/jquery.lineProgressbar.js', defer: true },
|
||||||
|
{ src: '/assets/js/jquery.nice-select.js', defer: true },
|
||||||
|
{ src: '/assets/js/mobile-meanmenu.js', defer: true },
|
||||||
|
{ src: '/assets/js/modal-video.min.js', defer: true },
|
||||||
|
{ src: '/assets/js/main.js', defer: true },
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
// page-progress
|
||||||
|
var progressPath = document.querySelector(".progress-wrap path");
|
||||||
|
if (progressPath) {
|
||||||
|
var pathLength = progressPath.getTotalLength();
|
||||||
|
progressPath.style.transition = progressPath.style.WebkitTransition =
|
||||||
|
"none";
|
||||||
|
progressPath.style.strokeDasharray = pathLength + " " + pathLength;
|
||||||
|
progressPath.style.strokeDashoffset = pathLength;
|
||||||
|
progressPath.getBoundingClientRect();
|
||||||
|
progressPath.style.transition = progressPath.style.WebkitTransition =
|
||||||
|
"stroke-dashoffset 10ms linear";
|
||||||
|
var updateProgress = function () {
|
||||||
|
var scroll = $(window).scrollTop();
|
||||||
|
var height = $(document).height() - $(window).height();
|
||||||
|
var progress = pathLength - (scroll * pathLength) / height;
|
||||||
|
progressPath.style.strokeDashoffset = progress;
|
||||||
|
};
|
||||||
|
updateProgress();
|
||||||
|
$(window).scroll(updateProgress);
|
||||||
|
var offset = 50;
|
||||||
|
var duration = 550;
|
||||||
|
jQuery(window).on("scroll", function () {
|
||||||
|
if (jQuery(this).scrollTop() > offset) {
|
||||||
|
jQuery(".progress-wrap").addClass("active-progress");
|
||||||
|
} else {
|
||||||
|
jQuery(".progress-wrap").removeClass("active-progress");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
jQuery(".progress-wrap").on("click", function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
jQuery("html, body").animate({ scrollTop: 0 }, duration);
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
11
app/pages/auth/login.vue
Normal file
11
app/pages/auth/login.vue
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>Login Pages</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
11
app/pages/auth/register.vue
Normal file
11
app/pages/auth/register.vue
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>Register Pages</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
61
app/pages/index.vue
Normal file
61
app/pages/index.vue
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
<script setup lang="ts">
|
||||||
|
|
||||||
|
import Paginate from "~/components/Paginate.vue";
|
||||||
|
import FooterArea from "~/components/FooterArea.vue";
|
||||||
|
import SubsribeStart from "~/components/SubsribeStart.vue";
|
||||||
|
import TagsClouds from "~/components/TagsClouds.vue";
|
||||||
|
import WidgetSidebarImgBox from "~/components/home/WidgetSidebarImgBox.vue";
|
||||||
|
import WidgetRecentPost from "~/components/home/WidgetRecentPost.vue";
|
||||||
|
import WidgetCategories from "~/components/home/WidgetCategories.vue";
|
||||||
|
import WidgetSearch from "~/components/home/WidgetSearch.vue";
|
||||||
|
import BlogPage from "~/components/home/BlogPage.vue";
|
||||||
|
import PagesHeroHeader from "~/components/home/PagesHeroHeader.vue";
|
||||||
|
import MobileHeader from "~/components/MobileHeader.vue";
|
||||||
|
import HeaderSection from "~/components/HeaderSection.vue";
|
||||||
|
import Preloader from "~/components/home/Preloader.vue";
|
||||||
|
import PaginaContainer from "~/components/PaginaContainer.vue";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<Preloader/>
|
||||||
|
<!--=====progress START=======-->
|
||||||
|
<PaginaContainer/>
|
||||||
|
<!--=====progress END=======-->
|
||||||
|
<!--=====HEADER START=======-->
|
||||||
|
<HeaderSection/>
|
||||||
|
<!--=====HEADER END=======-->
|
||||||
|
<!--=====Mobile header start=======-->
|
||||||
|
<MobileHeader/>
|
||||||
|
<!--=====Mobile header end=======-->
|
||||||
|
<!--=====pages hero header end=======-->
|
||||||
|
<PagesHeroHeader/>
|
||||||
|
<!--=====pages hero header end=======-->
|
||||||
|
<div class="blog-page sp2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<BlogPage/>
|
||||||
|
<div class="col-lg-4 col-md-6">
|
||||||
|
<div class="widgets lg-ml-15">
|
||||||
|
<WidgetSearch/>
|
||||||
|
<WidgetCategories/>
|
||||||
|
<WidgetSidebarImgBox/>
|
||||||
|
<TagsClouds/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--=====SUBSRIBE START=======-->
|
||||||
|
<SubsribeStart/>
|
||||||
|
<!--=====SUBSRIBE END=======-->
|
||||||
|
<!--=====Footer start=======-->
|
||||||
|
<FooterArea/>
|
||||||
|
<!--=====Footer end=======-->
|
||||||
|
<!--================== sidebar===================== -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
10
content.config.ts
Normal file
10
content.config.ts
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
import { defineContentConfig, defineCollection } from '@nuxt/content'
|
||||||
|
|
||||||
|
export default defineContentConfig({
|
||||||
|
collections: {
|
||||||
|
content: defineCollection({
|
||||||
|
type: 'page',
|
||||||
|
source: '**/*.md'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
1
content/index.md
Normal file
1
content/index.md
Normal file
@@ -0,0 +1 @@
|
|||||||
|
## index MD
|
||||||
6
eslint.config.mjs
Normal file
6
eslint.config.mjs
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
// @ts-check
|
||||||
|
import withNuxt from './.nuxt/eslint.config.mjs'
|
||||||
|
|
||||||
|
export default withNuxt(
|
||||||
|
// Your custom configs here
|
||||||
|
)
|
||||||
64
nuxt.config.ts
Normal file
64
nuxt.config.ts
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
// https://nuxt.com/docs/api/configuration/nuxt-config
|
||||||
|
export default defineNuxtConfig({
|
||||||
|
compatibilityDate: '2025-07-15',
|
||||||
|
devtools: {enabled: true},
|
||||||
|
auth: {
|
||||||
|
// Full auth endpoint URL (origin + /api/auth). This prevents /session recursion.
|
||||||
|
// Prefer setting AUTH_ORIGIN in your environment (e.g. https://example.com)
|
||||||
|
baseURL: `${(
|
||||||
|
process.env.AUTH_ORIGIN ||
|
||||||
|
process.env.BASE_SITE_URL ||
|
||||||
|
`http://localhost:${process.env.PORT || 3000}`
|
||||||
|
).replace(/\/$/, '')}/api/auth`,
|
||||||
|
},
|
||||||
|
turnstile: {
|
||||||
|
siteKey: process.env.CLOUD_FLARE_SITE_KEY,
|
||||||
|
},
|
||||||
|
runtimeConfig: {
|
||||||
|
//private (server-side only - güvenli)
|
||||||
|
turnstile: {
|
||||||
|
// This can be overridden at runtime via the NUXT_TURNSTILE_SECRET_KEY
|
||||||
|
// environment variable.
|
||||||
|
secretKey: process.env.CLOUD_FLARE_SECRET,
|
||||||
|
},
|
||||||
|
yourOrigin: "",
|
||||||
|
apiSecret: "",
|
||||||
|
authOrigin: process.env.AUTH_ORIGIN,
|
||||||
|
jwtSecret: process.env.JWT_SECRET,
|
||||||
|
googleToken: process.env.NUXT_GOOGLE_TOKEN,
|
||||||
|
authSecret: process.env.NUXT_AUTH_SECRET,
|
||||||
|
githubClientId: process.env.GITHUB_CLIENT_ID,
|
||||||
|
githubClientSecret: process.env.GITHUB_CLIENT_SECRET,
|
||||||
|
googleClientId: process.env.GOOGLE_CLIENT_ID,
|
||||||
|
googleClientSecret: process.env.GOOGLE_CLIENT_SECRET,
|
||||||
|
public: {
|
||||||
|
//public (client-side accessible)
|
||||||
|
BASE_API_URL: process.env.BASE_API_URL,
|
||||||
|
BASE_SITE_URL: process.env.BASE_SITE_URL,
|
||||||
|
yourOrigin: "",
|
||||||
|
apiBase: "",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
modules: [
|
||||||
|
'@nuxt/content',
|
||||||
|
//'@nuxt/a11y',
|
||||||
|
'@nuxt/eslint',
|
||||||
|
'@nuxt/fonts',
|
||||||
|
'@nuxt/hints',
|
||||||
|
'@nuxt/icon',
|
||||||
|
'@nuxt/image',
|
||||||
|
'@nuxt/scripts',
|
||||||
|
"@sidebase/nuxt-auth",
|
||||||
|
"@pinia/nuxt",
|
||||||
|
'@nuxtjs/turnstile',
|
||||||
|
],
|
||||||
|
app: {
|
||||||
|
// head configuration moved to layouts/default.vue
|
||||||
|
},
|
||||||
|
vite: {
|
||||||
|
build: {
|
||||||
|
sourcemap: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
39
package.json
Normal file
39
package.json
Normal file
@@ -0,0 +1,39 @@
|
|||||||
|
{
|
||||||
|
"name": "dj_nuxt",
|
||||||
|
"type": "module",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"build": "nuxt build",
|
||||||
|
"dev": "nuxt dev",
|
||||||
|
"generate": "nuxt generate",
|
||||||
|
"preview": "nuxt preview",
|
||||||
|
"postinstall": "nuxt prepare"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@nuxt/a11y": "^1.0.0-alpha.1",
|
||||||
|
"@nuxt/content": "^3.11.2",
|
||||||
|
"@nuxt/eslint": "^1.15.1",
|
||||||
|
"@nuxt/fonts": "^0.13.0",
|
||||||
|
"@nuxt/hints": "^1.0.0-alpha.6",
|
||||||
|
"@nuxt/icon": "^2.2.1",
|
||||||
|
"@nuxt/image": "^2.0.0",
|
||||||
|
"@nuxt/scripts": "^0.13.2",
|
||||||
|
"@nuxtjs/turnstile": "^1.1.1",
|
||||||
|
"@pinia/nuxt": "^0.11.3",
|
||||||
|
"@sidebase/nuxt-auth": "^1.2.0",
|
||||||
|
"@unhead/vue": "^2.1.4",
|
||||||
|
"better-sqlite3": "^12.6.2",
|
||||||
|
"next-auth": "~4.21.1",
|
||||||
|
"nuxt": "^4.3.1",
|
||||||
|
"pinia": "^3.0.4",
|
||||||
|
"sweetalert2": "^11.26.18",
|
||||||
|
"typescript": "^5.9.3",
|
||||||
|
"vue": "^3.5.28",
|
||||||
|
"vue-router": "^4.6.4",
|
||||||
|
"vue-tsc": "^3.2.4",
|
||||||
|
"zod": "^4.3.6"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/node": "^25.2.3"
|
||||||
|
}
|
||||||
|
}
|
||||||
1
public/assets/css/aos.css
Normal file
1
public/assets/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
5318
public/assets/css/avigo-core.css
Normal file
5318
public/assets/css/avigo-core.css
Normal file
File diff suppressed because it is too large
Load Diff
1131
public/assets/css/avigo-unit.css
Normal file
1131
public/assets/css/avigo-unit.css
Normal file
File diff suppressed because it is too large
Load Diff
873
public/assets/css/blog-page.css
Normal file
873
public/assets/css/blog-page.css
Normal file
@@ -0,0 +1,873 @@
|
|||||||
|
.breadcrumb-area{
|
||||||
|
background: #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Pagination*/
|
||||||
|
.theme-pagination ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.theme-pagination li{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
.theme-pagination li a {
|
||||||
|
width: 55px;
|
||||||
|
height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 55px;
|
||||||
|
border: 1px solid #E1E3E8;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 0 4px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
display: block;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-pagination li a:hover, .theme-pagination li a.active {
|
||||||
|
background: #7977C6;
|
||||||
|
transition: all 0.3s;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Common Widget*/
|
||||||
|
.single-widget {
|
||||||
|
padding: 32px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.09);
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-widget ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-widget li a {
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 7px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 24px;
|
||||||
|
display: flex;
|
||||||
|
/* display: inline-block; */
|
||||||
|
align-items: center;
|
||||||
|
color: #161540;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 17px 20px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
background: #F6F7FA;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
width: 100%;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
.single-widget li a:hover {
|
||||||
|
background-color: #006fff;
|
||||||
|
color: #fff;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-widget li a span {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.single-widget li:hover span {
|
||||||
|
transform: rotate(0);
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.single-widget h3 {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
color: #202C4A;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
padding-left: 10px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .single-widget h3:after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
height: 100%;
|
||||||
|
width: 2px;
|
||||||
|
background: #7977C6;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.widgets {
|
||||||
|
position: sticky;
|
||||||
|
top: 74px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*Search widget*/
|
||||||
|
.search-form-widget form{
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
border-radius: 7px;
|
||||||
|
overflow: hidden;
|
||||||
|
background:#fff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.search-form-widget form input{
|
||||||
|
width: 90%;
|
||||||
|
padding: 14px;
|
||||||
|
border: none;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.search-form-widget form input::placeholder{
|
||||||
|
color: #000
|
||||||
|
}
|
||||||
|
.search-form-widget form input:focus{
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.search-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 10%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*recent post */
|
||||||
|
|
||||||
|
.recent-post {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
.recent-post {
|
||||||
|
display: flex;
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.recent-img img {
|
||||||
|
object-fit: cover;
|
||||||
|
height: 70px;
|
||||||
|
width: 100px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.recent-post-content a {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
color: #202C4A;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-date-time ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.blog-date-time ul li a {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #161540;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*Blog posts*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.blog-date-time ul {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.blog-date-time ul li a {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #161540;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-bio {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name, .blog-category, .blog-date, .blog-coments {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name a, .blog-category a, .blog-date a, .blog-coments a {
|
||||||
|
color: #202C4A;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name a svg, .blog-category a svg, .blog-date a svg, .blog-coments a svg {
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.post-format-video .blog-img {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-format-quote {
|
||||||
|
background: #e7e8f4;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-format-quote p {font-size: 20px;line-height: 32px;}
|
||||||
|
|
||||||
|
.post-audio iframe{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.video-btn {
|
||||||
|
position: absolute;
|
||||||
|
top: calc(50% - 50px);
|
||||||
|
left: calc(50% - 50px);
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-btn a {
|
||||||
|
font-size: 30px;
|
||||||
|
display: block;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background: #7977C6;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100px;
|
||||||
|
color: #ffffff;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-btn a:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-format-gallery .owl-nav button {
|
||||||
|
font-size: 30px;
|
||||||
|
display: block;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
background: #2F80ED !important;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100px;
|
||||||
|
color: #ffffff !important;
|
||||||
|
border-radius:15px;
|
||||||
|
position: absolute;
|
||||||
|
top: calc(50% - 35px);
|
||||||
|
left: 10px;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
.post-format-gallery .owl-nav button.owl-next {
|
||||||
|
left: auto;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-date-time {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-blog-contents h3 {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 40px;
|
||||||
|
color: #161540;
|
||||||
|
margin: 30px 0 20px;
|
||||||
|
}
|
||||||
|
.single-blog-contents p {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 34px;
|
||||||
|
color: #5C5B79;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-blog-quote {
|
||||||
|
background: rgba(242, 57, 54, 0.03);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 30px 120px 30px 30px;
|
||||||
|
}
|
||||||
|
.single-blog-quote h4 {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 34px;
|
||||||
|
color: #161540;
|
||||||
|
}
|
||||||
|
.single-blog-quote a {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #5C5B79;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-border {
|
||||||
|
height: 1px;
|
||||||
|
border-bottom: 1px solid #E1E3E8;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-blog h3 a {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 34px;
|
||||||
|
color: #161540;
|
||||||
|
margin-bottom: 0;
|
||||||
|
transition: all 0.3s;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.single-blog p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 28px;
|
||||||
|
color: #5C5B79;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.post-blog{
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
.post-blog:last-child{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-format-gallery .owl-nav button {
|
||||||
|
font-size: 30px;
|
||||||
|
display: block;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
background: #2F80ED !important;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100px;
|
||||||
|
color: #ffffff !important;
|
||||||
|
border-radius: 7px;
|
||||||
|
position: absolute;
|
||||||
|
top: calc(50% - 35px);
|
||||||
|
left: 10px;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
.post-format-gallery .owl-nav button.owl-next {
|
||||||
|
left: auto;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
.theme-btn-14 {
|
||||||
|
background: #7977C6;
|
||||||
|
box-shadow: 0 4px 25px rgba(121, 119, 198, 0.2);
|
||||||
|
border-radius: 7px;
|
||||||
|
font-family: "satoshi";
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff;
|
||||||
|
padding: 13px 24px;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
++++++++++++++++++++++++++++++++++
|
||||||
|
==== =====blog page all ====== ======
|
||||||
|
+++++++++++++++++++++++++++++++++
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
.coffee-nav ul li a {
|
||||||
|
color: #2F80ED;
|
||||||
|
text-decoration: none;
|
||||||
|
background: rgba(47, 128, 237, 0.2);
|
||||||
|
border-radius: 7px;
|
||||||
|
/* padding: 13px 20px; */
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
transition: all.6s;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
min-height: 50px;
|
||||||
|
min-width: 165px;
|
||||||
|
/* width: 200px; */
|
||||||
|
text-align: start;
|
||||||
|
line-height: 50px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
.coffee-nav ul li a:hover,
|
||||||
|
.coffee-nav ul li a.active {
|
||||||
|
background: #2F80ED;
|
||||||
|
box-shadow: 0px 4px 10px rgba(47, 128, 237, 0.2);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.coffee-nav ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 15px 0 25px 0;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.coffee-nav ul li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 8px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.coffee-nav {
|
||||||
|
background-color: #fff;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-top: 50px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.shop-1 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.nav.nav-tabs {
|
||||||
|
background: #F6F7FA;
|
||||||
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faq-massge-box-all {
|
||||||
|
background: #2F80ED;
|
||||||
|
border-radius: 7px;
|
||||||
|
padding: 50px 48px;
|
||||||
|
margin: 0 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.massge-single-inputs input {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
width: 100%;
|
||||||
|
padding: 17px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.massge-single-inputs input::placeholder {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.massge-single-inputs textarea {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
width: 100%;
|
||||||
|
padding: 17px;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.massge-single-inputs textarea::placeholder {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.massge-btn a {
|
||||||
|
color: #0072ff;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 15px 20px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 16px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.massge-button {
|
||||||
|
text-align: end;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about-slider-box.about-slider-box2 {
|
||||||
|
background-color: #F6F7FA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-button.accordion-button2.accordion-button3 {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
++++++++++++++++++++++++++++++++++
|
||||||
|
==== =====blog page all ====== ======
|
||||||
|
+++++++++++++++++++++++++++++++++
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
++++++++++++++++++++++++++++++++++
|
||||||
|
==== =====blog details all ====== ======
|
||||||
|
+++++++++++++++++++++++++++++++++
|
||||||
|
*/
|
||||||
|
|
||||||
|
.author-bio > div {
|
||||||
|
padding: 0 20px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.details-p-hadding {
|
||||||
|
color: #202C4A;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-massge-box {
|
||||||
|
background-color: #202C4A;
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 32px 24px;
|
||||||
|
margin: 30px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-massge-box p {
|
||||||
|
color: #fff;
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-post-img img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border-details {
|
||||||
|
border: 1px solid #1c243923;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-tag-list ul li a {
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 7px;
|
||||||
|
background: rgba(32, 44, 74, 0.1);
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #202C4A;
|
||||||
|
line-height: 16px;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-tag-list ul li a:hover {
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 7px;
|
||||||
|
background: #202C4A;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #fff;
|
||||||
|
line-height: 16px;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-tag-list ul li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-details-tag {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-details-tags {
|
||||||
|
padding: 40px 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-details-icons {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blogp-details-icon-list ul li a {
|
||||||
|
background: #2f81ed20;
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
color: #202C4A;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.blogp-details-icon-list ul li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #006fff;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blogp-details-icon-list ul li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.commet-single-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: start;
|
||||||
|
position: relative;
|
||||||
|
margin-top: 40px;
|
||||||
|
padding: 40px 24px;
|
||||||
|
background-color: #F6F7FA;
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-commet-img {
|
||||||
|
height: 100px;
|
||||||
|
width: 100px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.replly-btn a {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: #202C4A;
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-radius: 7px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 700;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.replly-btn a:hover {
|
||||||
|
background-color: #006fff;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.replly-btn {
|
||||||
|
position: absolute;
|
||||||
|
top: 16px;
|
||||||
|
right: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-input input {
|
||||||
|
width: 49%;
|
||||||
|
padding: 13px;
|
||||||
|
border: none;
|
||||||
|
background-color: #F6F7FA;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-top: 16px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-input textarea {
|
||||||
|
width: 99%;
|
||||||
|
padding: 13px;
|
||||||
|
border: none;
|
||||||
|
background-color: #F6F7FA;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-top: 16px;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-form-btn {
|
||||||
|
text-align: end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-form-widget form {
|
||||||
|
border: none;
|
||||||
|
background: #F3F3F3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-form-widget form input {
|
||||||
|
background-color: #F3F3F3;
|
||||||
|
}
|
||||||
|
ul.blog-date li {
|
||||||
|
color: #525975;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 16px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.blog-date li img {
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recent-img {
|
||||||
|
height: 100px;
|
||||||
|
width: 100px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tagcloud a {
|
||||||
|
padding: 16px 20px;
|
||||||
|
background: rgba(32, 44, 74, 0.1);
|
||||||
|
border-radius: 7px;
|
||||||
|
color: #202C4A;
|
||||||
|
}
|
||||||
|
.tagcloud a:hover {
|
||||||
|
background-color: #202C4A;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-img-box-all {
|
||||||
|
background: #202C4A;
|
||||||
|
box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.09);
|
||||||
|
border-radius: 15px;
|
||||||
|
padding: 32px;
|
||||||
|
margin-bottom: 36px;
|
||||||
|
}
|
||||||
|
.sidebar-box-hadding h4 a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-side-box-icon ul li a {
|
||||||
|
display: inline-block;
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
border-radius: 50%;
|
||||||
|
line-height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #f6f7fa2b;
|
||||||
|
color: #fff;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.details-side-box-icon ul li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details-side-box-icon ul li a:hover {
|
||||||
|
background-color: #006fff;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-realeted {
|
||||||
|
margin-top: 120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-boxs-img img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-page-boxs.blog-page-boxs1 {
|
||||||
|
margin-bottom: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 769px) {
|
||||||
|
.blog-page-boxs.blog-page-boxs1 {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.blog-page-boxs {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 426px) {
|
||||||
|
.blog-details-tags {
|
||||||
|
padding: 40px 0;
|
||||||
|
display: block;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-details-tag {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog-details-img img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
++++++++++++++++++++++++++++++++++
|
||||||
|
==== =====blog details all ====== ======
|
||||||
|
+++++++++++++++++++++++++++++++++
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
.video-play-button2 {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
box-sizing: content-box;
|
||||||
|
display: block;
|
||||||
|
width: 32px;
|
||||||
|
height: 44px;
|
||||||
|
/* background: #fa183d; */
|
||||||
|
border-radius: 50%;
|
||||||
|
padding: 18px 20px 18px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button2:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
z-index: 0;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
display: block;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
background: #2F80ED;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: pulse-border 1500ms ease-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button2:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
display: block;
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
background: #2F80ED;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: all 200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button2:hover:after {
|
||||||
|
background-color: darken(#fa183d, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button2 img {
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
max-width: 100%;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button2 span {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-left: 13px solid #fff;
|
||||||
|
border-top: 10px solid transparent;
|
||||||
|
border-bottom: 10px solid transparent;
|
||||||
|
margin-top: 11px;
|
||||||
|
margin-left: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pulse-border {
|
||||||
|
0% {
|
||||||
|
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.space-left-30 {
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
7
public/assets/css/bootstrap.min.css
vendored
Normal file
7
public/assets/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
public/assets/css/bootstrap.min.css.map
Normal file
1
public/assets/css/bootstrap.min.css.map
Normal file
File diff suppressed because one or more lines are too long
840
public/assets/css/comon.css
Normal file
840
public/assets/css/comon.css
Normal file
@@ -0,0 +1,840 @@
|
|||||||
|
/*----- all-button -----*/
|
||||||
|
.button1 button {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
background: #0263e0;
|
||||||
|
line-height: 16px;
|
||||||
|
padding: 20px 30px;
|
||||||
|
display: inline-block;
|
||||||
|
transition: all 0.3s;
|
||||||
|
font-weight: 700;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button1 button:hover {
|
||||||
|
transition: all 0.3s;
|
||||||
|
transform: scale(1.01);
|
||||||
|
}
|
||||||
|
.shopes1 {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 50px;
|
||||||
|
}
|
||||||
|
.shopes2 {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 50px;
|
||||||
|
}
|
||||||
|
/*----- all-button -----*/
|
||||||
|
|
||||||
|
.hadding2 h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: #202c4a;
|
||||||
|
}
|
||||||
|
.hadding2 h1,
|
||||||
|
a h2,
|
||||||
|
a h3,
|
||||||
|
a h4,
|
||||||
|
a h5,
|
||||||
|
a h6 a {
|
||||||
|
color: #202c4a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding2 h4 a {
|
||||||
|
color: #202c4a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding2 p {
|
||||||
|
color: #525975;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding2 span.after {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.hadding2 span.after::after {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
.img-border15 img {
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
.img100 img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
a.home2-a {
|
||||||
|
color: #202c4a;
|
||||||
|
}
|
||||||
|
.home2-btn a:hover {
|
||||||
|
color: #fff;
|
||||||
|
transform: scale(1.03);
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding3 h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: #09100e;
|
||||||
|
}
|
||||||
|
.hadding3 p.p3 {
|
||||||
|
color: #5e6261;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding3 p.p4 {
|
||||||
|
color: #4D4B51;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding3 p {
|
||||||
|
color: #747474;
|
||||||
|
}
|
||||||
|
.hadding3 h4 a {
|
||||||
|
color: #09100e;
|
||||||
|
}
|
||||||
|
.hadding3 span {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
img.img-border {
|
||||||
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding4 h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: #030406;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding4 h1 {
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
p.hadding4-p1 p {
|
||||||
|
color: rgba(3, 4, 6, 0.7);
|
||||||
|
}
|
||||||
|
p.hadding4-p2 p {
|
||||||
|
color: #4f4f51;
|
||||||
|
}
|
||||||
|
.hadding4 h4 a {
|
||||||
|
color: #030406;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding5 span.after {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hadding5 h1 span.after::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 4px;
|
||||||
|
left: 0px;
|
||||||
|
width: 100%;
|
||||||
|
height: 16px;
|
||||||
|
z-index: -2;
|
||||||
|
background-image: url(../img/shapes/hadding5-span.svg);
|
||||||
|
}
|
||||||
|
.bg5 {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/*------------------------------------------
|
||||||
|
------------ all buttons--------------------
|
||||||
|
-------------------------------- */
|
||||||
|
|
||||||
|
.home4-button a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 16px 25px;
|
||||||
|
color: #fff;
|
||||||
|
background-color: #006fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
position: relative;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.home4-button a:nth {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
a.home4-btn2 {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home4-button a:hover::after {
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
.home4-button a:hover {
|
||||||
|
background: #fff;
|
||||||
|
transition: all.4s;
|
||||||
|
color: #030406;
|
||||||
|
}
|
||||||
|
a.home4-btn-f {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
a.home4-btn-f::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #0072ff;
|
||||||
|
z-index: -2;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
a.home4-btn-f:hover::after {
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
a.cta-btn4 {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
a.cta-btn4:hover {
|
||||||
|
background: none;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.home4-btn-plan {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
a.home4-btn-plan::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #030406;
|
||||||
|
z-index: -2;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
a.home4-btn-plan:hover::after {
|
||||||
|
top: 4px;
|
||||||
|
left: 4px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home4-button.home4-pricing-btn a {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home4-pricing-main-img {
|
||||||
|
position: absolute;
|
||||||
|
top: 32px;
|
||||||
|
right: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home2-pricing-box::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background:
|
||||||
|
#030406;
|
||||||
|
border-radius: 10px;
|
||||||
|
z-index: -5;
|
||||||
|
transition: all.3s;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.home2-pricing-box:hover::before {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
transition: all.3s;
|
||||||
|
top: 10px;
|
||||||
|
left: 10px;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home2-pricing-box.active::before {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
transition: all.3s;
|
||||||
|
top: 10px;
|
||||||
|
left: 10px;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home2-pricing-box:hover {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 a {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
background-color: #24BA96;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 16px 24px;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 a:hover {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
background-color: #fff;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #24BA96;
|
||||||
|
padding: 16px 24px;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.3s;
|
||||||
|
box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 a:hover svg {
|
||||||
|
color: #Fff;
|
||||||
|
}
|
||||||
|
.button5 a:hover span {
|
||||||
|
background-color: #24BA96;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 a svg {
|
||||||
|
color: #24BA96;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 a span {
|
||||||
|
background-color: #fff;
|
||||||
|
height: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 18px;
|
||||||
|
font-size: 12px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
margin-left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.button5-btn2 a:hover {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
background-color: #24BA96;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 16px 24px;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5-btn2 a {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
background-color: #fff;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #24BA96;
|
||||||
|
padding: 16px 24px;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.3s;
|
||||||
|
box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5-btn2 a svg {
|
||||||
|
color: #Fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.d-none.d-md-block.button5-btn2:hover a svg {
|
||||||
|
color: #24BA96;
|
||||||
|
}
|
||||||
|
.button5-btn2 a:hover span {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5-btn2 a span {
|
||||||
|
background-color: #24BA96;
|
||||||
|
height: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 18px;
|
||||||
|
font-size: 12px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
margin-left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.button5 button {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
background-color: #24BA96;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 16px 24px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 button:hover {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
background-color: #fff;
|
||||||
|
line-height: 16px;
|
||||||
|
color: #24BA96;
|
||||||
|
padding: 16px 24px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 4px 4px 48px rgba(0, 0, 0, 0.14);
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 button svg {
|
||||||
|
|
||||||
|
color: #24BA96;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.button5 button:hover svg {
|
||||||
|
color: #fff;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5 button span {
|
||||||
|
background-color: #fff;
|
||||||
|
height: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
transition: all.3s;
|
||||||
|
line-height: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
transform: rotate(-45deg);
|
||||||
|
margin-left: 3px;
|
||||||
|
}
|
||||||
|
.button5 button:hover span {
|
||||||
|
background-color: #24BA96;
|
||||||
|
}
|
||||||
|
/*------------------------------------------
|
||||||
|
------------ all buttons--------------------
|
||||||
|
-------------------------------- */
|
||||||
|
|
||||||
|
.video-play-button {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
top: 8px;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
box-sizing: content-box;
|
||||||
|
display: block;
|
||||||
|
width: 32px;
|
||||||
|
height: 44px;
|
||||||
|
/* background: #fa183d; */
|
||||||
|
border-radius: 50%;
|
||||||
|
padding: 18px 20px 18px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
z-index: 0;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
display: block;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background: #24BA96;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: pulse-border 1500ms ease-out infinite;
|
||||||
|
}
|
||||||
|
.padding50 {
|
||||||
|
padding: 20px 0 80px 0;
|
||||||
|
}
|
||||||
|
.video-play-button:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
display: block;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
background: #24BA96;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: all 200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button:hover:after {
|
||||||
|
background-color: darken(#fa183d, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button img {
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
max-width: 100%;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-play-button span {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
z-index: 3;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-left: 13px solid #fff;
|
||||||
|
border-top: 10px solid transparent;
|
||||||
|
border-bottom: 10px solid transparent;
|
||||||
|
margin-top: 11px;
|
||||||
|
margin-left: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pulse-border {
|
||||||
|
0% {
|
||||||
|
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.video-overlay {
|
||||||
|
position: fixed;
|
||||||
|
z-index: -1;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background: rgba(0,0,0,0.80);
|
||||||
|
opacity: 0;
|
||||||
|
transition: all ease 500ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-overlay.open {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1000;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-overlay-close {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1000;
|
||||||
|
top: 15px;
|
||||||
|
right: 20px;
|
||||||
|
font-size: 36px;
|
||||||
|
line-height: 1;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #24BA96;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
.video-overlay-close:hover {
|
||||||
|
color: #24BA96;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*============================
|
||||||
|
++++PAGE-PROGRESS-SATRT+++++
|
||||||
|
=============================*/
|
||||||
|
|
||||||
|
.blok:nth-of-type(odd) {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blok:nth-of-type(even) {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes border-transform {
|
||||||
|
0%,
|
||||||
|
100% {
|
||||||
|
border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
|
||||||
|
}
|
||||||
|
14% {
|
||||||
|
border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
|
||||||
|
}
|
||||||
|
28% {
|
||||||
|
border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
|
||||||
|
}
|
||||||
|
42% {
|
||||||
|
border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
|
||||||
|
}
|
||||||
|
56% {
|
||||||
|
border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
|
||||||
|
}
|
||||||
|
84% {
|
||||||
|
border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #Progress
|
||||||
|
================================================== */
|
||||||
|
|
||||||
|
/*============================
|
||||||
|
++++PAGE-PROGRESS-SATRT+++++
|
||||||
|
=============================*/
|
||||||
|
|
||||||
|
.blok:nth-of-type(odd) {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blok:nth-of-type(even) {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes border-transform {
|
||||||
|
0%,
|
||||||
|
100% {
|
||||||
|
border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
|
||||||
|
}
|
||||||
|
14% {
|
||||||
|
border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
|
||||||
|
}
|
||||||
|
28% {
|
||||||
|
border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
|
||||||
|
}
|
||||||
|
42% {
|
||||||
|
border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
|
||||||
|
}
|
||||||
|
56% {
|
||||||
|
border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
|
||||||
|
}
|
||||||
|
70% {
|
||||||
|
border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
|
||||||
|
}
|
||||||
|
84% {
|
||||||
|
border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #Progress
|
||||||
|
================================================== */
|
||||||
|
|
||||||
|
.progress-wrap {
|
||||||
|
position: fixed;
|
||||||
|
right: 30px;
|
||||||
|
bottom: 30px;
|
||||||
|
height: 56px;
|
||||||
|
width: 56px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
border-radius: 50px;
|
||||||
|
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
|
||||||
|
z-index: 10000;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transform: translateY(15px);
|
||||||
|
-webkit-transition: all 200ms linear;
|
||||||
|
transition: all 200ms linear;
|
||||||
|
}
|
||||||
|
.progress-wrap.active-progress {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
.progress-wrap::after {
|
||||||
|
position: absolute;
|
||||||
|
font-family: "FontAwesome";
|
||||||
|
content: "\f062";
|
||||||
|
text-align: center;
|
||||||
|
line-height: 56px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #03256c;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 56px;
|
||||||
|
width: 56px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
z-index: 1;
|
||||||
|
-webkit-transition: all 200ms linear;
|
||||||
|
transition: all 200ms linear;
|
||||||
|
}
|
||||||
|
.progress-wrap:hover::after {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.progress-wrap::before {
|
||||||
|
position: absolute;
|
||||||
|
font-family: "FontAwesome";
|
||||||
|
content: "\f062";
|
||||||
|
text-align: center;
|
||||||
|
line-height: 56px;
|
||||||
|
font-size: 18px;
|
||||||
|
opacity: 0;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 56px;
|
||||||
|
width: 56px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
z-index: 2;
|
||||||
|
-webkit-transition: all 200ms linear;
|
||||||
|
transition: all 200ms linear;
|
||||||
|
}
|
||||||
|
.progress-wrap:hover::before {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.progress-wrap svg path {
|
||||||
|
fill: none;
|
||||||
|
}
|
||||||
|
.progress-wrap svg.progress-circle path {
|
||||||
|
stroke: #03256c; /* --- Lijn progres kleur --- */
|
||||||
|
stroke-width: 4;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-webkit-transition: all 200ms linear;
|
||||||
|
transition: all 200ms linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*============================
|
||||||
|
++++PAGE-PROGRESS-END+++++
|
||||||
|
=============================*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*========+ PRELOADER +=========*/
|
||||||
|
|
||||||
|
#preloader {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #061a45;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
#loader {
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
margin: -75px 0 0 -75px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-top-color: #B1C8E8;
|
||||||
|
-webkit-animation: spin 2s linear infinite;
|
||||||
|
animation: spin 2s linear infinite;
|
||||||
|
}
|
||||||
|
#loader:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 5px;
|
||||||
|
left: 5px;
|
||||||
|
right: 5px;
|
||||||
|
bottom: 5px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-top-color: #B1C8E8;
|
||||||
|
-webkit-animation: spin 3s linear infinite;
|
||||||
|
animation: spin 3s linear infinite;
|
||||||
|
}
|
||||||
|
#loader:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 15px;
|
||||||
|
left: 15px;
|
||||||
|
right: 15px;
|
||||||
|
bottom: 15px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-top-color: #B1C8E8;
|
||||||
|
-webkit-animation: spin 1.5s linear infinite;
|
||||||
|
animation: spin 1.5s linear infinite;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
-ms-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
-ms-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes spin {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: rotate(0deg);
|
||||||
|
-ms-transform: rotate(0deg);
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
-webkit-transform: rotate(360deg);
|
||||||
|
-ms-transform: rotate(360deg);
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*========+ PRELOADER +=========*/
|
||||||
|
|
||||||
|
.border15 {
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.border15 img {
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.theme-pagination ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-pagination li{
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-pagination li a {
|
||||||
|
width: 55px;
|
||||||
|
height: 55px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 55px;
|
||||||
|
border: 1px solid #E1E3E8;
|
||||||
|
background: var(--background, #F4F8F7);
|
||||||
|
border-radius: 8px;
|
||||||
|
margin: 0 4px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
display: block;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.theme-pagination li a:hover, .theme-pagination li a.active {
|
||||||
|
background: var(--business-consulting, #029AFF);
|
||||||
|
transition: all 0.3s;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
6
public/assets/css/font-awesome-pro.css
Normal file
6
public/assets/css/font-awesome-pro.css
Normal file
File diff suppressed because one or more lines are too long
366
public/assets/css/fonts.css
Normal file
366
public/assets/css/fonts.css
Normal file
@@ -0,0 +1,366 @@
|
|||||||
|
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 28, 2023 */
|
||||||
|
|
||||||
|
/* -------basier font------- */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "basier";
|
||||||
|
src: url("../fonts/") format("woff2"),
|
||||||
|
url("../fonts/basiersquare-regular-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "basier";
|
||||||
|
src: url("../fonts/basiercircle-regular-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/basiercircle-regular-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------basier font------- */
|
||||||
|
|
||||||
|
/* -------butler font------- */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_extrabold-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_extrabold-webfont.woff") format("woff");
|
||||||
|
font-weight: 800;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_light-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_light-webfont.woff") format("woff");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_medium-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_medium-webfont.woff") format("woff");
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_regular-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_regular-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_ultra_light-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_ultra_light-webfont.woff") format("woff");
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_black-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_black-webfont.woff") format("woff");
|
||||||
|
font-weight: 900;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "butler";
|
||||||
|
src: url("../fonts/butler_bold-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/butler_bold-webfont.woff") format("woff");
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------butler font------- */
|
||||||
|
|
||||||
|
/* -------samsung_sharp font------- */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "samsung_sharp";
|
||||||
|
src: url("../fonts/") format("woff2"),
|
||||||
|
url("../fonts/samsungsharpsans-medium-webfont.woff") format("woff");
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "samsung_sharp";
|
||||||
|
src: url("../fonts/samsungsharpsans-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/samsungsharpsans-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "samsung_sharp";
|
||||||
|
src: url("../fonts/samsungsharpsans-bold-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/samsungsharpsans-bold-webfont.woff") format("woff");
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------samsung_sharp font------- */
|
||||||
|
|
||||||
|
/* -------gilroy font------- */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-extrabold-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-extrabold-webfont.woff") format("woff");
|
||||||
|
font-weight: 800;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-extrabolditalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-extrabolditalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 800;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-heavy-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-heavy-webfont.woff") format("woff");
|
||||||
|
font-weight: 900;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-heavyitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-heavyitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 900;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-light-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-light-webfont.woff") format("woff");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-lightitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-lightitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-medium-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-medium-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-mediumitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-mediumitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-black-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-black-webfont.woff") format("woff");
|
||||||
|
font-weight: 1000;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("gilroy-blackitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("gilroy-blackitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 1000;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-bold-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-bold-webfont.woff") format("woff");
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-bolditalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-bolditalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-semibold-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-semibold-webfont.woff") format("woff");
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-semibolditalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-semibolditalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-thin-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-thin-webfont.woff") format("woff");
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-thinitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-thinitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-ultralight-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-ultralight-webfont.woff") format("woff");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-ultralightitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-ultralightitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-regular-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-regular-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "gilroy";
|
||||||
|
src: url("../fonts/gilroy-regularitalic-webfont.woff2") format("woff2"),
|
||||||
|
url("../fonts/gilroy-regularitalic-webfont.woff") format("woff");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* -------CircularStd font------- */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-Black.eot");
|
||||||
|
src: url("../fonts/CircularStd-Black.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-Black.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-Black.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-Black.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 800;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-BlackItalic.eot");
|
||||||
|
src: url("../fonts/CircularStd-BlackItalic.eot?#iefix")
|
||||||
|
format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-BlackItalic.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-BlackItalic.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-BlackItalic.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 800;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-Bold.eot");
|
||||||
|
src: url("../fonts/CircularStd-Bold.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-Bold.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-Bold.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-Bold.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-BoldItalic.eot");
|
||||||
|
src: url("../fonts/CircularStd-BoldItalic.eot?#iefix")
|
||||||
|
format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-BoldItalic.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-BoldItalic.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-BoldItalic.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-Medium.eot");
|
||||||
|
src: url("../fonts/CircularStd-Medium.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-Medium.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-Medium.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-Medium.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-MediumItalic.eot");
|
||||||
|
src: url("../fonts/CircularStd-MediumItalic.eot?#iefix")
|
||||||
|
format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-MediumItalic.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-MediumItalic.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-MediumItalic.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 500;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-Book.eot");
|
||||||
|
src: url("../fonts/CircularStd-Book.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-Book.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-Book.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-Book.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "CircularStd";
|
||||||
|
src: url("../fonts/CircularStd-BookItalic.eot");
|
||||||
|
src: url("../fonts/CircularStd-BookItalic.eot?#iefix")
|
||||||
|
format("embedded-opentype"),
|
||||||
|
url("../fonts/CircularStd-BookItalic.woff") format("woff"),
|
||||||
|
url("../fonts/CircularStd-BookItalic.ttf") format("truetype"),
|
||||||
|
url("../fonts/CircularStd-BookItalic.svg#bcc26993292869431e54c666aafa8fcd")
|
||||||
|
format("svg");
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
241
public/assets/css/footer.css
Normal file
241
public/assets/css/footer.css
Normal file
@@ -0,0 +1,241 @@
|
|||||||
|
/*----===========FOOTER AREA CSS----============*/
|
||||||
|
.single-footer ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.single-footer ul li a {
|
||||||
|
color: #09120e;
|
||||||
|
font-size: 16px;
|
||||||
|
padding: 10px 0;
|
||||||
|
display: inline-block;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.single-footer ul li a:hover {
|
||||||
|
color: #006fff;
|
||||||
|
transition: all.3s;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-area3 .single-footer ul li a:hover {
|
||||||
|
color: #ff008a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-footer h3 {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.copyright2 {
|
||||||
|
border-top: 1px solid #E9ECEA;
|
||||||
|
padding: 16px 0;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright4 {
|
||||||
|
border-top: 1px solid #737373;
|
||||||
|
padding: 16px 0;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright5 {
|
||||||
|
border-top: 1px solid #192D6A;
|
||||||
|
padding: 16px 0;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.social1 ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.social1 ul li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social1 ul li a {
|
||||||
|
background: #f2f2f2;
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
display: inherit;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
color: #006fff;
|
||||||
|
line-height: 40px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
.social1 ul li a:hover {
|
||||||
|
background-color: #006fff;
|
||||||
|
color: #fff;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 426px) {
|
||||||
|
.social.social1 {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social1.comon-footer-icons {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.foonter-contact-icon-1 > div {
|
||||||
|
background: #2f81ed17;
|
||||||
|
height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
.foonter-contact-p a {
|
||||||
|
color: #525975;
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.foonter-contact-1 {
|
||||||
|
display: flex;
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
.foonter-contact-p {
|
||||||
|
padding-left: 8px;
|
||||||
|
}
|
||||||
|
.foonter-contact-1 {
|
||||||
|
padding-top: 24px;
|
||||||
|
}
|
||||||
|
/*----===========FOOTER AREA CSS----============*/
|
||||||
|
|
||||||
|
/*----===========HOME4 FOOTER AREA CSS----============*/
|
||||||
|
.footer-area4 {
|
||||||
|
background-image: url(../img/footer/footer4.png);
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.single-footer4 ul li a {
|
||||||
|
color: #B2B4B7;
|
||||||
|
}
|
||||||
|
.single-footer4 p {
|
||||||
|
color: #B2B4B7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social.social4 ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.social.social4 {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social.social4 ul li a {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #000410;
|
||||||
|
background: #fff;
|
||||||
|
/* padding: 5px; */
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.social.social4 ul li a:hover {
|
||||||
|
transition: all.3s;
|
||||||
|
background-color: #006fff;
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.social.social4 ul li {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*----===========HOME4 FOOTER AREA CSS----============*/
|
||||||
|
|
||||||
|
/*----===========HOME5 FOOTER AREA CSS----============*/
|
||||||
|
|
||||||
|
.footer-area5 {
|
||||||
|
background-image: url(../img/bg/footer5-bg.png);
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer5-p {
|
||||||
|
color: #CCD0DE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer5-from {
|
||||||
|
position: relative;
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.social1 ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social.social1.social5.text-start ul li a {
|
||||||
|
background-color: #192D6A;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social.social1.social5.text-start ul li a:hover {
|
||||||
|
background-color: #24BA96;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foorer5-list li a {
|
||||||
|
color: rgba(255, 255, 255, 0.90);
|
||||||
|
transition: all.3s;
|
||||||
|
display: block;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foorer5-list li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.foorer5-list {
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foonter-contact-p.foonter-contact-p5 a {
|
||||||
|
color: rgba(255, 255, 255, 0.90);
|
||||||
|
}
|
||||||
|
|
||||||
|
.foonter-contact-p.foonter-contact-p5 a {
|
||||||
|
display: block;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer5-from-input input {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
padding: 13px;
|
||||||
|
border-bottom: 1px solid #fff;
|
||||||
|
color: #fff;
|
||||||
|
width: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button5.button5-footer5 {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.footer5-p p {
|
||||||
|
color: rgba(255, 255, 255, 0.90);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.foonter-contact-icon-1 {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*----===========HOME5 FOOTER AREA CSS----============*/
|
||||||
|
|
||||||
|
|
||||||
640
public/assets/css/header.css
Normal file
640
public/assets/css/header.css
Normal file
@@ -0,0 +1,640 @@
|
|||||||
|
.header-area {
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
.main-menu ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-logo {
|
||||||
|
max-width: 280px;
|
||||||
|
height: auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-logo a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu li a {
|
||||||
|
color: #000;
|
||||||
|
padding: 10px 20px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav > ul {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu ul li {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 40px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home1-site-logo span {
|
||||||
|
background: #cce4ff;
|
||||||
|
padding: 6px 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 13px;
|
||||||
|
margin-left: 8px;
|
||||||
|
color: #0263e0;
|
||||||
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.main-menu ul li {
|
||||||
|
margin-right: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.main-menu ul li:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.main-menu ul li.has-dropdown > a {
|
||||||
|
padding-right: 14px;
|
||||||
|
}
|
||||||
|
.main-menu ul li.has-dropdown > a::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "\f107";
|
||||||
|
right: -4px;
|
||||||
|
top: 22px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #000;
|
||||||
|
font-family: "Font Awesome 6 Pro";
|
||||||
|
}
|
||||||
|
.main-menu ul li a {
|
||||||
|
color: #0f1826;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-weight: 450;
|
||||||
|
padding: 20px 0;
|
||||||
|
display: inline-block;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.main-menu ul li .active {
|
||||||
|
color: #f9f9f9;
|
||||||
|
}
|
||||||
|
.main-menu ul li:hover > a {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.main-menu ul li:hover > a::after {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
.main-menu ul li:hover .sub-menu {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
top: 100%;
|
||||||
|
}
|
||||||
|
.main-menu ul li .sub-menu {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 110%;
|
||||||
|
min-width: 220px;
|
||||||
|
background-color: #fff;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
z-index: 99;
|
||||||
|
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
|
-moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.16);
|
||||||
|
padding: 20px 0px 15px;
|
||||||
|
transition: 0.3s;
|
||||||
|
border-top: 4px solid #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu ul li .sub-menu li {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: inline;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu ul li .sub-menu li a {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 450;
|
||||||
|
display: block;
|
||||||
|
padding: 10px 25px;
|
||||||
|
transition: 0.3s;
|
||||||
|
color: #000;
|
||||||
|
text-transform: capitalize;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu ul li .sub-menu li .active {
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu ul li .sub-menu li:hover > a {
|
||||||
|
color: #0263e0;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu ul li .sub-menu li > .sub-menu {
|
||||||
|
left: 120%;
|
||||||
|
top: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.main-menu ul li .sub-menu li:hover > .sub-menu {
|
||||||
|
left: 100%;
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meanmenu-reveal {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
.mean-container .mean-bar {
|
||||||
|
padding: 0 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slidebar-content {
|
||||||
|
padding: 20px 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-header {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-logo {
|
||||||
|
max-width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-close {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-logo {
|
||||||
|
max-width: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-close {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-socials ul {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-socials li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-socials {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-socials li a {
|
||||||
|
display: block;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
color: #fff;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-socials li a:hover {
|
||||||
|
background: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-single-contact-info {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
padding-left: 80px;
|
||||||
|
min-height: 60px;
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-contact-info-icon {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
background: #f9f9f9;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
border-radius: 50%;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 60px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu.fix.mean-container {
|
||||||
|
clear: both;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-main {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #f1f1f1;
|
||||||
|
transition: all 0.3s;
|
||||||
|
right: -100%;
|
||||||
|
top: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.sidebar-main.active {
|
||||||
|
transition: all 0.3s;
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu-bar {
|
||||||
|
height: 30px;
|
||||||
|
width: 40px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-contact-info-title p {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-contact-info-title a {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #000;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.sidebar-single-contact-info {
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
a.cta-btn {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
line-height: 14px;
|
||||||
|
padding: 17px 20px;
|
||||||
|
display: inline-block;
|
||||||
|
transition: all 0.3s;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: 0px 20px 40px rgba(2, 99, 224, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
a.cta-btn::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
background: #0263e0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -2;
|
||||||
|
border-radius: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.cta-btn::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
background: #202C4A;
|
||||||
|
height: 100%;
|
||||||
|
width: 0%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -1;
|
||||||
|
border-radius: 7px;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.cta-btn:hover::after {
|
||||||
|
width: 100%;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.cta-btn:hover {
|
||||||
|
transition: all 0.3s;
|
||||||
|
transform: translatey(-5px);
|
||||||
|
}
|
||||||
|
a.login-btn {
|
||||||
|
color: #0263e0;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
/*------------------------ home 2 -------------------------*/
|
||||||
|
a.home2-site-btn-1 {
|
||||||
|
color: #202c4a;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
/*------------------------ home 2 -------------------------*/
|
||||||
|
|
||||||
|
.main-menu3 ul li a {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.main-menu3 ul li.has-dropdown > a::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
right: -4px;
|
||||||
|
top: 22px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #fff;
|
||||||
|
font-family: "Font Awesome 6 Pro";
|
||||||
|
}
|
||||||
|
.main-menu3 ul li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
a.home3-cta {
|
||||||
|
background: #ff008a;
|
||||||
|
color: #fff;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 17px 50px;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
++++++++++++++++++++++++++++++++++
|
||||||
|
==== =====nav menu all ====== ======
|
||||||
|
+++++++++++++++++++++++++++++++++
|
||||||
|
*/
|
||||||
|
|
||||||
|
.main-menu-ex li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li a {
|
||||||
|
color: #000;
|
||||||
|
font-size: 16px;
|
||||||
|
display: block;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 10px 15px;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.main-menu-ex li a:hover {
|
||||||
|
color: #0263e0;
|
||||||
|
transition: all.3s;
|
||||||
|
}
|
||||||
|
.main-menu-ex li {
|
||||||
|
position: relative;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li ul {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 50px;
|
||||||
|
background: #fff;
|
||||||
|
width: 200px;
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: rgb(0 0 0 / 20%) 0px 20px 30px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li li {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li li a {
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #0e1124;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all.4s;
|
||||||
|
border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
.main-menu-ex li li a::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transform: rotatey(60deg);
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.4s;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.main-menu-ex li li a:hover::after {
|
||||||
|
transform: rotatey(0deg);
|
||||||
|
background-color:
|
||||||
|
#2F80ED;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.main-menu-ex li li a .main-menu-ex li li a:hover {
|
||||||
|
background-color: #00bf71;
|
||||||
|
transform: rotatey(0deg);
|
||||||
|
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li > ul {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
top: 60px;
|
||||||
|
left: 0;
|
||||||
|
transition: all 0.3s;
|
||||||
|
transform: translateY(20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li li > ul {
|
||||||
|
left: 100%;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex li li:hover > ul {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.main-menu-ex li:hover > ul {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
top: 50px;
|
||||||
|
transition: all 0.3s;
|
||||||
|
z-index: 99;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.home4-menu li li a {
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #0e1124;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all.4s;
|
||||||
|
border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.home4-menu li li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
.main-menu-ex.home4-menu li li a::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transform: translateY(-10px);
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.4s;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.main-menu-ex.home4-menu li li a:hover::after {
|
||||||
|
transform: translateY(0);
|
||||||
|
background-color: #ff3e55;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.home2-menu li li a {
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #0e1124;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all.4s;
|
||||||
|
border-radius: 4px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.home2-menu li li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
transition: all.4s;
|
||||||
|
}
|
||||||
|
.main-menu-ex.home2-menu li li a::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
transform: translateY(-10px);
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: all.4s;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
.main-menu-ex.home2-menu li li a:hover::after {
|
||||||
|
transform: translateY(0);
|
||||||
|
background-color: #00bf71;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.has-dropdown1 {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
li.has-dropdown1 span {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex3 li a:hover {
|
||||||
|
color: #ff008a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex3 li li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #ff008a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex4 li a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex4 li a:hover {
|
||||||
|
color: #2F80ED;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex4 li li a {
|
||||||
|
color: #0e1124;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex4 li li a:hover {
|
||||||
|
background-color: #0263e0;
|
||||||
|
}
|
||||||
|
.main-menu-ex.main-menu-ex4 li li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.main-menu-ex.main-menu-ex5 li li a:hover {
|
||||||
|
background-color: #24BA96;
|
||||||
|
}
|
||||||
|
.main-menu-ex.main-menu-ex5 li li a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.main-menu-ex.main-menu-ex5 li a:hover {
|
||||||
|
color: #00bf71;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
++++++++++++++++++++++++++++++++++
|
||||||
|
==== =====nav menu all ====== ======
|
||||||
|
+++++++++++++++++++++++++++++++++
|
||||||
|
*/
|
||||||
|
|
||||||
|
.header-area {
|
||||||
|
transition: all.6s;
|
||||||
|
}
|
||||||
|
.header-area.sticky {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
z-index: 111;
|
||||||
|
-webkit-animation-name: fade-in-down;
|
||||||
|
animation-name: fade-in-down;
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
-webkit-animation-fill-mode: forwards;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
background-color: #ffffff;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-area.header-area2.sticky {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
transform: translate3d(0, 0, 0);
|
||||||
|
z-index: 111;
|
||||||
|
-webkit-animation-name: fade-in-down;
|
||||||
|
animation-name: fade-in-down;
|
||||||
|
-webkit-animation-duration: 1s;
|
||||||
|
animation-duration: 1s;
|
||||||
|
-webkit-animation-fill-mode: forwards;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
background-color: #0A122A;
|
||||||
|
transition: all 0.3s ease-in-out;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-site-btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
351
public/assets/css/magnific-popup.css
Normal file
351
public/assets/css/magnific-popup.css
Normal file
@@ -0,0 +1,351 @@
|
|||||||
|
/* Magnific Popup CSS */
|
||||||
|
.mfp-bg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1042;
|
||||||
|
overflow: hidden;
|
||||||
|
position: fixed;
|
||||||
|
background: #0b0b0b;
|
||||||
|
opacity: 0.8; }
|
||||||
|
|
||||||
|
.mfp-wrap {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 1043;
|
||||||
|
position: fixed;
|
||||||
|
outline: none !important;
|
||||||
|
-webkit-backface-visibility: hidden; }
|
||||||
|
|
||||||
|
.mfp-container {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
|
||||||
|
.mfp-container:before {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
height: 100%;
|
||||||
|
vertical-align: middle; }
|
||||||
|
|
||||||
|
.mfp-align-top .mfp-container:before {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-content {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
z-index: 1045; }
|
||||||
|
|
||||||
|
.mfp-inline-holder .mfp-content,
|
||||||
|
.mfp-ajax-holder .mfp-content {
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-ajax-cur {
|
||||||
|
cursor: progress; }
|
||||||
|
|
||||||
|
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||||
|
cursor: -moz-zoom-out;
|
||||||
|
cursor: -webkit-zoom-out;
|
||||||
|
cursor: zoom-out; }
|
||||||
|
|
||||||
|
.mfp-zoom {
|
||||||
|
cursor: pointer;
|
||||||
|
cursor: -webkit-zoom-in;
|
||||||
|
cursor: -moz-zoom-in;
|
||||||
|
cursor: zoom-in; }
|
||||||
|
|
||||||
|
.mfp-auto-cursor .mfp-content {
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-close,
|
||||||
|
.mfp-arrow,
|
||||||
|
.mfp-preloader,
|
||||||
|
.mfp-counter {
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.mfp-loading.mfp-figure {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-hide {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.mfp-preloader {
|
||||||
|
color: #CCC;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
width: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -0.8em;
|
||||||
|
left: 8px;
|
||||||
|
right: 8px;
|
||||||
|
z-index: 1044; }
|
||||||
|
.mfp-preloader a {
|
||||||
|
color: #CCC; }
|
||||||
|
.mfp-preloader a:hover {
|
||||||
|
color: #FFF; }
|
||||||
|
|
||||||
|
.mfp-s-ready .mfp-preloader {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.mfp-s-error .mfp-content {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
button.mfp-close,
|
||||||
|
button.mfp-arrow {
|
||||||
|
overflow: visible;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
display: block;
|
||||||
|
outline: none;
|
||||||
|
padding: 0;
|
||||||
|
z-index: 1046;
|
||||||
|
box-shadow: none;
|
||||||
|
touch-action: manipulation; }
|
||||||
|
|
||||||
|
button::-moz-focus-inner {
|
||||||
|
padding: 0;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
.mfp-close {
|
||||||
|
width: 44px;
|
||||||
|
height: 44px;
|
||||||
|
line-height: 44px;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
opacity: 0.65;
|
||||||
|
padding: 0 0 18px 10px;
|
||||||
|
color: #FFF;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: Arial, Baskerville, monospace; }
|
||||||
|
.mfp-close:hover,
|
||||||
|
.mfp-close:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-close:active {
|
||||||
|
top: 1px; }
|
||||||
|
|
||||||
|
.mfp-close-btn-in .mfp-close {
|
||||||
|
color: #333; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-close,
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
color: #FFF;
|
||||||
|
right: -6px;
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 6px;
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.mfp-counter {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
color: #CCC;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 18px;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.mfp-arrow {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0.65;
|
||||||
|
margin: 0;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -55px;
|
||||||
|
padding: 0;
|
||||||
|
width: 90px;
|
||||||
|
height: 110px;
|
||||||
|
-webkit-tap-highlight-color: transparent; }
|
||||||
|
.mfp-arrow:active {
|
||||||
|
margin-top: -54px; }
|
||||||
|
.mfp-arrow:hover,
|
||||||
|
.mfp-arrow:focus {
|
||||||
|
opacity: 1; }
|
||||||
|
.mfp-arrow:before,
|
||||||
|
.mfp-arrow:after {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-left: 35px;
|
||||||
|
border: medium inset transparent; }
|
||||||
|
.mfp-arrow:after {
|
||||||
|
border-top-width: 13px;
|
||||||
|
border-bottom-width: 13px;
|
||||||
|
top: 8px; }
|
||||||
|
.mfp-arrow:before {
|
||||||
|
border-top-width: 21px;
|
||||||
|
border-bottom-width: 21px;
|
||||||
|
opacity: 0.7; }
|
||||||
|
|
||||||
|
.mfp-arrow-left {
|
||||||
|
left: 0; }
|
||||||
|
.mfp-arrow-left:after {
|
||||||
|
border-right: 17px solid #FFF;
|
||||||
|
margin-left: 31px; }
|
||||||
|
.mfp-arrow-left:before {
|
||||||
|
margin-left: 25px;
|
||||||
|
border-right: 27px solid #3F3F3F; }
|
||||||
|
|
||||||
|
.mfp-arrow-right {
|
||||||
|
right: 0; }
|
||||||
|
.mfp-arrow-right:after {
|
||||||
|
border-left: 17px solid #FFF;
|
||||||
|
margin-left: 39px; }
|
||||||
|
.mfp-arrow-right:before {
|
||||||
|
border-left: 27px solid #3F3F3F; }
|
||||||
|
|
||||||
|
.mfp-iframe-holder {
|
||||||
|
padding-top: 40px;
|
||||||
|
padding-bottom: 40px; }
|
||||||
|
.mfp-iframe-holder .mfp-content {
|
||||||
|
line-height: 0;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 900px; }
|
||||||
|
.mfp-iframe-holder .mfp-close {
|
||||||
|
top: -40px; }
|
||||||
|
|
||||||
|
.mfp-iframe-scaler {
|
||||||
|
width: 100%;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 56.25%; }
|
||||||
|
.mfp-iframe-scaler iframe {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #000; }
|
||||||
|
|
||||||
|
/* Main image in popup */
|
||||||
|
img.mfp-img {
|
||||||
|
width: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
line-height: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 40px 0 40px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
|
||||||
|
/* The shadow behind the image */
|
||||||
|
.mfp-figure {
|
||||||
|
line-height: 0; }
|
||||||
|
.mfp-figure:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 40px;
|
||||||
|
bottom: 40px;
|
||||||
|
display: block;
|
||||||
|
right: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
z-index: -1;
|
||||||
|
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||||
|
background: #444; }
|
||||||
|
.mfp-figure small {
|
||||||
|
color: #BDBDBD;
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 14px; }
|
||||||
|
.mfp-figure figure {
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.mfp-bottom-bar {
|
||||||
|
margin-top: -36px;
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
cursor: auto; }
|
||||||
|
|
||||||
|
.mfp-title {
|
||||||
|
text-align: left;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #F3F3F3;
|
||||||
|
word-wrap: break-word;
|
||||||
|
padding-right: 36px; }
|
||||||
|
|
||||||
|
.mfp-image-holder .mfp-content {
|
||||||
|
max-width: 100%; }
|
||||||
|
|
||||||
|
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||||
|
/**
|
||||||
|
* Remove all paddings around the image on small screen
|
||||||
|
*/
|
||||||
|
.mfp-img-mobile .mfp-image-holder {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0; }
|
||||||
|
.mfp-img-mobile img.mfp-img {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure:after {
|
||||||
|
top: 0;
|
||||||
|
bottom: 0; }
|
||||||
|
.mfp-img-mobile .mfp-figure small {
|
||||||
|
display: inline;
|
||||||
|
margin-left: 5px; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar {
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
bottom: 0;
|
||||||
|
margin: 0;
|
||||||
|
top: auto;
|
||||||
|
padding: 3px 5px;
|
||||||
|
position: fixed;
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||||
|
padding: 0; }
|
||||||
|
.mfp-img-mobile .mfp-counter {
|
||||||
|
right: 5px;
|
||||||
|
top: 3px; }
|
||||||
|
.mfp-img-mobile .mfp-close {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 35px;
|
||||||
|
height: 35px;
|
||||||
|
line-height: 35px;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
position: fixed;
|
||||||
|
text-align: center;
|
||||||
|
padding: 0; } }
|
||||||
|
|
||||||
|
@media all and (max-width: 900px) {
|
||||||
|
.mfp-arrow {
|
||||||
|
-webkit-transform: scale(0.75);
|
||||||
|
transform: scale(0.75); }
|
||||||
|
.mfp-arrow-left {
|
||||||
|
-webkit-transform-origin: 0;
|
||||||
|
transform-origin: 0; }
|
||||||
|
.mfp-arrow-right {
|
||||||
|
-webkit-transform-origin: 100%;
|
||||||
|
transform-origin: 100%; }
|
||||||
|
.mfp-container {
|
||||||
|
padding-left: 6px;
|
||||||
|
padding-right: 6px; } }
|
||||||
175
public/assets/css/meanmenu.css
Normal file
175
public/assets/css/meanmenu.css
Normal file
@@ -0,0 +1,175 @@
|
|||||||
|
|
||||||
|
/*! #######################################################################
|
||||||
|
|
||||||
|
MeanMenu 2.0.7
|
||||||
|
--------
|
||||||
|
|
||||||
|
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
|
||||||
|
|
||||||
|
####################################################################### */
|
||||||
|
|
||||||
|
/* hide the link until viewport size is reached */
|
||||||
|
a.meanmenu-reveal {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* when under viewport size, .mean-container is added to body */
|
||||||
|
.mean-container .mean-bar {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
background: #f9f9f9;
|
||||||
|
padding: 4px 0;
|
||||||
|
min-height: 42px;
|
||||||
|
z-index: 999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
padding: 13px 13px 11px 13px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 16px;
|
||||||
|
text-indent: -9999em;
|
||||||
|
line-height: 22px;
|
||||||
|
font-size: 1px;
|
||||||
|
display: block;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container a.meanmenu-reveal span {
|
||||||
|
display: block;
|
||||||
|
background: #000;
|
||||||
|
height: 3px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
background: #f9f9f9;
|
||||||
|
margin-top: 44px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
width: 90%;
|
||||||
|
padding: 1em 5%;
|
||||||
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
|
color: #000;
|
||||||
|
border-top: 1px solid #383838;
|
||||||
|
border-top: 1px solid #f1f1f1;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li li a {
|
||||||
|
width: 80%;
|
||||||
|
padding: 1em 10%;
|
||||||
|
border-top: 1px solid #f1f1f1;
|
||||||
|
border-top: 1px solid #f1f1f1;
|
||||||
|
opacity: 0.75;
|
||||||
|
filter: alpha(opacity=75);
|
||||||
|
text-shadow: none !important;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li.mean-last a {
|
||||||
|
border-bottom: none;
|
||||||
|
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 {
|
||||||
|
margin-top: 1px;
|
||||||
|
width: 26px;
|
||||||
|
height: 32px;
|
||||||
|
padding: 12px !important;
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
font-weight: 700;
|
||||||
|
background: rgba(255,255,255,0.1);
|
||||||
|
border: none !important;
|
||||||
|
border-left: 1px solid rgba(255,255,255,0.4) !important;
|
||||||
|
border-bottom: 1px solid rgba(255,255,255,0.2) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||||
|
background: #fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
.mean-container .mean-nav ul li a.mean-expand{
|
||||||
|
border: 1px solid #f1f1f1 !important;
|
||||||
|
}
|
||||||
|
.mean-container .mean-push {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mean-nav .wrapper {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-menu.fix.mean-container {
|
||||||
|
margin: 50px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fix for box sizing on Foundation Framework etc. */
|
||||||
|
.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;
|
||||||
|
}
|
||||||
224
public/assets/css/mobile-menu.css
Normal file
224
public/assets/css/mobile-menu.css
Normal file
@@ -0,0 +1,224 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
Plugin Name: Multi Drop Down Mobile menu
|
||||||
|
version: 1.0
|
||||||
|
Author: Sujon Mahamud
|
||||||
|
Desc:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*Base css*/
|
||||||
|
|
||||||
|
@media screen and (max-width:769px) {
|
||||||
|
*{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: 'arial', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:hover{
|
||||||
|
outline: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, li{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*Menu Css*/
|
||||||
|
|
||||||
|
.mobile-logo a{
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #000;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mobile-header {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 17px 0;
|
||||||
|
z-index: 9;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-header-elements {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-nav-icon {
|
||||||
|
font-size: 23px;
|
||||||
|
border: 1px solid;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mobile-sidebar {
|
||||||
|
position: fixed;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
background:#000;
|
||||||
|
z-index: 99;
|
||||||
|
padding: 40px 30px;
|
||||||
|
left: -100%;
|
||||||
|
top: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
transition: all .3s;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-sidebar .contact-icon{
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mobile-sidebar.mobile-menu-active{
|
||||||
|
left: 0;
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-close {
|
||||||
|
position: absolute;
|
||||||
|
right: 20px;
|
||||||
|
top: 20px;
|
||||||
|
font-size: 25px;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-nav li a {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
ul.mobile-nav-list {
|
||||||
|
margin-bottom: 40px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
li.has-children {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.mobile-nav-menu-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 50px;
|
||||||
|
width: 50px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 50px;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mobile-menu-sub {
|
||||||
|
display: none;
|
||||||
|
position: relative;
|
||||||
|
left: 0;
|
||||||
|
padding-left: 10px;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.mobile-menu-sub.sub-menu-active{
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mobile-nav li {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.submenu-button {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 44px;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 3;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.submenu-button:after, span.submenu-button:before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
height: 20px;
|
||||||
|
width: 2px;
|
||||||
|
background: #fff;
|
||||||
|
top: 12px;
|
||||||
|
right: 9px;
|
||||||
|
transition: all .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.submenu-button:before {
|
||||||
|
height: 2px;
|
||||||
|
width: 20px;
|
||||||
|
right: 0px;
|
||||||
|
top: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.submenu-button.submenu-opened:after {
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-menu{
|
||||||
|
display: none;
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
span.multi-drop-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
width: 20px;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
ul.mobile-nav-list {
|
||||||
|
max-height: 500px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
}
|
||||||
1
public/assets/css/modal-video.min.css
vendored
Normal file
1
public/assets/css/modal-video.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:960px;width:100%;height:100%;margin:0 auto;padding:0 10px;display:flex;justify-content:center;box-sizing:border-box}.modal-video-inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (orientation: landscape){.modal-video-inner{padding:10px 60px;box-sizing:border-box}}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-45px;right:0;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}@media (orientation: landscape){.modal-video-close-btn{top:0;right:-45px}}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
|
||||||
138
public/assets/css/nice-select.css
Normal file
138
public/assets/css/nice-select.css
Normal file
@@ -0,0 +1,138 @@
|
|||||||
|
.nice-select {
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: solid 1px #e8e8e8;
|
||||||
|
box-sizing: border-box;
|
||||||
|
clear: both;
|
||||||
|
cursor: pointer;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: normal;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 40px;
|
||||||
|
outline: none;
|
||||||
|
padding-left: 18px;
|
||||||
|
padding-right: 30px;
|
||||||
|
position: relative;
|
||||||
|
text-align: left !important;
|
||||||
|
-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;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: auto; }
|
||||||
|
.nice-select:hover {
|
||||||
|
border-color: #dbdbdb; }
|
||||||
|
.nice-select:active, .nice-select.open, .nice-select:focus {
|
||||||
|
border-color: #999; }
|
||||||
|
.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; }
|
||||||
6
public/assets/css/owl.carousel.min.css
vendored
Normal file
6
public/assets/css/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
/**
|
||||||
|
* Owl Carousel v2.3.4
|
||||||
|
* 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:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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
public/assets/css/preloader.css
Normal file
0
public/assets/css/preloader.css
Normal file
16
public/assets/css/responsive.css
Normal file
16
public/assets/css/responsive.css
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
/*=================
|
||||||
|
home1-start
|
||||||
|
===================*/
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.home1-hero-hadding {
|
||||||
|
padding: 150px 0 20px 0;
|
||||||
|
}
|
||||||
|
.home1-main-hero-img {
|
||||||
|
padding-top: 75px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*=================
|
||||||
|
home1-end
|
||||||
|
===================*/
|
||||||
119
public/assets/css/slick-slider.css
Normal file
119
public/assets/css/slick-slider.css
Normal file
@@ -0,0 +1,119 @@
|
|||||||
|
/* Slider */
|
||||||
|
.slick-slider
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
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;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.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;
|
||||||
|
}
|
||||||
1386
public/assets/css/typography.css
Normal file
1386
public/assets/css/typography.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/assets/fonts/CircularStd-Black.eot
Normal file
BIN
public/assets/fonts/CircularStd-Black.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Black.otf
Normal file
BIN
public/assets/fonts/CircularStd-Black.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Black.ttf
Normal file
BIN
public/assets/fonts/CircularStd-Black.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Black.woff
Normal file
BIN
public/assets/fonts/CircularStd-Black.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Black.woff2
Normal file
BIN
public/assets/fonts/CircularStd-Black.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BlackItalic.eot
Normal file
BIN
public/assets/fonts/CircularStd-BlackItalic.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BlackItalic.otf
Normal file
BIN
public/assets/fonts/CircularStd-BlackItalic.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BlackItalic.ttf
Normal file
BIN
public/assets/fonts/CircularStd-BlackItalic.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BlackItalic.woff
Normal file
BIN
public/assets/fonts/CircularStd-BlackItalic.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BlackItalic.woff2
Normal file
BIN
public/assets/fonts/CircularStd-BlackItalic.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Bold.eot
Normal file
BIN
public/assets/fonts/CircularStd-Bold.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Bold.otf
Normal file
BIN
public/assets/fonts/CircularStd-Bold.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Bold.ttf
Normal file
BIN
public/assets/fonts/CircularStd-Bold.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Bold.woff
Normal file
BIN
public/assets/fonts/CircularStd-Bold.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Bold.woff2
Normal file
BIN
public/assets/fonts/CircularStd-Bold.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BoldItalic.eot
Normal file
BIN
public/assets/fonts/CircularStd-BoldItalic.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BoldItalic.otf
Normal file
BIN
public/assets/fonts/CircularStd-BoldItalic.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BoldItalic.ttf
Normal file
BIN
public/assets/fonts/CircularStd-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BoldItalic.woff
Normal file
BIN
public/assets/fonts/CircularStd-BoldItalic.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BoldItalic.woff2
Normal file
BIN
public/assets/fonts/CircularStd-BoldItalic.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Book.eot
Normal file
BIN
public/assets/fonts/CircularStd-Book.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Book.otf
Normal file
BIN
public/assets/fonts/CircularStd-Book.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Book.ttf
Normal file
BIN
public/assets/fonts/CircularStd-Book.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Book.woff
Normal file
BIN
public/assets/fonts/CircularStd-Book.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Book.woff2
Normal file
BIN
public/assets/fonts/CircularStd-Book.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BookItalic.eot
Normal file
BIN
public/assets/fonts/CircularStd-BookItalic.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BookItalic.otf
Normal file
BIN
public/assets/fonts/CircularStd-BookItalic.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BookItalic.ttf
Normal file
BIN
public/assets/fonts/CircularStd-BookItalic.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BookItalic.woff
Normal file
BIN
public/assets/fonts/CircularStd-BookItalic.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-BookItalic.woff2
Normal file
BIN
public/assets/fonts/CircularStd-BookItalic.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Medium.eot
Normal file
BIN
public/assets/fonts/CircularStd-Medium.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Medium.otf
Normal file
BIN
public/assets/fonts/CircularStd-Medium.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Medium.ttf
Normal file
BIN
public/assets/fonts/CircularStd-Medium.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Medium.woff
Normal file
BIN
public/assets/fonts/CircularStd-Medium.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-Medium.woff2
Normal file
BIN
public/assets/fonts/CircularStd-Medium.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-MediumItalic.eot
Normal file
BIN
public/assets/fonts/CircularStd-MediumItalic.eot
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-MediumItalic.otf
Normal file
BIN
public/assets/fonts/CircularStd-MediumItalic.otf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-MediumItalic.ttf
Normal file
BIN
public/assets/fonts/CircularStd-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-MediumItalic.woff
Normal file
BIN
public/assets/fonts/CircularStd-MediumItalic.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/CircularStd-MediumItalic.woff2
Normal file
BIN
public/assets/fonts/CircularStd-MediumItalic.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/basiercircle-regular-webfont.woff
Normal file
BIN
public/assets/fonts/basiercircle-regular-webfont.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/basiercircle-regular-webfont.woff2
Normal file
BIN
public/assets/fonts/basiercircle-regular-webfont.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/basiersquare-regular-webfont.woff
Normal file
BIN
public/assets/fonts/basiersquare-regular-webfont.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/basiersquare-regular-webfont.woff2
Normal file
BIN
public/assets/fonts/basiersquare-regular-webfont.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/butler_black-webfont.woff
Normal file
BIN
public/assets/fonts/butler_black-webfont.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/butler_black-webfont.woff2
Normal file
BIN
public/assets/fonts/butler_black-webfont.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/butler_bold-webfont.woff
Normal file
BIN
public/assets/fonts/butler_bold-webfont.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/butler_bold-webfont.woff2
Normal file
BIN
public/assets/fonts/butler_bold-webfont.woff2
Normal file
Binary file not shown.
BIN
public/assets/fonts/butler_extrabold-webfont.woff
Normal file
BIN
public/assets/fonts/butler_extrabold-webfont.woff
Normal file
Binary file not shown.
BIN
public/assets/fonts/butler_extrabold-webfont.woff2
Normal file
BIN
public/assets/fonts/butler_extrabold-webfont.woff2
Normal file
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user