Depuración de tamplete
This commit is contained in:
@ -1,7 +0,0 @@
|
||||
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
|
||||
|
||||
@section('title', 'Banners Porto')
|
||||
|
||||
@section('content')
|
||||
@livewire('vuexy-admin::plugins-index')
|
||||
@endsection
|
||||
15
resources/views/components/header/background-clean.blade.php
Normal file
15
resources/views/components/header/background-clean.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern page-header-md bg-transparent">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1 class="text-dark">Background <strong>Clean</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
16
resources/views/components/header/background-fixed.blade.php
Normal file
16
resources/views/components/header/background-fixed.blade.php
Normal file
@ -0,0 +1,16 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-5" style="background-image: url(img/page-header/page-header-background.jpg);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1>Background <strong>Fixed</strong></h1>
|
||||
<span class="sub-title">This is a subtitle example.</span>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,16 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-primary overlay-show overlay-op-8" style="background-image: url(img/page-header/page-header-background.jpg);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1>Background <strong>Overlay</strong></h1>
|
||||
<span class="sub-title">This is a subtitle example.</span>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md parallax overlay overlay-color-dark overlay-show overlay-op-5 mt-0" data-plugin-parallax data-plugin-options="{'speed': 1.2}" data-image-src="img/page-header/page-header-parallax.jpg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1>Background <strong>Parallax</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-pattern page-header-background-md overlay overlay-color-dark overlay-show overlay-op-5" style="background-image: url(img/patterns/wild_oliva.png);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1>Background <strong>Pattern</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-7" style="background-image: url(img/page-header/page-header-background-transparent.jpg);">
|
||||
<div class="container">
|
||||
<div class="row mt-5">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1>Background <strong>Transparent</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/background-video.blade.php
Normal file
15
resources/views/components/header/background-video.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-10 mt-0" data-video-path="video/memory-of-a-woman.mp4" data-plugin-video-background data-plugin-options="{'posterType': 'jpg', 'position': '50% 50%'}">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1>Background <strong>Video</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
18
resources/views/components/header/classic-large.blade.php
Normal file
18
resources/views/components/header/classic-large.blade.php
Normal file
@ -0,0 +1,18 @@
|
||||
<section class="page-header page-header-classic page-header-lg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col p-static">
|
||||
<h1 data-title-border>Classic Large</h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
18
resources/views/components/header/classic-medium.blade.php
Normal file
18
resources/views/components/header/classic-medium.blade.php
Normal file
@ -0,0 +1,18 @@
|
||||
<section class="page-header page-header-classic">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col p-static">
|
||||
<h1 data-title-border>Classic Medium</h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/classic-small.blade.php
Normal file
15
resources/views/components/header/classic-small.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-classic page-header-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 data-title-border>Classic Small</h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/colors-dark.blade.php
Normal file
15
resources/views/components/header/colors-dark.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-dark page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="">Colors <strong>Dark</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/colors-light.blade.php
Normal file
15
resources/views/components/header/colors-light.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="text-dark">Colors <strong>Light</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/colors-primary.blade.php
Normal file
15
resources/views/components/header/colors-primary.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-primary page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="">Colors <strong>Primary</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-quaternary page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="">Colors <strong>Quaternary</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/colors-secondary.blade.php
Normal file
15
resources/views/components/header/colors-secondary.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-secondary page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="">Colors <strong>Secondary</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/colors-tertiary.blade.php
Normal file
15
resources/views/components/header/colors-tertiary.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-tertiary page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="">Colors <strong>Tertiary</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end breadcrumb-light">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern page-header-md bg-transparent border-top border-bottom">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 align-self-center order-2 order-md-1 p-static">
|
||||
<h1 class="text-dark">Extra <strong>Breadcrumb Dark</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-6 align-self-center order-1 text-md-end">
|
||||
<ul class="breadcrumb d-block breadcrumb-block breadcrumb-light mb-2 mb-md-0">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,22 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-quaternary overlay-show overlay-op-8 mb-0" style="background-image: url(img/page-header/page-header-background.jpg);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col align-self-center p-static text-center">
|
||||
<h1>Extra <strong>Breadcrumb Outside</strong></h1>
|
||||
<span class="sub-title">This is a subtitle example.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="page-header bg-color-light border-bottom border-width-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col align-self-center p-static">
|
||||
<ul class="breadcrumb d-block">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/extra-full-width.blade.php
Normal file
15
resources/views/components/header/extra-full-width.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-md">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="text-dark">Extra <strong>Full Width</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,11 @@
|
||||
<div class="mouse-hover-split mb-4">
|
||||
<div id="side-left" class="side side-left bg-color-primary">
|
||||
<h2 class="font-weight-semi-bold text-color-light">Porto - Multipurpose Website Template</h2>
|
||||
</div>
|
||||
<div id="side-right" class="side side-right bg-color-grey">
|
||||
<h2 class="font-weight-semi-bold">Porto - Multipurpose Website Template</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Examples -->
|
||||
<script src="js/examples/examples.mouse.hover.split.js"></script>
|
||||
31
resources/views/components/header/extra-product.blade.php
Normal file
31
resources/views/components/header/extra-product.blade.php
Normal file
@ -0,0 +1,31 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-md py-0 overlay overlay-color-primary overlay-show overlay-op-8" style="background-image: url(img/page-header/page-header-background-2.jpg);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-5 order-2 order-sm-1 align-self-center p-static">
|
||||
<div class="overflow-hidden">
|
||||
<ul class="breadcrumb breadcrumb-light d-block appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="100">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="overflow-hidden pb-2">
|
||||
<h1 class="text-10 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">Introducing the new <strong>Product</strong></h1>
|
||||
</div>
|
||||
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
||||
<span class="sub-title text-4 mt-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere.</span>
|
||||
</div>
|
||||
<div class="appear-animation d-inline-block" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
||||
<a href="#" class="btn btn-modern btn-dark mt-4">Buy Now <i class="fas fa-arrow-right ms-1"></i></a>
|
||||
</div>
|
||||
<div class="appear-animation d-inline-block" data-appear-animation="rotateInUpRight" data-appear-animation-delay="500">
|
||||
<span class="arrow hlt" style="top: 40px;"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-7 order-1 order-sm-2 align-items-end justify-content-end d-flex pt-5">
|
||||
<div style="min-height: 350px;" class="overflow-hidden">
|
||||
<img alt="" src="img/custom-header.png" class="img-fluid appear-animation" data-appear-animation="slideInUp" data-appear-animation-delay="600" data-appear-animation-duration="1s">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,18 @@
|
||||
<section class="page-header page-header-modern page-header-background page-header-background-lg overlay overlay-color-dark overlay-show overlay-op-7" style="background-image: url(img/page-header/page-header-background-transparent.jpg);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1>Extra <strong>Scroll to Content</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb breadcrumb-light d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-header-extra-button text-center">
|
||||
<a href="#main" data-hash data-hash-offset="0" data-hash-offset-lg="100" class="btn btn-primary btn-rounded-icon"><i class="fas fa-arrow-down"></i></a>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/modern-large.blade.php
Normal file
15
resources/views/components/header/modern-large.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-lg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="text-dark">Modern <strong>Large</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/modern-medium.blade.php
Normal file
15
resources/views/components/header/modern-medium.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="text-dark">Modern <strong>Medium</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/modern-small.blade.php
Normal file
15
resources/views/components/header/modern-small.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 order-2 order-md-1 align-self-center p-static">
|
||||
<h1 class="text-dark">Modern <strong>Small</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 order-1 order-md-2 align-self-center">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
15
resources/views/components/header/overview.blade.php
Normal file
15
resources/views/components/header/overview.blade.php
Normal file
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-lg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1 class="font-weight-bold text-dark">Page Headers Overview</h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-lg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1 class="text-dark text-uppercase">Center <strong>Large</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,39 @@
|
||||
@props([
|
||||
'title' => '',
|
||||
'breadcrumbs' => [
|
||||
['name' => 'Inicio', 'href' => '/', 'active' => true],
|
||||
],
|
||||
])
|
||||
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1 class="text-dark text-uppercase">{!! $title !!}</h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-center">
|
||||
@foreach ($breadcrumbs as $breadcrumb)
|
||||
<li>
|
||||
@if (!empty($breadcrumb['route']) && \Illuminate\Support\Facades\Route::has($breadcrumb['route']))
|
||||
<a href="{{ route($breadcrumb['route'], $breadcrumb['params'] ?? []) }}"
|
||||
@if($breadcrumb['active'] ?? false) class="active" @endif>
|
||||
{{ $breadcrumb['name'] }}
|
||||
</a>
|
||||
@elseif (!empty($breadcrumb['href']))
|
||||
<a href="{{ $breadcrumb['href'] }}"
|
||||
@if($breadcrumb['active'] ?? false) class="active" @endif>
|
||||
{{ $breadcrumb['name'] }}
|
||||
</a>
|
||||
@else
|
||||
<span @if($breadcrumb['active'] ?? false) class="active" @endif>
|
||||
{{ $breadcrumb['name'] }}
|
||||
</span>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 align-self-center p-static order-2 text-center">
|
||||
<h1 class="text-dark text-uppercase">Center <strong>Small</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-12 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-center">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-lg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 align-self-center p-static order-2 order-md-1">
|
||||
<h1 class="text-dark text-uppercase">Left <strong>Large</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center order-1 order-md-2">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 align-self-center p-static order-2 order-md-1">
|
||||
<h1 class="text-dark text-uppercase">Left <strong>Medium</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center order-1 order-md-2">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 align-self-center p-static order-2 order-md-1">
|
||||
<h1 class="text-dark text-uppercase">Left <strong>Small</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center order-1 order-md-2">
|
||||
<ul class="breadcrumb d-block text-md-end">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-lg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 align-self-center p-static order-2 text-end">
|
||||
<h1 class="text-dark text-uppercase">Right <strong>Large</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-end text-md-start">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-md">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 align-self-center p-static order-2 text-end">
|
||||
<h1 class="text-dark text-uppercase">Right <strong>Medium</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-end text-md-start">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,15 @@
|
||||
<section class="page-header page-header-modern bg-color-grey page-header-sm">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 align-self-center p-static order-2 text-end">
|
||||
<h1 class="text-dark text-uppercase">Right <strong>Small</strong></h1>
|
||||
</div>
|
||||
<div class="col-md-4 align-self-center order-1">
|
||||
<ul class="breadcrumb d-block text-end text-md-start">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li class="active">Features</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,7 +0,0 @@
|
||||
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
|
||||
|
||||
@section('title', 'CSS Personalizado Porto')
|
||||
|
||||
@section('content')
|
||||
@livewire('vuexy-admin::plugins-index')
|
||||
@endsection
|
||||
@ -15,7 +15,7 @@
|
||||
<!-- Web Fonts -->
|
||||
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">
|
||||
|
||||
@include('vuexy-website-layout-porto::layouts.business-consulting-4.partials.styles')
|
||||
@include('koneko-layout-porto::layouts.business-consulting-4.partials.styles')
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
@ -28,6 +28,6 @@
|
||||
@yield('footer')
|
||||
</div>
|
||||
|
||||
@include('vuexy-website-layout-porto::layouts.business-consulting-4.partials.scripts')
|
||||
@include('koneko-layout-porto::layouts.business-consulting-4.partials.scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<!-- Web Fonts -->
|
||||
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CRoboto+Slab:300,400,700,900&display=swap" rel="stylesheet" type="text/css">
|
||||
|
||||
@include('vuexy-website-layout-porto::layouts.cleaning-services.partials.styles')
|
||||
@include('koneko-layout-porto::layouts.cleaning-services.partials.styles')
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
@ -28,6 +28,6 @@
|
||||
@yield('footer')
|
||||
</div>
|
||||
|
||||
@include('vuexy-website-layout-porto::layouts.cleaning-services.partials.scripts')
|
||||
@include('koneko-layout-porto::layouts.cleaning-services.partials.scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
<!-- Web Fonts -->
|
||||
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" type="text/css">
|
||||
|
||||
@include('vuexy-website-layout-porto::layouts.renewable-energy.partials.styles')
|
||||
@include('koneko-layout-porto::layouts.renewable-energy.partials.styles')
|
||||
</head>
|
||||
<body class="alternative-font-7">
|
||||
<div class="body">
|
||||
@ -28,6 +28,6 @@
|
||||
@yield('footer')
|
||||
</div>
|
||||
|
||||
@include('vuexy-website-layout-porto::layouts.renewable-energy.partials.scripts')
|
||||
@include('koneko-layout-porto::layouts.renewable-energy.partials.scripts')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
|
||||
|
||||
@section('title', 'Template Porto')
|
||||
|
||||
@section('content')
|
||||
@livewire('vuexy-admin::plugins-index')
|
||||
@endsection
|
||||
@ -1,15 +0,0 @@
|
||||
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"> Useful Links </span>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/presentation?ref=njs-index"> About Us </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://blog.creative-tim.com?ref=njs-index"> Blog </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.github.com/creativetimofficial?ref=njs-index"> Github </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/bootstrap-themes/free?ref=njs-index"> Free Products </a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1,42 +0,0 @@
|
||||
<ul class="flex flex-col lg:flex-row list-none lg:ml-auto items-center">
|
||||
<li class="inline-block relative">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="#pablo" onclick="openDropdown(event,'demo-pages-dropdown')"> Demo Pages </a>
|
||||
<div class="hidden bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48 navbar-popper" id="demo-pages-dropdown">
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> Admin Layout </span>
|
||||
<a href="./pages/admin/dashboard.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Dashboard </a>
|
||||
<a href="./pages/admin/settings.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Settings </a>
|
||||
<a href="./pages/admin/tables.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Tables </a>
|
||||
<a href="./pages/admin/maps.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Maps </a>
|
||||
<div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div>
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> Auth Layout </span>
|
||||
<a href="./pages/auth/login.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Login </a>
|
||||
<a href="./pages/auth/register.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Register </a>
|
||||
<div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div>
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> No Layout </span>
|
||||
<a href="./pages/landing.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Landing </a>
|
||||
<a href="./pages/profile.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Profile </a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-js%2F" target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-facebook text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Share</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-js%2F&text=Start%20your%20development%20with%20a%20Free%20Tailwind%20CSS%20and%20JavaScript%20UI%20Kit%20and%20Admin.%20Let%20Notus%20JS%20amaze%20you%20with%20its%20cool%20features%20and%20build%20tools%20and%20get%20your%20project%20to%20a%20whole%20new%20level." target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-twitter text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Tweet</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://github.com/creativetimofficial/notus-js?ref=njs-index" target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-github text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Star</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<button class="text-white bg-pink-500 active:bg-pink-600 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3 ease-linear transition-all duration-150" type="button">
|
||||
<i class="fas fa-arrow-alt-circle-down"></i> Download </button>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1,979 +0,0 @@
|
||||
@extends('vuexy-website-layout-porto::layouts.business-consulting-4.master')
|
||||
|
||||
@section('header')
|
||||
<header id="header" class="header-transparent" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': false, 'stickyStartAt': 53, 'stickySetTop': '-53px'}">
|
||||
<div class="header-body border-top-0 h-auto box-shadow-none">
|
||||
<div class="header-top header-top-borders">
|
||||
<div class="container h-100">
|
||||
<div class="header-row h-100">
|
||||
<div class="header-column justify-content-start">
|
||||
<div class="header-row">
|
||||
<nav class="header-nav-top">
|
||||
<ul class="nav nav-pills">
|
||||
<li class="nav-item py-2 d-none d-sm-inline-flex pe-2">
|
||||
<span class="ps-0 font-weight-semibold text-color-default text-2-5">1234 Street Name, City Name</span>
|
||||
</li>
|
||||
<li class="nav-item py-2 pe-2">
|
||||
<a href="tel:123-456-7890" class="text-color-default text-2-5 text-color-hover-primary font-weight-semibold">123-456-7890</a>
|
||||
</li>
|
||||
<li class="nav-item py-2 d-none d-md-inline-flex">
|
||||
<a href="mailto:mail@domain.com" class="text-color-default text-2-5 text-color-hover-primary font-weight-semibold">mail@domain.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-column justify-content-end">
|
||||
<div class="header-row">
|
||||
<nav class="header-nav-top">
|
||||
<ul class="nav nav-pills p-relative bottom-2">
|
||||
<li class="nav-item py-2 d-none d-lg-inline-flex">
|
||||
<a href="http://www.facebook.com/" target="_blank" title="Facebook" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-facebook-f text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
<li class="nav-item py-2 d-none d-lg-inline-flex">
|
||||
<a href="http://www.x.com/" target="_blank" title="X" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-x-twitter text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
<li class="nav-item py-2 d-none d-lg-inline-flex">
|
||||
<a href="http://www.instagram.com/" target="_blank" title="Instagram" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-instagram text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
<li class="nav-item py-2 pe-0 d-none d-lg-inline-flex">
|
||||
<a href="http://www.linkedin.com/" target="_blank" title="Linkedin" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-linkedin-in text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-container header-container-height-sm container p-static">
|
||||
<div class="header-row">
|
||||
<div class="header-column">
|
||||
<div class="header-row">
|
||||
<div class="header-logo">
|
||||
<a href="index.html">
|
||||
<img alt="Porto" width="123" height="32" src="img/demos/business-consulting-4/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-column justify-content-end">
|
||||
<div class="header-row">
|
||||
<div class="header-nav header-nav-links">
|
||||
<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-dropdown-border-radius header-nav-main-text-capitalize header-nav-main-text-size-4 header-nav-main-arrows header-nav-main-full-width-mega-menu header-nav-main-mega-menu-bg-hover header-nav-main-effect-2">
|
||||
<nav class="collapse">
|
||||
<ul class="nav nav-pills" id="mainNav">
|
||||
<li class="dropdown">
|
||||
<a href="demo-business-consulting-4.html" class="nav-link active">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown dropdown-mega">
|
||||
<a class="dropdown-item dropdown-toggle" href="elements.html">
|
||||
|
||||
Elements
|
||||
|
||||
</a>
|
||||
<ul class="dropdown-menu border-top border-top-light mt-0">
|
||||
|
||||
<li>
|
||||
<div class="dropdown-mega-content container px-2">
|
||||
<div class="row px-1">
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 1</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-accordions.html">Accordions</a></li>
|
||||
<li><a class="dropdown-item" href="elements-alerts.html">Alerts</a></li>
|
||||
<li><a class="dropdown-item" href="elements-animations.html">Animations <span class="tip tip-dark p-relative bottom-2">hot</span></a></li>
|
||||
<li><a class="dropdown-item" href="elements-arrows.html">Arrows</a></li>
|
||||
<li><a class="dropdown-item" href="elements-badges.html">Badges</a></li>
|
||||
<li><a class="dropdown-item" href="elements-before-after.html">Before / After</a></li>
|
||||
<li><a class="dropdown-item" href="elements-blockquotes.html">Blockquotes</a></li>
|
||||
<li><a class="dropdown-item" href="elements-buttons.html">Buttons</a></li>
|
||||
<li><a class="dropdown-item" href="elements-call-to-action.html">Call to Action</a></li>
|
||||
<li><a class="dropdown-item" href="elements-cards.html">Cards</a></li>
|
||||
<li><a class="dropdown-item" href="elements-carousels.html">Carousels</a></li>
|
||||
<li><a class="dropdown-item" href="elements-cascading-images.html">Cascading Images</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 2</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-content-rotate.html">Content Rotate</a></li>
|
||||
<li><a class="dropdown-item" href="elements-countdowns.html">Countdowns</a></li>
|
||||
<li><a class="dropdown-item" href="elements-counters.html">Counters</a></li>
|
||||
<li><a class="dropdown-item" href="elements-dividers.html">Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-forms.html">Forms</a></li>
|
||||
<li><a class="dropdown-item" href="elements-headings.html">Headings</a></li>
|
||||
<li><a class="dropdown-item" href="elements-icons.html">Icons</a></li>
|
||||
<li><a class="dropdown-item" href="elements-icon-boxes.html">Icon Boxes</a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-frames.html">Image Frames <span class="tip tip-dark p-relative bottom-2">hot</span></a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-gallery.html">Image Gallery</a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-hotspots.html">Image Hotspots</a></li>
|
||||
<li><a class="dropdown-item" href="elements-lightboxes.html">Lightboxes</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 3</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-lists.html">Lists</a></li>
|
||||
<li><a class="dropdown-item" href="elements-maps.html">Maps</a></li>
|
||||
<li><a class="dropdown-item" href="elements-medias.html">Medias</a></li>
|
||||
<li><a class="dropdown-item" href="elements-modals.html">Modals</a></li>
|
||||
<li><a class="dropdown-item" href="elements-parallax.html">Parallax</a></li>
|
||||
<li><a class="dropdown-item" href="elements-particles.html">Particles</a></li>
|
||||
<li><a class="dropdown-item" href="elements-posts.html">Posts</a></li>
|
||||
<li><a class="dropdown-item" href="elements-pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a class="dropdown-item" href="elements-process.html">Process</a></li>
|
||||
<li><a class="dropdown-item" href="elements-progressbars.html">Progress Bars</a></li>
|
||||
<li><a class="dropdown-item" href="elements-random-images.html">Random Images</a></li>
|
||||
<li><a class="dropdown-item" href="elements-read-more.html">Read More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 4</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-sections.html">Sections</a></li>
|
||||
<li><a class="dropdown-item" href="elements-shape-dividers.html">Shape Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-star-ratings.html">Star Ratings</a></li>
|
||||
<li><a class="dropdown-item" href="elements-sticky-elements.html">Sticky Elements</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tables.html">Tables</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tabs.html">Tabs</a></li>
|
||||
<li><a class="dropdown-item" href="elements-testimonials.html">Testimonials</a></li>
|
||||
<li><a class="dropdown-item" href="elements-toggles.html">Toggles</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tooltips-popovers.html">Tooltips & Popovers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-typography.html">Typography</a></li>
|
||||
<li><a class="dropdown-item" href="elements-word-rotator.html">Word Rotator</a></li>
|
||||
<li><a class="dropdown-item" href="elements-360-image-viewer.html">360º Image Viewer</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-business-consulting-4-about-us.html">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="demo-business-consulting-4-services.html">
|
||||
Services
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="dropdown-item">Strategic Planning</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="dropdown-item">Financial Clean-Up</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="dropdown-item">Cash Flow Planning</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">
|
||||
|
||||
Portfolio
|
||||
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Single Project</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-single-wide-slider.html">Wide Slider</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-small-slider.html">Small Slider</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-full-width-slider.html">Full Width Slider</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-gallery.html">Gallery</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-carousel.html">Carousel</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-medias.html">Medias</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-full-width-video.html">Full Width Video</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-masonry-images.html">Masonry Images</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-left-sidebar.html">Left Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-right-sidebar.html">Right Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-left-and-right-sidebars.html">Left and Right Sidebars</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-sticky-sidebar.html">Sticky Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-extended.html">Extended</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Grid Layouts</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-grid-1-column.html">1 Column</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-2-columns.html">2 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-3-columns.html">3 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-4-columns.html">4 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-5-columns.html">5 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-6-columns.html">6 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-no-margins.html">No Margins</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-full-width.html">Full Width</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-full-width-no-margins.html">Full Width No Margins</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-1-column-title-and-description.html">Title and Description</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Masonry Layouts</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-2-columns.html">2 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-3-columns.html">3 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-4-columns.html">4 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-5-columns.html">5 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-6-columns.html">6 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-no-margins.html">No Margins</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-full-width.html">Full Width</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Sidebar Layouts</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-left.html">Left Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-right.html">Right Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-left-and-right.html">Left and Right Sidebars</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-sticky.html">Sticky Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Ajax</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-ajax-page.html">Ajax on Page</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-ajax-modal.html">Ajax on Modal</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Extra</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-extra-timeline.html">Timeline</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-lightbox.html">Lightbox</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-load-more.html">Load More</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-infinite-scroll.html">Infinite Scroll</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-lazy-load-masonry.html">Lazy Load Masonry</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-pagination.html">Pagination</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-combination-filters.html">Combination Filters</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-business-consulting-4-team.html">
|
||||
Team
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-business-consulting-4-blog.html">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<a href="demo-business-consulting-4-contact-us.html" class="btn btn-modern btn-primary btn-outline btn-arrow-effect-1 text-capitalize text-2-5 ms-3 me-2 d-block d-md-none d-xl-block anim-hover-translate-right-5px transition-2ms">Contact Us <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="header-nav-features header-nav-features-no-border ps-2 order-1 order-lg-2">
|
||||
<div class="header-nav-feature header-nav-features-search d-inline-flex">
|
||||
<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon text-3"></i></a>
|
||||
<div class="header-nav-features-dropdown" id="headerTopSearchDropdown">
|
||||
<form role="search" action="page-search-results.html" method="get">
|
||||
<div class="simple-search input-group">
|
||||
<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">
|
||||
<button class="btn" type="submit" aria-label="Search">
|
||||
<i class="fas fa-search header-nav-top-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<section class="section border-0 m-0 bg-color-quaternary p-relative">
|
||||
<div class="container">
|
||||
<div class="row custom-hero-row">
|
||||
|
||||
<div class="col">
|
||||
<div class="row pt-5 mt-5 mb-5 pb-5">
|
||||
<div class="col-12 col-lg-6 p-relative pt-5 mt-5">
|
||||
<div class="divider divider-small divider-small-lg appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
|
||||
<hr class="bg-primary border-radius">
|
||||
</div>
|
||||
<div class="overflow-hidden mb-1">
|
||||
<h2 class="font-weight-semi-bold text-color-grey text-uppercase positive-ls-3 text-4-5 line-height-2 line-height-sm-7 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">A leading consulting firm</h2>
|
||||
</div>
|
||||
<h1 class="text-color-dark font-weight-bold text-9 pb-2 mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Digital, business and technology<br>consulting for growth.</h1>
|
||||
<div class="d-block appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">
|
||||
<a href="#start" data-hash data-hash-offset="0" data-hash-offset-lg="100" class="btn btn-modern btn-primary btn-arrow-effect-1 text-capitalize text-2-5 px-5 py-3 anim-hover-translate-top-5px transition-2ms">Learn More <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
<div class="pt-5 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
||||
<span class="d-inline-block anim-hover-translate-bottom-5px transition-2ms">
|
||||
<a href="#start" data-hash data-hash-offset="0" data-hash-offset-lg="100" class="btn btn-default text-color-primary border-color-primary bg-transparent rotate-r-90 btn-circle border-width-2 btn-lg"><i class="fas fa-arrow-right"></i></a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 p-relative text-end">
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-6" data-appear-animation="expandIn" data-appear-animation-delay="500">
|
||||
<div class="bg-color-primary particle particle-dots w-100 h-100 opacity-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-7" data-appear-animation="expandIn" data-appear-animation-delay="700">
|
||||
<div class="bg-color-primary particle particle-dots w-100 h-100 opacity-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper p-relative custom-element-5" data-appear-animation="expandIn" data-appear-animation-delay="0">
|
||||
<div class="w-100 h-100">
|
||||
<div class="custom-element rotate-r-45"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img class="appear-animation img-fluid custom-element-wrapper custom-element-8" data-appear-animation="fadeIn" data-appear-animation-delay="900" src="img/demos/business-consulting-4/generic/generic-1.png" alt="">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row align-items-end justify-content-end pt-5">
|
||||
<div class="col-lg-9 text-end pt-5">
|
||||
<div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="800">
|
||||
<div class="owl-carousel owl-theme stage-margin rounded-nav nav-dark nav-icon-1 nav-size-md nav-position-1" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 2}, '1199': {'items': 2}}, 'margin': 10, 'loop': true, 'nav': true, 'dots': false, 'stagePadding': 40}">
|
||||
<div class="overlay overlay-color-primary overlay-show overlay-op-8 rounded overflow-hidden">
|
||||
<img alt="" class="img-fluid rounded" src="img/demos/business-consulting-4/generic/generic-2.jpg">
|
||||
<a href="#" class="p-absolute z-index-2 top-0 left-0 w-100 h-100 anim-hover-translate-top-5px transition-2ms">
|
||||
<span class="p-absolute left-0 bottom-0 text-color-light text-start ms-4 mb-3 ps-2 pb-1">
|
||||
<strong class="text-5 negative-ls-05 font-weight-bold">Why Choose Us</strong>
|
||||
<p class="font-weight-medium text-color-light opacity-7 p-relative bottom-4 mb-0">Lorem ipsum dolor sit amet...</p>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="overlay overlay-color-dark overlay-show overlay-op-9 rounded overflow-hidden">
|
||||
<img alt="" class="img-fluid rounded" src="img/demos/business-consulting-4/generic/generic-3.jpg">
|
||||
<a href="#" class="p-absolute z-index-2 top-0 left-0 w-100 h-100 anim-hover-translate-top-5px transition-2ms">
|
||||
<span class="p-absolute left-0 bottom-0 text-color-light text-start ms-4 mb-3 ps-2 pb-1">
|
||||
<strong class="text-5 negative-ls-05 font-weight-bold">Consulting for Growth</strong>
|
||||
<p class="font-weight-medium text-color-light opacity-7 p-relative bottom-4 mb-0">Lorem ipsum dolor sit amet...</p>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="overlay overlay-color-primary overlay-show overlay-op-8 rounded overflow-hidden">
|
||||
<img alt="" class="img-fluid rounded" src="img/demos/business-consulting-4/generic/generic-4.jpg">
|
||||
<a href="#" class="p-absolute z-index-2 top-0 left-0 w-100 h-100 anim-hover-translate-top-5px transition-2ms">
|
||||
<span class="p-absolute left-0 bottom-0 text-color-light text-start ms-4 mb-3 ps-2 pb-1">
|
||||
<strong class="text-5 negative-ls-05 font-weight-bold">Why Choose Us</strong>
|
||||
<p class="font-weight-medium text-color-light opacity-7 p-relative bottom-4 mb-0">Lorem ipsum dolor sit amet...</p>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="overlay overlay-color-dark overlay-show overlay-op-9 rounded overflow-hidden">
|
||||
<img alt="" class="img-fluid rounded" src="img/demos/business-consulting-4/generic/generic-5.jpg">
|
||||
<a href="#" class="p-absolute z-index-2 top-0 left-0 w-100 h-100 anim-hover-translate-top-5px transition-2ms">
|
||||
<span class="p-absolute left-0 bottom-0 text-color-light text-start ms-4 mb-3 ps-2 pb-1">
|
||||
<strong class="text-5 negative-ls-05 font-weight-bold">Consulting for Growth</strong>
|
||||
<p class="font-weight-medium text-color-light opacity-7 p-relative bottom-4 mb-0">Lorem ipsum dolor sit amet...</p>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-1" data-appear-animation="expandIn" data-appear-animation-delay="200">
|
||||
<div class="w-100 h-100" data-plugin-float-element data-plugin-options="{'startPos': 'bottom', 'speed': 2.1, 'transition': true, 'transitionDuration': 500}">
|
||||
<div class="custom-element rotate-r-45"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-2" data-appear-animation="expandIn" data-appear-animation-delay="200">
|
||||
<div class="w-100 h-100" data-plugin-float-element data-plugin-options="{'startPos': 'bottom', 'speed': 2.2, 'transition': true, 'transitionDuration': 500}">
|
||||
<div class="custom-element rotate-r-45"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-3" data-appear-animation="expandIn" data-appear-animation-delay="200">
|
||||
<div class="w-100 h-100" data-plugin-float-element data-plugin-options="{'startPos': 'bottom', 'speed': 2.3, 'transition': true, 'transitionDuration': 500}">
|
||||
<div class="custom-element rotate-r-45"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-4" data-appear-animation="expandIn" data-appear-animation-delay="200">
|
||||
<div class="w-100 h-100" data-plugin-float-element data-plugin-options="{'startPos': 'bottom', 'speed': 2.4, 'transition': true, 'transitionDuration': 500}">
|
||||
<div class="custom-element rotate-r-45"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="section border-0 bg-transparent m-0" id="start">
|
||||
<div class="container py-5 mb-3">
|
||||
<div class="row">
|
||||
<div class="col text-center">
|
||||
|
||||
<div class="divider divider-small divider-small-lg mt-0 text-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
|
||||
<hr class="bg-primary border-radius m-auto">
|
||||
</div>
|
||||
<div class="overflow-hidden mb-1">
|
||||
<h3 class="font-weight-semi-bold text-color-grey text-uppercase positive-ls-3 text-4 line-height-2 line-height-sm-7 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">Our Mission</h3>
|
||||
</div>
|
||||
<h2 class="text-color-dark font-weight-bold text-8 pb-2 mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">We are committed to providing our clients the best<br>strategic guidance available</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4 pb-5">
|
||||
<div class="col-lg-6 text-center p-relative pt-5">
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-9" data-appear-animation="expandIn" data-appear-animation-delay="1000">
|
||||
<div class="bg-color-primary particle particle-dots w-100 h-100 opacity-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-10" data-appear-animation="expandIn" data-appear-animation-delay="1200">
|
||||
<div class="bg-color-primary particle particle-dots w-100 h-100 opacity-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="appear-animation custom-element-wrapper custom-element-11 p-relative rotate-r-45" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
<img class="img-fluid" src="img/demos/business-consulting-4/generic/generic-6.jpg" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-6 pt-5 mt-5 pt-lg-0 mt-lg-0">
|
||||
<div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
<p class="font-weight-medium text-4-5 line-height-5">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet ullamcorper dolor, quis sollicitudin.</p>
|
||||
<p class="text-3-5">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non. Integer aliquet.</p>
|
||||
|
||||
<ul class="list list-icons list-icons-style-2 list-icons-lg">
|
||||
<li class="line-height-9 text-3-5 mb-1">
|
||||
<i class="fas fa-check border-width-2 text-3"></i>Amet orci quis arcu vestibulum vestibulum.
|
||||
</li>
|
||||
<li class="line-height-9 text-3-5 mb-1">
|
||||
<i class="fas fa-check border-width-2 text-3"></i>Quis arcu vestibulum vestibulum.
|
||||
</li>
|
||||
<li class="line-height-9 text-3-5 mb-1">
|
||||
<i class="fas fa-check border-width-2 text-3"></i>Sit amet orci quis arcu.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="d-block pt-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">
|
||||
<a href="demo-business-consulting-4-about-us.html" class="btn btn-modern btn-primary btn-arrow-effect-1 text-capitalize text-2-5 px-5 py-3 anim-hover-translate-top-5px transition-2ms">Learn More <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section border-0 bg-quaternary m-0">
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col col-lg-9 text-center">
|
||||
|
||||
<div class="divider divider-small divider-small-lg mt-0 text-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
|
||||
<hr class="bg-primary border-radius m-auto">
|
||||
</div>
|
||||
<div class="overflow-hidden mb-1">
|
||||
<h3 class="font-weight-semi-bold text-color-grey text-uppercase positive-ls-3 text-4 line-height-2 line-height-sm-7 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">How We Can Help</h3>
|
||||
</div>
|
||||
<h2 class="text-color-dark font-weight-bold text-8 pb-4 mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Our Amazing Services</h2>
|
||||
|
||||
<p class="font-weight-medium text-4-5 line-height-5 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendrerit vehicula leo, vel efficitur felis ultrices non.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row py-5 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
<div class="col-md-4 mb-4 mb-md-0">
|
||||
<div class="card card-border card-border-top card-border-hover bg-color-light border-0 box-shadow-6 box-shadow-hover anim-hover-translate-top-10px transition-3ms anim-hover-inner-wrapper">
|
||||
<div class="card-body p-relative zindex-1 p-5 text-center">
|
||||
<div class="anim-hover-inner-translate-top-20px transition-3ms">
|
||||
<img width="72" height="73" src="img/demos/business-consulting-4/icons/icon-1.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
|
||||
<h4 class="card-title mt-4 mb-2 text-5 font-weight-bold">Strategic Planning</h4>
|
||||
<p class="card-text text-3-5">Lorem ipsum dolor sit amet, consectetur elit.</p>
|
||||
</div>
|
||||
<div class="w-100 text-center p-absolute opacity-0 bottom-30 left-0 transformY-p100 anim-hover-inner-opacity-10 anim-hover-inner-translate-top-0px transition-4ms">
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="read-more text-color-primary font-weight-semibold mt-2 text-2">Learn More <i class="fas fa-angle-right position-relative top-1 ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4 mb-md-0">
|
||||
<div class="card card-border card-border-top card-border-hover bg-color-light border-0 box-shadow-6 box-shadow-hover anim-hover-translate-top-10px transition-3ms anim-hover-inner-wrapper">
|
||||
<div class="card-body p-relative zindex-1 p-5 text-center">
|
||||
<div class="anim-hover-inner-translate-top-20px transition-3ms">
|
||||
<img width="72" height="73" src="img/demos/business-consulting-4/icons/icon-2.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
|
||||
<h4 class="card-title mt-4 mb-2 text-5 font-weight-bold">Financial Clean-Up</h4>
|
||||
<p class="card-text text-3-5">Lorem ipsum dolor sit amet, consectetur elit.</p>
|
||||
</div>
|
||||
<div class="w-100 text-center p-absolute opacity-0 bottom-30 left-0 transformY-p100 anim-hover-inner-opacity-10 anim-hover-inner-translate-top-0px transition-4ms">
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="read-more text-color-primary font-weight-semibold mt-2 text-2">Learn More <i class="fas fa-angle-right position-relative top-1 ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card card-border card-border-top card-border-hover bg-color-light border-0 box-shadow-6 box-shadow-hover anim-hover-translate-top-10px transition-3ms anim-hover-inner-wrapper">
|
||||
<div class="card-body p-relative zindex-1 p-5 text-center">
|
||||
<div class="anim-hover-inner-translate-top-20px transition-3ms">
|
||||
<img width="72" height="73" src="img/demos/business-consulting-4/icons/icon-3.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
|
||||
<h4 class="card-title mt-4 mb-2 text-5 font-weight-bold">Cash Flow Planning</h4>
|
||||
<p class="card-text text-3-5">Lorem ipsum dolor sit amet, consectetur elit.</p>
|
||||
</div>
|
||||
<div class="w-100 text-center p-absolute opacity-0 bottom-30 left-0 transformY-p100 anim-hover-inner-opacity-10 anim-hover-inner-translate-top-0px transition-4ms">
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="read-more text-color-primary font-weight-semibold mt-2 text-2">Learn More <i class="fas fa-angle-right position-relative top-1 ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col col-lg-9 text-center">
|
||||
|
||||
<div class="d-block pt-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">
|
||||
<a href="demo-business-consulting-4-services.html" class="btn btn-modern btn-primary btn-arrow-effect-1 text-capitalize text-2-5 px-5 py-3 anim-hover-translate-top-5px transition-2ms">Learn More <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section border-0 bg-dark m-0 p-relative">
|
||||
<div class="particles-wrapper z-index-1">
|
||||
<div id="particles-1"></div>
|
||||
</div>
|
||||
<div class="container py-5 p-relative z-index-2">
|
||||
<div class="row">
|
||||
<div class="col text-center">
|
||||
|
||||
<div class="divider divider-small divider-small-lg mt-0 text-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
|
||||
<hr class="bg-primary border-radius m-auto">
|
||||
</div>
|
||||
<div class="overflow-hidden mb-1">
|
||||
<h3 class="font-weight-semi-bold text-color-grey text-uppercase positive-ls-3 text-4 line-height-2 line-height-sm-7 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">Company Stats</h3>
|
||||
</div>
|
||||
<h2 class="text-color-light font-weight-bold text-8 pb-4 mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Learn More About Us In Numbers</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4 pb-3 counters text-light appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
<div class="col-lg-4 mb-4 mb-lg-0">
|
||||
<div class="counter">
|
||||
<strong data-to="500" data-append="+">0</strong>
|
||||
<label class="font-weight-semibold text-4 opacity-7">Cases Completed</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4 mb-lg-0">
|
||||
<div class="counter">
|
||||
<strong data-to="100" data-append="+">0</strong>
|
||||
<label class="font-weight-semibold text-4 opacity-7">Total Consultants</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4 mb-sm-0">
|
||||
<div class="counter">
|
||||
<strong data-to="100" data-append="%">0</strong>
|
||||
<label class="font-weight-semibold text-4 opacity-7">Satisfied Customers</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section border-0 bg-quaternary m-0">
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col col-lg-9 text-center">
|
||||
|
||||
<div class="divider divider-small divider-small-lg mt-0 text-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
|
||||
<hr class="bg-primary border-radius m-auto">
|
||||
</div>
|
||||
<div class="overflow-hidden mb-1">
|
||||
<h3 class="font-weight-semi-bold text-color-grey text-uppercase positive-ls-3 text-4 line-height-2 line-height-sm-7 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">What They Say About Us</h3>
|
||||
</div>
|
||||
<h2 class="text-color-dark font-weight-bold text-8 pb-4 mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Testimonials</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
|
||||
<div class="owl-carousel owl-theme stage-margin rounded-nav nav-dark nav-icon-1 nav-size-md mb-0" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 2}, '1199': {'items': 2}}, 'margin': 0, 'loop': true, 'nav': true, 'dots': false, 'stagePadding': 40}">
|
||||
<div class="mx-3">
|
||||
<div class="testimonial testimonial-style-3 testimonial-style-3-light">
|
||||
<blockquote class="p-3 before-d-none">
|
||||
<p class="font-weight-medium text-4 line-height-5 p-3 m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
|
||||
</blockquote>
|
||||
<div class="testimonial-arrow-down p-relative z-index-1"></div>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-author-thumbnail">
|
||||
<img src="img/clients/client-1.jpg" class="img-fluid rounded-circle" alt="">
|
||||
</div>
|
||||
<p><strong class="font-weight-extra-bold">John Smith</strong><span>CEO & Founder - Okler</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
<div class="testimonial testimonial-style-3 testimonial-style-3-light">
|
||||
<blockquote class="p-3 before-d-none">
|
||||
<p class="font-weight-medium text-4 line-height-5 p-3 m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
|
||||
</blockquote>
|
||||
<div class="testimonial-arrow-down p-relative z-index-1"></div>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-author-thumbnail">
|
||||
<img src="img/clients/client-1.jpg" class="img-fluid rounded-circle" alt="">
|
||||
</div>
|
||||
<p><strong class="font-weight-extra-bold">John Smith</strong><span>CEO & Founder - Okler</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-3">
|
||||
<div class="testimonial testimonial-style-3 testimonial-style-3-light">
|
||||
<blockquote class="p-3 before-d-none">
|
||||
<p class="font-weight-medium text-4 line-height-5 p-3 m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
|
||||
</blockquote>
|
||||
<div class="testimonial-arrow-down p-relative z-index-1"></div>
|
||||
<div class="testimonial-author">
|
||||
<div class="testimonial-author-thumbnail">
|
||||
<img src="img/clients/client-1.jpg" class="img-fluid rounded-circle" alt="">
|
||||
</div>
|
||||
<p><strong class="font-weight-extra-bold">John Smith</strong><span>CEO & Founder - Okler</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<section class="section border-0 bg-light m-0">
|
||||
<div class="container py-5">
|
||||
<div class="row align-items-center text-center">
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-lg-0">
|
||||
<img src="img/logos/logo-8.png" alt="" class="img-fluid" style="max-width: 90px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-lg-0">
|
||||
<img src="img/logos/logo-9.png" alt="" class="img-fluid" style="max-width: 140px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-lg-0">
|
||||
<img src="img/logos/logo-10.png" alt="" class="img-fluid" style="max-width: 140px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-sm-0">
|
||||
<img src="img/logos/logo-11.png" alt="" class="img-fluid" style="max-width: 140px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-sm-0">
|
||||
<img src="img/logos/logo-12.png" alt="" class="img-fluid" style="max-width: 100px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2">
|
||||
<img src="img/logos/logo-13.png" alt="" class="img-fluid" style="max-width: 100px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="parallax section section-text-light section-parallax bg-primary m-0" data-plugin-parallax data-plugin-options="{'speed': 1.5}" data-image-src="img/demos/business-consulting-4/parallax/parallax-1.jpg">
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col">
|
||||
<div class="feature-box align-items-center border-0 float-lg-end mb-4 mb-lg-0 appear-animation" data-appear-animation="fadeInRightShorterPlus" data-appear-animation-delay="300">
|
||||
<div class="feature-box-icon bg-transparent">
|
||||
<i class="icons icon-phone text-6 text-color-light"></i>
|
||||
</div>
|
||||
<div class="feature-box-info line-height-2 ps-1">
|
||||
<span class="d-block text-1 text-light font-weight-semibold text-color-default ws-nowrap">CALL US NOW</span>
|
||||
<strong class="text-4-5"><a href="tel:+1234567890" class="text-color-light text-decoration-none ws-nowrap">+123 4567 890</a></strong>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="text-color-light font-weight-bold text-8 pb-4 mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Best Consultants Downtown Los Angeles CA</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col">
|
||||
<div class="border-top border-color-light-5 text-light pt-4 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 mb-3 mb-lg-0 col-lg">
|
||||
<h2 class="text-color-light font-weight-bold text-5 mb-0">Request a Call Back</h2>
|
||||
</div>
|
||||
<div class="col-12 mb-3 mb-lg-0 col-lg">
|
||||
<input type="text" class="form-control text-3 h-auto py-3 line-height-1 border-0" placeholder="Subject" aria-label="Subject">
|
||||
</div>
|
||||
<div class="col-12 mb-3 mb-lg-0 col-lg">
|
||||
<input type="text" class="form-control text-3 h-auto py-3 line-height-1 border-0" placeholder="Full Name" aria-label="Full Name">
|
||||
</div>
|
||||
<div class="col-12 mb-3 mb-lg-0 col-lg">
|
||||
<input type="text" class="form-control text-3 h-auto py-3 line-height-1 border-0" placeholder="Phone Number" aria-label="Phone Number">
|
||||
</div>
|
||||
<div class="col-12 mb-3 mb-lg-0 col-lg">
|
||||
<div class="d-grid gap-2">
|
||||
<a href="#" class="btn btn-modern btn-dark btn-arrow-effect-1 text-capitalize text-2-5 px-5 py-3 anim-hover-translate-top-5px transition-2ms">Submit <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section border-0 bg-quaternary m-0">
|
||||
<div class="container py-5">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col col-lg-9 text-center">
|
||||
|
||||
<div class="divider divider-small divider-small-lg mt-0 text-center appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="0">
|
||||
<hr class="bg-primary border-radius m-auto">
|
||||
</div>
|
||||
<div class="overflow-hidden mb-1">
|
||||
<h3 class="font-weight-semi-bold text-color-grey text-uppercase positive-ls-3 text-4 line-height-2 line-height-sm-7 mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">What Is Happening</h3>
|
||||
</div>
|
||||
<h2 class="text-color-dark font-weight-bold text-8 pb-4 mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="200">Latest News</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
|
||||
<div class="col-9 col-md-6 col-lg-4 mb-4 mb-lg-0">
|
||||
<a href="demo-business-consulting-4-blog-post.html" class="text-decoration-none">
|
||||
<div class="card border-0 bg-transparent">
|
||||
<div class="card-img-top position-relative overlay overflow-hidden border-radius">
|
||||
<div class="position-absolute bottom-10 right-0 d-flex justify-content-end w-100 py-3 px-4 z-index-3">
|
||||
<span class="text-center bg-primary text-color-light border-radius font-weight-semibold line-height-2 px-3 py-2">
|
||||
<span class="position-relative text-6 z-index-2">
|
||||
18
|
||||
<span class="d-block text-0 positive-ls-2 px-1">FEB</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<img src="img/demos/business-consulting-4/blog/post-thumb-1.jpg" class="img-fluid border-radius" alt="Lorem Ipsum Dolor" />
|
||||
</div>
|
||||
<div class="card-body py-4 px-0">
|
||||
<span class="d-block text-color-grey font-weight-semibold positive-ls-2 text-2">BY ADMIN</span>
|
||||
<h4 class="font-weight-bold text-5 text-color-hover-primary mb-2">Lorem ipsum dolor sit a met, consectetur</h4>
|
||||
<a href="demo-business-consulting-4-blog-post.html" class="read-more text-color-primary font-weight-semibold mt-0 text-2">Read More <i class="fas fa-angle-right position-relative top-1 ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-9 col-md-6 col-lg-4 mb-4 mb-lg-0">
|
||||
<a href="demo-business-consulting-4-blog-post.html" class="text-decoration-none">
|
||||
<div class="card border-0 bg-transparent">
|
||||
<div class="card-img-top position-relative overlay overflow-hidden border-radius">
|
||||
<div class="position-absolute bottom-10 right-0 d-flex justify-content-end w-100 py-3 px-4 z-index-3">
|
||||
<span class="text-center bg-primary text-color-light border-radius font-weight-semibold line-height-2 px-3 py-2">
|
||||
<span class="position-relative text-6 z-index-2">
|
||||
15
|
||||
<span class="d-block text-0 positive-ls-2 px-1">FEB</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<img src="img/demos/business-consulting-4/blog/post-thumb-2.jpg" class="img-fluid border-radius" alt="Lorem Ipsum Dolor" />
|
||||
</div>
|
||||
<div class="card-body py-4 px-0">
|
||||
<span class="d-block text-color-grey font-weight-semibold positive-ls-2 text-2">BY ADMIN</span>
|
||||
<h4 class="font-weight-bold text-5 text-color-hover-primary mb-2">Lorem ipsum dolor sit a met, consectetur</h4>
|
||||
<a href="demo-business-consulting-4-blog-post.html" class="read-more text-color-primary font-weight-semibold mt-0 text-2">Read More <i class="fas fa-angle-right position-relative top-1 ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-9 col-md-6 col-lg-4">
|
||||
<a href="demo-business-consulting-4-blog-post.html" class="text-decoration-none">
|
||||
<div class="card border-0 bg-transparent">
|
||||
<div class="card-img-top position-relative overlay overflow-hidden border-radius">
|
||||
<div class="position-absolute bottom-10 right-0 d-flex justify-content-end w-100 py-3 px-4 z-index-3">
|
||||
<span class="text-center bg-primary text-color-light border-radius font-weight-semibold line-height-2 px-3 py-2">
|
||||
<span class="position-relative text-6 z-index-2">
|
||||
12
|
||||
<span class="d-block text-0 positive-ls-2 px-1">FEB</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<img src="img/demos/business-consulting-4/blog/post-thumb-3.jpg" class="img-fluid border-radius" alt="Lorem Ipsum Dolor" />
|
||||
</div>
|
||||
<div class="card-body py-4 px-0">
|
||||
<span class="d-block text-color-grey font-weight-semibold positive-ls-2 text-2">BY ADMIN</span>
|
||||
<h4 class="font-weight-bold text-5 text-color-hover-primary mb-2">Lorem ipsum dolor sit a met, consectetur</h4>
|
||||
<a href="demo-business-consulting-4-blog-post.html" class="read-more text-color-primary font-weight-semibold mt-0 text-2">Read More <i class="fas fa-angle-right position-relative top-1 ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Google Maps - Go to the bottom of the page to change settings and map location. -->
|
||||
<div id="googlemaps" class="google-map m-0" style="min-height: 580px;"></div>
|
||||
|
||||
<section class="section border-0 bg-light m-0">
|
||||
<div class="container py-3">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4 mb-4 mb-md-0 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="100">
|
||||
<h2 class="text-color-dark font-weight-bold text-5 mb-0">New York</h2>
|
||||
|
||||
<ul class="list list-icons list-icons-style-2 list-icons-lg">
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5 mb-2">
|
||||
<i class="icon-location-pin icons border-width-2 text-3"></i>123 Street Name, City, 191919<br>New York - NY
|
||||
</li>
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5 mb-2">
|
||||
<i class="icon-phone icons border-width-2 text-3"></i>800 123-45679<br>800 123-45678
|
||||
</li>
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5">
|
||||
<i class="icon-envelope icons border-width-2 text-3"></i><a href="mailto:mail@domain.com" class="p-relative top-5">mail@domain.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4 mb-md-0 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="500">
|
||||
<h2 class="text-color-dark font-weight-bold text-5 mb-0">Chicago</h2>
|
||||
|
||||
<ul class="list list-icons list-icons-style-2 list-icons-lg">
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5 mb-2">
|
||||
<i class="icon-location-pin icons border-width-2 text-3"></i>123 Street Name, City, 191919<br>New York - NY
|
||||
</li>
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5 mb-2">
|
||||
<i class="icon-phone icons border-width-2 text-3"></i>800 123-45679<br>800 123-45678
|
||||
</li>
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5">
|
||||
<i class="icon-envelope icons border-width-2 text-3"></i><a href="mailto:mail@domain.com" class="p-relative top-5">mail@domain.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="900">
|
||||
<h2 class="text-color-dark font-weight-bold text-5 mb-0">Louisville</h2>
|
||||
|
||||
<ul class="list list-icons list-icons-style-2 list-icons-lg">
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5 mb-2">
|
||||
<i class="icon-location-pin icons border-width-2 text-3"></i>123 Street Name, City, 191919<br>New York - NY
|
||||
</li>
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5 mb-2">
|
||||
<i class="icon-phone icons border-width-2 text-3"></i>800 123-45679<br>800 123-45678
|
||||
</li>
|
||||
<li class="text-3 font-weight-medium mb-1 line-height-5">
|
||||
<i class="icon-envelope icons border-width-2 text-3"></i><a href="mailto:mail@domain.com" class="p-relative top-5">mail@domain.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@section('footer')
|
||||
<footer id="footer" class="position-relative bg-dark border-top-0">
|
||||
<div class="container pt-5 pb-3">
|
||||
<div class="row pt-5">
|
||||
<div class="col-lg-4">
|
||||
<a href="demo-business-consulting-4.html" class="text-decoration-none">
|
||||
<img src="img/demos/business-consulting-4/logo-light.png" width="123" height="32" class="img-fluid mb-4" alt="Porto" />
|
||||
</a>
|
||||
<p class="text-3-5 font-weight-medium pe-lg-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum pellentesqu. </p>
|
||||
<ul class="list list-unstyled">
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon icon-envelope text-color-light text-5 font-weight-bold position-relative top-1 me-3-5"></i>
|
||||
<a href="mailto:porto@business-consulting-4.com" class="d-inline-flex align-items-center text-decoration-none text-color-light text-color-hover-primary font-weight-semibold text-4-5">porto@domain.com</a>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon icon-phone text-color-light text-5 font-weight-bold position-relative top-1 me-3-5"></i>
|
||||
<a href="tel:8001234567" class="d-inline-flex align-items-center text-decoration-none text-color-light text-color-hover-primary font-weight-semibold text-4-5">800-123-4567</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="social-icons social-icons-clean social-icons-medium">
|
||||
<li class="social-icons-facebook">
|
||||
<a href="http://www.facebook.com/" target="_blank" title="Facebook">
|
||||
<i class="fab fa-facebook-f text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-x">
|
||||
<a href="http://www.x.com/" target="_blank" title="X">
|
||||
<i class="fab fa-x-twitter text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-instagram">
|
||||
<a href="http://www.instagram.com/" target="_blank" title="Instagram">
|
||||
<i class="fab fa-instagram text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-linkedin">
|
||||
<a href="http://www.linkedin.com/" target="_blank" title="Linkedin">
|
||||
<i class="fab fa-linkedin text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="row mb-5-5">
|
||||
<div class="col-lg-6 mb-4 mb-lg-0">
|
||||
<h4 class="text-color-light font-weight-bold mb-3">Navigation</h4>
|
||||
<ul class="list list-unstyled columns-lg-2">
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Home</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">About Us</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Our Services</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Consultants</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Blog</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h4 class="text-color-light font-weight-bold mb-3">Extra Links</h4>
|
||||
<ul class="list list-unstyled columns-lg-2">
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Elements</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Portfolio</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Careers</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Shop Pages</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Testimonials</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="alert alert-success d-none" id="newsletterSuccess">
|
||||
<strong>Success!</strong> You've been added to our email list.
|
||||
</div>
|
||||
<div class="alert alert-danger d-none" id="newsletterError"></div>
|
||||
<div class="d-flex flex-column flex-lg-row align-items-start align-items-lg-center">
|
||||
<h4 class="text-color-light ws-nowrap me-3 mb-3 mb-lg-0">Subscribe to Newsletter:</h4>
|
||||
<form id="newsletterForm" class="form-style-3 w-100" action="php/newsletter-subscribe.php" method="POST">
|
||||
<div class="d-flex">
|
||||
<input class="form-control bg-color-light border-0 box-shadow-none" placeholder="Email Address" name="newsletterEmail" id="newsletterEmail" type="text" />
|
||||
<button class="btn btn-primary ms-2 btn-px-3 btn-py-2 font-weight-bold" type="submit">
|
||||
Go
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright bg-transparent">
|
||||
<div class="container">
|
||||
<hr class="bg-color-light opacity-1">
|
||||
<div class="row">
|
||||
<div class="col mt-4 mb-4 pb-5">
|
||||
<p class="text-center text-3 mb-0">Porto © 2025. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@endsection
|
||||
@ -1,412 +0,0 @@
|
||||
@extends('vuexy-website-layout-porto::layouts.business-consulting-4.master')
|
||||
|
||||
@section('header')
|
||||
<header id="header" class="header-transparent" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyChangeLogo': false, 'stickyStartAt': 53, 'stickySetTop': '-53px'}">
|
||||
<div class="header-body border-top-0 h-auto box-shadow-none">
|
||||
<div class="header-top header-top-borders">
|
||||
<div class="container h-100">
|
||||
<div class="header-row h-100">
|
||||
<div class="header-column justify-content-start">
|
||||
<div class="header-row">
|
||||
<nav class="header-nav-top">
|
||||
<ul class="nav nav-pills">
|
||||
<li class="nav-item py-2 d-none d-sm-inline-flex pe-2">
|
||||
<span class="ps-0 font-weight-semibold text-color-default text-2-5">1234 Street Name, City Name</span>
|
||||
</li>
|
||||
<li class="nav-item py-2 pe-2">
|
||||
<a href="tel:123-456-7890" class="text-color-default text-2-5 text-color-hover-primary font-weight-semibold">123-456-7890</a>
|
||||
</li>
|
||||
<li class="nav-item py-2 d-none d-md-inline-flex">
|
||||
<a href="mailto:mail@domain.com" class="text-color-default text-2-5 text-color-hover-primary font-weight-semibold">mail@domain.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-column justify-content-end">
|
||||
<div class="header-row">
|
||||
<nav class="header-nav-top">
|
||||
<ul class="nav nav-pills p-relative bottom-2">
|
||||
<li class="nav-item py-2 d-none d-lg-inline-flex">
|
||||
<a href="http://www.facebook.com/" target="_blank" title="Facebook" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-facebook-f text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
<li class="nav-item py-2 d-none d-lg-inline-flex">
|
||||
<a href="http://www.x.com/" target="_blank" title="X" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-x-twitter text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
<li class="nav-item py-2 d-none d-lg-inline-flex">
|
||||
<a href="http://www.instagram.com/" target="_blank" title="Instagram" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-instagram text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
<li class="nav-item py-2 pe-0 d-none d-lg-inline-flex">
|
||||
<a href="http://www.linkedin.com/" target="_blank" title="Linkedin" class="text-color-dark text-color-hover-primary text-3 anim-hover-translate-top-5px transition-2ms"><i class="fab fa-linkedin-in text-3 p-relative top-1"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-container header-container-height-sm container p-static">
|
||||
<div class="header-row">
|
||||
<div class="header-column">
|
||||
<div class="header-row">
|
||||
<div class="header-logo">
|
||||
<a href="index.html">
|
||||
<img alt="Porto" width="123" height="32" src="img/demos/business-consulting-4/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-column justify-content-end">
|
||||
<div class="header-row">
|
||||
<div class="header-nav header-nav-links">
|
||||
<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-dropdown-border-radius header-nav-main-text-capitalize header-nav-main-text-size-4 header-nav-main-arrows header-nav-main-full-width-mega-menu header-nav-main-mega-menu-bg-hover header-nav-main-effect-2">
|
||||
<nav class="collapse">
|
||||
<ul class="nav nav-pills" id="mainNav">
|
||||
<li class="dropdown">
|
||||
<a href="demo-business-consulting-4.html" class="nav-link active">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown dropdown-mega">
|
||||
<a class="dropdown-item dropdown-toggle" href="elements.html">
|
||||
|
||||
Elements
|
||||
|
||||
</a>
|
||||
<ul class="dropdown-menu border-top border-top-light mt-0">
|
||||
|
||||
<li>
|
||||
<div class="dropdown-mega-content container px-2">
|
||||
<div class="row px-1">
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 1</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-accordions.html">Accordions</a></li>
|
||||
<li><a class="dropdown-item" href="elements-alerts.html">Alerts</a></li>
|
||||
<li><a class="dropdown-item" href="elements-animations.html">Animations <span class="tip tip-dark p-relative bottom-2">hot</span></a></li>
|
||||
<li><a class="dropdown-item" href="elements-arrows.html">Arrows</a></li>
|
||||
<li><a class="dropdown-item" href="elements-badges.html">Badges</a></li>
|
||||
<li><a class="dropdown-item" href="elements-before-after.html">Before / After</a></li>
|
||||
<li><a class="dropdown-item" href="elements-blockquotes.html">Blockquotes</a></li>
|
||||
<li><a class="dropdown-item" href="elements-buttons.html">Buttons</a></li>
|
||||
<li><a class="dropdown-item" href="elements-call-to-action.html">Call to Action</a></li>
|
||||
<li><a class="dropdown-item" href="elements-cards.html">Cards</a></li>
|
||||
<li><a class="dropdown-item" href="elements-carousels.html">Carousels</a></li>
|
||||
<li><a class="dropdown-item" href="elements-cascading-images.html">Cascading Images</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 2</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-content-rotate.html">Content Rotate</a></li>
|
||||
<li><a class="dropdown-item" href="elements-countdowns.html">Countdowns</a></li>
|
||||
<li><a class="dropdown-item" href="elements-counters.html">Counters</a></li>
|
||||
<li><a class="dropdown-item" href="elements-dividers.html">Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-forms.html">Forms</a></li>
|
||||
<li><a class="dropdown-item" href="elements-headings.html">Headings</a></li>
|
||||
<li><a class="dropdown-item" href="elements-icons.html">Icons</a></li>
|
||||
<li><a class="dropdown-item" href="elements-icon-boxes.html">Icon Boxes</a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-frames.html">Image Frames <span class="tip tip-dark p-relative bottom-2">hot</span></a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-gallery.html">Image Gallery</a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-hotspots.html">Image Hotspots</a></li>
|
||||
<li><a class="dropdown-item" href="elements-lightboxes.html">Lightboxes</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 3</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-lists.html">Lists</a></li>
|
||||
<li><a class="dropdown-item" href="elements-maps.html">Maps</a></li>
|
||||
<li><a class="dropdown-item" href="elements-medias.html">Medias</a></li>
|
||||
<li><a class="dropdown-item" href="elements-modals.html">Modals</a></li>
|
||||
<li><a class="dropdown-item" href="elements-parallax.html">Parallax</a></li>
|
||||
<li><a class="dropdown-item" href="elements-particles.html">Particles</a></li>
|
||||
<li><a class="dropdown-item" href="elements-posts.html">Posts</a></li>
|
||||
<li><a class="dropdown-item" href="elements-pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a class="dropdown-item" href="elements-process.html">Process</a></li>
|
||||
<li><a class="dropdown-item" href="elements-progressbars.html">Progress Bars</a></li>
|
||||
<li><a class="dropdown-item" href="elements-random-images.html">Random Images</a></li>
|
||||
<li><a class="dropdown-item" href="elements-read-more.html">Read More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 4</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-sections.html">Sections</a></li>
|
||||
<li><a class="dropdown-item" href="elements-shape-dividers.html">Shape Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-star-ratings.html">Star Ratings</a></li>
|
||||
<li><a class="dropdown-item" href="elements-sticky-elements.html">Sticky Elements</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tables.html">Tables</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tabs.html">Tabs</a></li>
|
||||
<li><a class="dropdown-item" href="elements-testimonials.html">Testimonials</a></li>
|
||||
<li><a class="dropdown-item" href="elements-toggles.html">Toggles</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tooltips-popovers.html">Tooltips & Popovers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-typography.html">Typography</a></li>
|
||||
<li><a class="dropdown-item" href="elements-word-rotator.html">Word Rotator</a></li>
|
||||
<li><a class="dropdown-item" href="elements-360-image-viewer.html">360º Image Viewer</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-business-consulting-4-about-us.html">
|
||||
About Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="demo-business-consulting-4-services.html">
|
||||
Services
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="dropdown-item">Strategic Planning</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="dropdown-item">Financial Clean-Up</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="demo-business-consulting-4-services-detail.html" class="dropdown-item">Cash Flow Planning</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-item dropdown-toggle" href="#">
|
||||
|
||||
Portfolio
|
||||
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Single Project</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-single-wide-slider.html">Wide Slider</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-small-slider.html">Small Slider</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-full-width-slider.html">Full Width Slider</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-gallery.html">Gallery</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-carousel.html">Carousel</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-medias.html">Medias</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-full-width-video.html">Full Width Video</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-masonry-images.html">Masonry Images</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-left-sidebar.html">Left Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-right-sidebar.html">Right Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-left-and-right-sidebars.html">Left and Right Sidebars</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-sticky-sidebar.html">Sticky Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-single-extended.html">Extended</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Grid Layouts</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-grid-1-column.html">1 Column</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-2-columns.html">2 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-3-columns.html">3 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-4-columns.html">4 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-5-columns.html">5 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-6-columns.html">6 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-no-margins.html">No Margins</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-full-width.html">Full Width</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-full-width-no-margins.html">Full Width No Margins</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-grid-1-column-title-and-description.html">Title and Description</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Masonry Layouts</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-2-columns.html">2 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-3-columns.html">3 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-4-columns.html">4 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-5-columns.html">5 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-6-columns.html">6 Columns</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-no-margins.html">No Margins</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-masonry-full-width.html">Full Width</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Sidebar Layouts</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-left.html">Left Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-right.html">Right Sidebar</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-left-and-right.html">Left and Right Sidebars</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-sidebar-sticky.html">Sticky Sidebar</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Ajax</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-ajax-page.html">Ajax on Page</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-ajax-modal.html">Ajax on Modal</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown-submenu">
|
||||
<a class="dropdown-item" href="#">Extra</a>
|
||||
<ul class="dropdown-menu">
|
||||
|
||||
<li><a class="dropdown-item" href="portfolio-extra-timeline.html">Timeline</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-lightbox.html">Lightbox</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-load-more.html">Load More</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-infinite-scroll.html">Infinite Scroll</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-lazy-load-masonry.html">Lazy Load Masonry</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-pagination.html">Pagination</a></li>
|
||||
<li><a class="dropdown-item" href="portfolio-extra-combination-filters.html">Combination Filters</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-business-consulting-4-team.html">
|
||||
Team
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-business-consulting-4-blog.html">
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<a href="demo-business-consulting-4-contact-us.html" class="btn btn-modern btn-primary btn-outline btn-arrow-effect-1 text-capitalize text-2-5 ms-3 me-2 d-block d-md-none d-xl-block anim-hover-translate-right-5px transition-2ms">Contact Us <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="header-nav-features header-nav-features-no-border ps-2 order-1 order-lg-2">
|
||||
<div class="header-nav-feature header-nav-features-search d-inline-flex">
|
||||
<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon text-3"></i></a>
|
||||
<div class="header-nav-features-dropdown" id="headerTopSearchDropdown">
|
||||
<form role="search" action="page-search-results.html" method="get">
|
||||
<div class="simple-search input-group">
|
||||
<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">
|
||||
<button class="btn" type="submit" aria-label="Search">
|
||||
<i class="fas fa-search header-nav-top-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<section class="section border-0 m-0 bg-color-quaternary p-relative">
|
||||
@include('website.realcity.home')
|
||||
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@section('footer')
|
||||
<footer id="footer" class="position-relative bg-dark border-top-0">
|
||||
<div class="container pt-5 pb-3">
|
||||
<div class="row pt-5">
|
||||
<div class="col-lg-4">
|
||||
<a href="demo-business-consulting-4.html" class="text-decoration-none">
|
||||
<img src="img/demos/business-consulting-4/logo-light.png" width="123" height="32" class="img-fluid mb-4" alt="Porto" />
|
||||
</a>
|
||||
<p class="text-3-5 font-weight-medium pe-lg-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum pellentesqu. </p>
|
||||
<ul class="list list-unstyled">
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon icon-envelope text-color-light text-5 font-weight-bold position-relative top-1 me-3-5"></i>
|
||||
<a href="mailto:porto@business-consulting-4.com" class="d-inline-flex align-items-center text-decoration-none text-color-light text-color-hover-primary font-weight-semibold text-4-5">porto@domain.com</a>
|
||||
</li>
|
||||
<li class="d-flex align-items-center mb-4">
|
||||
<i class="icon icon-phone text-color-light text-5 font-weight-bold position-relative top-1 me-3-5"></i>
|
||||
<a href="tel:8001234567" class="d-inline-flex align-items-center text-decoration-none text-color-light text-color-hover-primary font-weight-semibold text-4-5">800-123-4567</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="social-icons social-icons-clean social-icons-medium">
|
||||
<li class="social-icons-facebook">
|
||||
<a href="http://www.facebook.com/" target="_blank" title="Facebook">
|
||||
<i class="fab fa-facebook-f text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-x">
|
||||
<a href="http://www.x.com/" target="_blank" title="X">
|
||||
<i class="fab fa-x-twitter text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-instagram">
|
||||
<a href="http://www.instagram.com/" target="_blank" title="Instagram">
|
||||
<i class="fab fa-instagram text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-linkedin">
|
||||
<a href="http://www.linkedin.com/" target="_blank" title="Linkedin">
|
||||
<i class="fab fa-linkedin text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="row mb-5-5">
|
||||
<div class="col-lg-6 mb-4 mb-lg-0">
|
||||
<h4 class="text-color-light font-weight-bold mb-3">Navigation</h4>
|
||||
<ul class="list list-unstyled columns-lg-2">
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Home</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">About Us</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Our Services</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Consultants</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Blog</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h4 class="text-color-light font-weight-bold mb-3">Extra Links</h4>
|
||||
<ul class="list list-unstyled columns-lg-2">
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Elements</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Portfolio</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Careers</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Shop Pages</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Testimonials</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="alert alert-success d-none" id="newsletterSuccess">
|
||||
<strong>Success!</strong> You've been added to our email list.
|
||||
</div>
|
||||
<div class="alert alert-danger d-none" id="newsletterError"></div>
|
||||
<div class="d-flex flex-column flex-lg-row align-items-start align-items-lg-center">
|
||||
<h4 class="text-color-light ws-nowrap me-3 mb-3 mb-lg-0">Subscribe to Newsletter:</h4>
|
||||
<form id="newsletterForm" class="form-style-3 w-100" action="php/newsletter-subscribe.php" method="POST">
|
||||
<div class="d-flex">
|
||||
<input class="form-control bg-color-light border-0 box-shadow-none" placeholder="Email Address" name="newsletterEmail" id="newsletterEmail" type="text" />
|
||||
<button class="btn btn-primary ms-2 btn-px-3 btn-py-2 font-weight-bold" type="submit">
|
||||
Go
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright bg-transparent">
|
||||
<div class="container">
|
||||
<hr class="bg-color-light opacity-1">
|
||||
<div class="row">
|
||||
<div class="col mt-4 mb-4 pb-5">
|
||||
<p class="text-center text-3 mb-0">Porto © 2025. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@endsection
|
||||
@ -1,15 +0,0 @@
|
||||
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"> Useful Links </span>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/presentation?ref=njs-index"> About Us </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://blog.creative-tim.com?ref=njs-index"> Blog </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.github.com/creativetimofficial?ref=njs-index"> Github </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/bootstrap-themes/free?ref=njs-index"> Free Products </a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1,42 +0,0 @@
|
||||
<ul class="flex flex-col lg:flex-row list-none lg:ml-auto items-center">
|
||||
<li class="inline-block relative">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="#pablo" onclick="openDropdown(event,'demo-pages-dropdown')"> Demo Pages </a>
|
||||
<div class="hidden bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48 navbar-popper" id="demo-pages-dropdown">
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> Admin Layout </span>
|
||||
<a href="./pages/admin/dashboard.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Dashboard </a>
|
||||
<a href="./pages/admin/settings.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Settings </a>
|
||||
<a href="./pages/admin/tables.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Tables </a>
|
||||
<a href="./pages/admin/maps.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Maps </a>
|
||||
<div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div>
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> Auth Layout </span>
|
||||
<a href="./pages/auth/login.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Login </a>
|
||||
<a href="./pages/auth/register.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Register </a>
|
||||
<div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div>
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> No Layout </span>
|
||||
<a href="./pages/landing.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Landing </a>
|
||||
<a href="./pages/profile.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Profile </a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-js%2F" target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-facebook text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Share</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-js%2F&text=Start%20your%20development%20with%20a%20Free%20Tailwind%20CSS%20and%20JavaScript%20UI%20Kit%20and%20Admin.%20Let%20Notus%20JS%20amaze%20you%20with%20its%20cool%20features%20and%20build%20tools%20and%20get%20your%20project%20to%20a%20whole%20new%20level." target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-twitter text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Tweet</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://github.com/creativetimofficial/notus-js?ref=njs-index" target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-github text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Star</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<button class="text-white bg-pink-500 active:bg-pink-600 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3 ease-linear transition-all duration-150" type="button">
|
||||
<i class="fas fa-arrow-alt-circle-down"></i> Download </button>
|
||||
</li>
|
||||
</ul>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,15 +0,0 @@
|
||||
<span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2"> Useful Links </span>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/presentation?ref=njs-index"> About Us </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://blog.creative-tim.com?ref=njs-index"> Blog </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.github.com/creativetimofficial?ref=njs-index"> Github </a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://www.creative-tim.com/bootstrap-themes/free?ref=njs-index"> Free Products </a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1,42 +0,0 @@
|
||||
<ul class="flex flex-col lg:flex-row list-none lg:ml-auto items-center">
|
||||
<li class="inline-block relative">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="#pablo" onclick="openDropdown(event,'demo-pages-dropdown')"> Demo Pages </a>
|
||||
<div class="hidden bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48 navbar-popper" id="demo-pages-dropdown">
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> Admin Layout </span>
|
||||
<a href="./pages/admin/dashboard.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Dashboard </a>
|
||||
<a href="./pages/admin/settings.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Settings </a>
|
||||
<a href="./pages/admin/tables.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Tables </a>
|
||||
<a href="./pages/admin/maps.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Maps </a>
|
||||
<div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div>
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> Auth Layout </span>
|
||||
<a href="./pages/auth/login.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Login </a>
|
||||
<a href="./pages/auth/register.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Register </a>
|
||||
<div class="h-0 mx-4 my-2 border border-solid border-blueGray-100"></div>
|
||||
<span class="text-sm pt-2 pb-0 px-4 font-bold block w-full whitespace-nowrap bg-transparent text-blueGray-400"> No Layout </span>
|
||||
<a href="./pages/landing.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Landing </a>
|
||||
<a href="./pages/profile.html" class="text-sm py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700"> Profile </a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-js%2F" target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-facebook text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Share</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fdemos.creative-tim.com%2Fnotus-js%2F&text=Start%20your%20development%20with%20a%20Free%20Tailwind%20CSS%20and%20JavaScript%20UI%20Kit%20and%20Admin.%20Let%20Notus%20JS%20amaze%20you%20with%20its%20cool%20features%20and%20build%20tools%20and%20get%20your%20project%20to%20a%20whole%20new%20level." target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-twitter text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Tweet</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<a class="hover:text-blueGray-500 text-blueGray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold" href="https://github.com/creativetimofficial/notus-js?ref=njs-index" target="_blank">
|
||||
<i class="text-blueGray-400 fab fa-github text-lg leading-lg"></i>
|
||||
<span class="lg:hidden inline-block ml-2">Star</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="flex items-center">
|
||||
<button class="text-white bg-pink-500 active:bg-pink-600 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3 ease-linear transition-all duration-150" type="button">
|
||||
<i class="fas fa-arrow-alt-circle-down"></i> Download </button>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1,971 +0,0 @@
|
||||
@extends('vuexy-website-layout-porto::layouts.renewable-energy.master')
|
||||
|
||||
@section('header')
|
||||
<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyStartAt': 91, 'stickySetTop': '-91px', 'stickyChangeLogo': true}">
|
||||
<div class="header-body border-0 box-shadow-none">
|
||||
<div class="border-bottom-light">
|
||||
<div class="header-container container container-xl-custom">
|
||||
<div class="header-row py-4">
|
||||
<div class="header-column">
|
||||
<div class="header-row">
|
||||
<div class="header-logo m-0">
|
||||
<a href="index.html">
|
||||
<img alt="Porto" width="111" height="41" src="img/demos/renewable-energy/logo.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-column justify-content-end align-items-center flex-row">
|
||||
<div class="hstack gap-4 ps-4 py-2 font-weight-semi-bold">
|
||||
<div class="ms-auto d-none d-lg-inline-block">
|
||||
<ul class="nav nav-pills">
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link text-2 p-0 text-color-dark" href="#" role="button" id="dropdownLanguage" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
english
|
||||
<i class="fas fa-angle-down"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end text-2" aria-labelledby="dropdownLanguage">
|
||||
<a class="dropdown-item text-color-dark" href="#">English</a>
|
||||
<a class="dropdown-item text-color-dark" href="#">Español</a>
|
||||
<a class="dropdown-item text-color-dark" href="#">Française</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="vr opacity-2 d-none d-lg-inline-block"></div>
|
||||
<div class="d-none d-lg-inline-block">
|
||||
<ul class="nav nav-pills me-1">
|
||||
<li class="nav-item pe-2 mx-1">
|
||||
<a href="http://www.facebook.com/" target="_blank" title="Facebook" class="text-color-dark text-color-hover-primary text-2"><i class="fab fa-facebook-f"></i></a>
|
||||
</li>
|
||||
<li class="nav-item px-2 mx-1">
|
||||
<a href="http://www.x.com/" target="_blank" title="X" class="text-color-dark text-color-hover-primary text-2"><i class="fab fa-x-twitter"></i></a>
|
||||
</li>
|
||||
<li class="nav-item px-2 mx-1">
|
||||
<a href="http://www.instagram.com/" target="_blank" title="Instagram" class="text-color-dark text-color-hover-primary text-2"><i class="fab fa-instagram"></i></a>
|
||||
</li>
|
||||
<li class="nav-item px-2 mx-1 me-0 pe-0">
|
||||
<a href="http://www.linkedin.com/" target="_blank" title="Linkedin" class="text-color-dark text-color-hover-primary text-2"><i class="fab fa-linkedin-in"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="vr opacity-2 d-none d-lg-inline-block"></div>
|
||||
<div>
|
||||
<a href="tel:0123456789" class="d-flex align-items-center text-decoration-none text-color-dark text-color-hover-primary font-weight-semibold ms-1">
|
||||
<i class="icon icon-phone text-color-primary text-4-5 me-2"></i>
|
||||
800-123-4567
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-nav-bar z-index-0">
|
||||
<div class="container container-xl-custom">
|
||||
<div class="header-row py-2">
|
||||
<div class="header-column">
|
||||
<div class="header-row align-items-center justify-content-end">
|
||||
<div class="header-nav header-nav-links justify-content-start pb-1">
|
||||
<div class="header-nav-main header-nav-main-text-capitalize header-nav-main-effect-2 header-nav-main-sub-effect-1">
|
||||
<nav class="collapse">
|
||||
<ul class="nav nav-pills" id="mainNav">
|
||||
<li>
|
||||
<a class="nav-link active" href="demo-renewable-energy.html">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-renewable-energy-company.html">
|
||||
Company
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-renewable-energy-services.html">
|
||||
Services
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-renewable-energy-gallery.html">
|
||||
Gallery
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown dropdown-mega">
|
||||
<a class="dropdown-item dropdown-toggle" href="elements.html">
|
||||
|
||||
Elements
|
||||
|
||||
</a>
|
||||
<ul class="dropdown-menu border-0 pt-2 text-4">
|
||||
|
||||
<li>
|
||||
<div class="dropdown-mega-content container container-xl-custom">
|
||||
<div class="row ">
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 1</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-accordions.html">Accordions</a></li>
|
||||
<li><a class="dropdown-item" href="elements-alerts.html">Alerts</a></li>
|
||||
<li><a class="dropdown-item" href="elements-animations.html">Animations <span class="tip tip-dark p-relative bottom-2">hot</span></a></li>
|
||||
<li><a class="dropdown-item" href="elements-arrows.html">Arrows</a></li>
|
||||
<li><a class="dropdown-item" href="elements-badges.html">Badges</a></li>
|
||||
<li><a class="dropdown-item" href="elements-before-after.html">Before / After</a></li>
|
||||
<li><a class="dropdown-item" href="elements-blockquotes.html">Blockquotes</a></li>
|
||||
<li><a class="dropdown-item" href="elements-buttons.html">Buttons</a></li>
|
||||
<li><a class="dropdown-item" href="elements-call-to-action.html">Call to Action</a></li>
|
||||
<li><a class="dropdown-item" href="elements-cards.html">Cards</a></li>
|
||||
<li><a class="dropdown-item" href="elements-carousels.html">Carousels</a></li>
|
||||
<li><a class="dropdown-item" href="elements-cascading-images.html">Cascading Images</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 2</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-content-rotate.html">Content Rotate</a></li>
|
||||
<li><a class="dropdown-item" href="elements-countdowns.html">Countdowns</a></li>
|
||||
<li><a class="dropdown-item" href="elements-counters.html">Counters</a></li>
|
||||
<li><a class="dropdown-item" href="elements-dividers.html">Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-forms.html">Forms</a></li>
|
||||
<li><a class="dropdown-item" href="elements-headings.html">Headings</a></li>
|
||||
<li><a class="dropdown-item" href="elements-icons.html">Icons</a></li>
|
||||
<li><a class="dropdown-item" href="elements-icon-boxes.html">Icon Boxes</a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-frames.html">Image Frames <span class="tip tip-dark p-relative bottom-2">hot</span></a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-gallery.html">Image Gallery</a></li>
|
||||
<li><a class="dropdown-item" href="elements-image-hotspots.html">Image Hotspots</a></li>
|
||||
<li><a class="dropdown-item" href="elements-lightboxes.html">Lightboxes</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 3</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-lists.html">Lists</a></li>
|
||||
<li><a class="dropdown-item" href="elements-maps.html">Maps</a></li>
|
||||
<li><a class="dropdown-item" href="elements-medias.html">Medias</a></li>
|
||||
<li><a class="dropdown-item" href="elements-modals.html">Modals</a></li>
|
||||
<li><a class="dropdown-item" href="elements-parallax.html">Parallax</a></li>
|
||||
<li><a class="dropdown-item" href="elements-particles.html">Particles</a></li>
|
||||
<li><a class="dropdown-item" href="elements-posts.html">Posts</a></li>
|
||||
<li><a class="dropdown-item" href="elements-pricing-tables.html">Pricing Tables</a></li>
|
||||
<li><a class="dropdown-item" href="elements-process.html">Process</a></li>
|
||||
<li><a class="dropdown-item" href="elements-progressbars.html">Progress Bars</a></li>
|
||||
<li><a class="dropdown-item" href="elements-random-images.html">Random Images</a></li>
|
||||
<li><a class="dropdown-item" href="elements-read-more.html">Read More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<span class="dropdown-mega-sub-title">Elements 4</span>
|
||||
<ul class="dropdown-mega-sub-nav">
|
||||
<li><a class="dropdown-item" href="elements-sections.html">Sections</a></li>
|
||||
<li><a class="dropdown-item" href="elements-shape-dividers.html">Shape Dividers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-star-ratings.html">Star Ratings</a></li>
|
||||
<li><a class="dropdown-item" href="elements-sticky-elements.html">Sticky Elements</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tables.html">Tables</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tabs.html">Tabs</a></li>
|
||||
<li><a class="dropdown-item" href="elements-testimonials.html">Testimonials</a></li>
|
||||
<li><a class="dropdown-item" href="elements-toggles.html">Toggles</a></li>
|
||||
<li><a class="dropdown-item" href="elements-tooltips-popovers.html">Tooltips & Popovers</a></li>
|
||||
<li><a class="dropdown-item" href="elements-typography.html">Typography</a></li>
|
||||
<li><a class="dropdown-item" href="elements-word-rotator.html">Word Rotator</a></li>
|
||||
<li><a class="dropdown-item" href="elements-360-image-viewer.html">360º Image Viewer</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-renewable-energy-news.html">
|
||||
News
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="nav-link" href="demo-renewable-energy-contact.html">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-nav-features header-nav-features-no-border d-none d-lg-inline-block mt-3 ps-2 pt-1 order-1 order-lg-2">
|
||||
<div class="header-nav-feature header-nav-features-search d-inline-flex">
|
||||
<a href="#" class="header-nav-features-toggle text-decoration-none" data-focus="headerSearch" aria-label="Search"><i class="fas fa-search header-nav-top-icon text-3"></i></a>
|
||||
<div class="header-nav-features-dropdown" id="headerTopSearchDropdown">
|
||||
<form role="search" action="page-search-results.html" method="get">
|
||||
<div class="simple-search input-group">
|
||||
<input class="form-control text-1" id="headerSearch" name="q" type="search" value="" placeholder="Search...">
|
||||
<button class="btn" type="submit" aria-label="Search">
|
||||
<i class="fas fa-search header-nav-top-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-modern btn-primary font-weight-bold border-0 btn-arrow-effect-1">GET A QUOTE <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
<button class="btn header-btn-collapse-nav" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<section class="section section-with-shape-divider border-0 py-0 my-0 bg-transparent">
|
||||
|
||||
<div class="hero position-relative overflow-hidden">
|
||||
<div class="background-image-wrapper position-absolute overlay overlay-show overlay-primary overlay-op-8 top-0 left-0 right-0 bottom-0" data-appear-animation="kenBurnsToLeft" data-appear-animation-duration="30s" data-plugin-options="{'minWindowWidth': 0}" style="background-image: url(img/demos/renewable-energy/hero/hero-1.jpg); background-size: cover; background-position: left top;"></div>
|
||||
|
||||
<div class="hero-el-1 bg-color-tertiary z-index-2"></div>
|
||||
<div class="hero-el-2 z-index-1"></div>
|
||||
|
||||
<svg class="d-none d-lg-block z-index-3 custom-svg-position-1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1686.88 1095.86" data-appear-animation-svg="true">
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M87.95,1.4c6.82,9.14,15.53,21.59,24.68,36.94c6.82,11.45,27.18,46.82,42.55,96.51
|
||||
c22.8,73.68,21.39,136.02,20.51,156c-3.11,70.56-22.16,122.51-36,159.32c-10.88,28.95-11.68,24.38-59.74,125.62
|
||||
c-43.46,91.53-49.66,109.7-52.85,119.49C6.6,758.14,2.98,804.59,2.16,829.14c-1.49,44.72,4.54,70.82,6.47,78.64
|
||||
c3.54,14.35,10.42,41.25,29.79,70.47c6.64,10.01,30.84,44.6,76.77,69.11c42.9,22.9,81.52,24.6,110.47,25.87
|
||||
c45.57,2.01,79.98-6.18,113.02-14.3c30.83-7.58,58.4-18.38,113.53-40c59.55-23.35,66.43-28.58,110.47-43.91
|
||||
c35.63-12.41,57.67-19.98,89.36-25.7c25.68-4.64,55.3-9.77,94.3-6.3c12.43,1.11,53.97,5.59,102.13,27.74
|
||||
c32.05,14.74,53.03,30.87,57.53,34.38c24.26,18.91,41.05,38.65,51.91,53.45"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M119.44,34.42c8.99,12.85,20.33,30.49,31.66,52.43c26.28,50.9,36.35,93.84,39.15,106.55
|
||||
c3.12,14.2,10.77,52.5,9.53,102.81c-0.28,11.19-2.03,65.48-23.83,133.79c-9.82,30.78-21.07,54.56-43.57,102.13
|
||||
c-26.78,56.6-29.14,53.79-45.62,90.21c-19.84,43.85-42.56,94.07-48.68,161.02c-2.86,31.34-5.69,66.08,7.49,108.6
|
||||
c6.03,19.44,20.95,65.45,64,101.11c47.45,39.3,101.05,42.8,133.79,44.94c63.04,4.12,115.57-13.6,165.11-30.3
|
||||
c5.59-1.89,23.59-8.86,59.57-22.81c100.23-38.85,99.33-40.27,122.21-47.32c41.18-12.69,80.51-24.8,133.11-21.79
|
||||
c19.83,1.14,63.01,5.65,111.66,28.94c8.19,3.92,50.6,24.68,88.51,64.34c5.66,5.92,10.38,11.39,12.6,13.96
|
||||
c23.78,27.59,39.5,52.94,49.36,70.81"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M149.4,68.12c6.57,8.86,14.9,20.95,23.49,35.91c4.29,7.48,19.67,34.89,32.17,73.53
|
||||
c6.72,20.77,21.93,69.22,20.6,133.28c-1.3,62.06-17.49,108.17-28.94,139.91c-10.84,30.08-24.93,58.75-53.11,116.09
|
||||
c-20.68,42.08-23.94,45.72-33.7,69.11c-12.01,28.77-26.1,63.09-33.02,108.6c-5.01,32.91-10.64,69.92,1.7,115.4
|
||||
c5.5,20.27,17.08,60.94,53.45,94.64c42.55,39.43,93.06,45.28,119.49,48.34c54.36,6.29,98.94-6.87,146.04-20.77
|
||||
c14.56-4.3,31.27-10.58,64.68-23.15c90.64-34.09,94.12-40.57,133.45-51.74c33.81-9.61,71.69-20.37,122.21-16.68
|
||||
c58.83,4.3,99.83,25.64,107.91,29.96c40.02,21.39,65.7,49.16,77.96,62.64c8.35,9.18,14.84,17.39,19.4,23.49"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M179.69,101.14c6.75,9.74,13.52,20.4,20.09,32c22.79,40.27,33.1,74.23,35.4,82.04
|
||||
c5.33,18.08,15.6,58.21,14.64,110.3c-0.24,12.92-1.88,65.03-24.85,127.32c-3.1,8.42-7.74,18.89-17.02,39.83
|
||||
c-25.65,57.88-36.57,75.11-52.43,110.3c-18.12,40.19-31.28,69.39-39.83,110.64c-7.2,34.73-15.41,74.33-2.38,122.21
|
||||
c4.55,16.73,14.43,51.38,44.94,82.04c35.67,35.85,78.11,44.69,100.43,49.02c58.53,11.37,107.23-3.46,156.26-18.38
|
||||
c24.42-7.44,15.93-6.77,86.47-33.7c103.46-39.5,129.97-44.06,142.98-45.96c28.7-4.18,61.65-8.66,103.15,1.02
|
||||
c7.96,1.86,47.73,11.59,90.21,42.55c30.91,22.53,50.88,47.29,62.64,64.34"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M208.89,133.57c7.42,9.37,15.01,20.15,22.21,32.43c21.75,37.04,29.38,69.66,33.96,89.87
|
||||
c4.69,20.73,13.92,63.26,7.4,117.96c-4.84,40.58-16.18,69.74-28.09,100.34c-11.91,30.61-15.38,31.76-42.38,89.11
|
||||
c-24.66,52.37-36.99,78.56-44.68,105.45c-8.49,29.66-18.6,66.37-13.28,113.36c2.65,23.35,6.06,53.41,27.06,84
|
||||
c28.75,41.87,70.98,56.35,86.81,61.53c35.79,11.71,65.37,8.99,93.19,6.13c15-1.54,44-5.54,139.91-42.38
|
||||
c72.26-27.76,81.46-35.35,120.77-43.91c27.26-5.94,54.69-11.68,91.15-8.17c55.63,5.36,93.81,28.56,102.38,33.96
|
||||
c36.12,22.73,57.57,50.99,66.38,62.81c3.86,5.17,6.88,9.63,8.94,12.77"/>
|
||||
</svg>
|
||||
|
||||
<div class="container-fluid position-relative z-index-3 h-100">
|
||||
<div class="row px-lg-5 mx-lg-3 justify-content-between align-items-center h-100">
|
||||
<div class="col-xl-5 text-center text-xl-end">
|
||||
<h2 class="font-weight-bold text-color-light line-height-4 text-5 mb-2 text-uppercase appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="800" data-plugin-options="{'minWindowWidth': 0}"><span class="opacity-6">residential & Commercial</span></h2>
|
||||
<h1 class="text-color-light font-weight-bold text-14 negative-ls-05 line-height-1 mb-4 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1100" data-plugin-options="{'minWindowWidth': 0}">Get The Energy<br><span class="font-weight-extra-bold custom-highlight-1 ws-nowrap p-1 custom-highlight-anim custom-highlight-anim-delay">Revolution</span></h1>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-light text-4 bg-transparent border-0 px-0 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1300" data-plugin-options="{'minWindowWidth': 0}">Get a Quote Today <i class="fas fa-arrow-right ms-2 p-relative top-2"></i></a>
|
||||
</div>
|
||||
<div class="col-xl-3 text-xl-end d-none d-xl-block">
|
||||
<div class="row align-items-end pb-4">
|
||||
<div class="col-6 ps-5">
|
||||
<div class="appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="100" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img loading="lazy" src="img/demos/renewable-energy/generic/generic-1.jpg" class="img-fluid border-radius">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img loading="lazy" src="img/demos/renewable-energy/generic/generic-2.jpg" class="img-fluid border-radius">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="700" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img loading="lazy" src="img/demos/renewable-energy/generic/generic-3.jpg" class="img-fluid border-radius">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="custom-el-pos-2">
|
||||
<div class="shape-divider shape-divider-bottom shape-divider-reverse-y custom-el-pos-3 z-index-6">
|
||||
<div class="shape-divider-horizontal-animation shape-divider-horizontal-animation-to-right top-9" style="animation-duration: 20s;">
|
||||
<div class="d-flex width-100vw">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1 custom-shape-divider-1-flip-horizonal">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="shape-divider shape-divider-bottom shape-divider-reverse-y z-index-6 opacity-7">
|
||||
<div class="shape-divider-horizontal-animation shape-divider-horizontal-animation-to-right top-9" style="animation-duration: 30s;">
|
||||
<div class="d-flex width-100vw">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1 custom-shape-divider-1-flip-horizonal">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="shape-divider shape-divider-bottom shape-divider-reverse-y z-index-6 opacity-5">
|
||||
<div class="shape-divider-horizontal-animation shape-divider-horizontal-animation-to-right top-9" style="animation-duration: 10s;">
|
||||
<div class="d-flex width-100vw">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1 custom-shape-divider-1-flip-horizonal">
|
||||
<img src="img/demos/renewable-energy/svg/divider-1.svg" class="width-100vw custom-shape-divider-1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section my-0 py-5 border-0 bg-color-grey">
|
||||
<div class="container container-xl-custom pt-4 pb-5">
|
||||
<div class="row justify-content-between py-5">
|
||||
<div class="col-lg-6">
|
||||
<h4 class="text-primary text-3 font-weight-bold mb-2">HIGH QUALITY SOLUTIONS</h4>
|
||||
<h3 class="mb-3">Affordable Energy Systems</h3>
|
||||
<p class="mb-4 pb-2">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non. Cras a elit sit amet leo acun volutpat. Suspendisse hendrerit vehicula leo, vel efficitur fel.</p>
|
||||
|
||||
<div class="hstack gap-4">
|
||||
<div>
|
||||
<a href="#" class="btn btn-modern btn-primary font-weight-bold border-0 py-3 px-5 btn-arrow-effect-1 ws-nowrap">OUR SERVICES <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
<div class="vr"></div>
|
||||
<div>
|
||||
<img src="img/demos/renewable-energy/logos/logo-1.png" class="img-fluid me-3">
|
||||
<img src="img/demos/renewable-energy/logos/logo-2.png" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 mt-5 mt-lg-0 mb-5 mb-lg-0">
|
||||
<div class="appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="100" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<h4 class="text-4-5 font-weight-bold">SAVE UP TO</h4>
|
||||
</div>
|
||||
<div class="appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<span class="bg-no-repeat bg-clip-text font-weight-bold custom-text-1" style="background-image: url(img/demos/renewable-energy/generic/generic-4.jpg);">95<em>%</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section my-0 py-5 border-0 bg-transparent">
|
||||
<div class="container container-xl-custom">
|
||||
<div class="row justify-content-between align-items-center py-5">
|
||||
<div class="col-lg-3">
|
||||
<h4 class="text-primary text-3 font-weight-bold mb-2">RENEWABLE ENERGY</h4>
|
||||
<h3 class="mb-3">Services & Products</h3>
|
||||
<p class="mb-5 mb-lg-0">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo</p>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="carousel-half-full-width-wrapper carousel-half-full-width-right">
|
||||
<div class="owl-carousel owl-theme carousel-half-full-width-right nav-style-1 nav-dark nav-font-size-lg mb-0" data-plugin-options="{'responsive': {'0': {'items': 1}, '768': {'items': 3}, '992': {'items': 3}, '1200': {'items': 3}}, 'loop': true, 'nav': true, 'dots': false, 'margin': 20}">
|
||||
<div class="p-relative">
|
||||
<span class="thumb-info thumb-info-swap-content anim-hover-inner-wrapper rounded">
|
||||
<span class="thumb-info-wrapper overlay overlay-show overlay-gradient-bottom-content">
|
||||
<img src="img/demos/renewable-energy/gallery/gallery-1.jpg" class="img-fluid" alt="">
|
||||
</span>
|
||||
</span>
|
||||
<h4 class="font-weight-bold mt-4">Residential Solar Panels</h4>
|
||||
<ul class="list list-icons list-primary font-weight-medium mt-3">
|
||||
<li><i class="fas fa-check text-color-primary"></i> Fusce sit amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Orci quis arcu vestibulum.</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase stretched-link">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
<div class="p-relative">
|
||||
<span class="thumb-info thumb-info-swap-content anim-hover-inner-wrapper rounded">
|
||||
<span class="thumb-info-wrapper overlay overlay-show overlay-gradient-bottom-content">
|
||||
<img src="img/demos/renewable-energy/gallery/gallery-2.jpg" class="img-fluid" alt="">
|
||||
</span>
|
||||
</span>
|
||||
<h4 class="font-weight-bold mt-4">Commercial Solar Panels</h4>
|
||||
<ul class="list list-icons list-primary font-weight-medium mt-3">
|
||||
<li><i class="fas fa-check text-color-primary"></i> Fusce sit amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Orci quis arcu vestibulum.</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase stretched-link">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
<div class="p-relative">
|
||||
<span class="thumb-info thumb-info-swap-content anim-hover-inner-wrapper rounded">
|
||||
<span class="thumb-info-wrapper overlay overlay-show overlay-gradient-bottom-content">
|
||||
<img src="img/demos/renewable-energy/gallery/gallery-3.jpg" class="img-fluid" alt="">
|
||||
</span>
|
||||
</span>
|
||||
<h4 class="font-weight-bold mt-4">Energy Station</h4>
|
||||
<ul class="list list-icons list-primary font-weight-medium mt-3">
|
||||
<li><i class="fas fa-check text-color-primary"></i> Fusce sit amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Orci quis arcu vestibulum.</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase stretched-link">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
<div class="p-relative">
|
||||
<span class="thumb-info thumb-info-swap-content anim-hover-inner-wrapper rounded">
|
||||
<span class="thumb-info-wrapper overlay overlay-show overlay-gradient-bottom-content">
|
||||
<img src="img/demos/renewable-energy/gallery/gallery-2.jpg" class="img-fluid" alt="">
|
||||
</span>
|
||||
</span>
|
||||
<h4 class="font-weight-bold mt-4">Commercial Solar Panels</h4>
|
||||
<ul class="list list-icons list-primary font-weight-medium mt-3">
|
||||
<li><i class="fas fa-check text-color-primary"></i> Fusce sit amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Amet orci quis arcu vestibulum.</li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> Orci quis arcu vestibulum.</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase stretched-link">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section my-0 py-5 border-0 bg-color-primary text-color-light p-relative overflow-hidden">
|
||||
|
||||
<svg class="d-none d-lg-block custom-svg-position-2 rotate-r-90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1686.88 1095.86" data-appear-animation-svg="true">
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M87.95,1.4c6.82,9.14,15.53,21.59,24.68,36.94c6.82,11.45,27.18,46.82,42.55,96.51
|
||||
c22.8,73.68,21.39,136.02,20.51,156c-3.11,70.56-22.16,122.51-36,159.32c-10.88,28.95-11.68,24.38-59.74,125.62
|
||||
c-43.46,91.53-49.66,109.7-52.85,119.49C6.6,758.14,2.98,804.59,2.16,829.14c-1.49,44.72,4.54,70.82,6.47,78.64
|
||||
c3.54,14.35,10.42,41.25,29.79,70.47c6.64,10.01,30.84,44.6,76.77,69.11c42.9,22.9,81.52,24.6,110.47,25.87
|
||||
c45.57,2.01,79.98-6.18,113.02-14.3c30.83-7.58,58.4-18.38,113.53-40c59.55-23.35,66.43-28.58,110.47-43.91
|
||||
c35.63-12.41,57.67-19.98,89.36-25.7c25.68-4.64,55.3-9.77,94.3-6.3c12.43,1.11,53.97,5.59,102.13,27.74
|
||||
c32.05,14.74,53.03,30.87,57.53,34.38c24.26,18.91,41.05,38.65,51.91,53.45"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M119.44,34.42c8.99,12.85,20.33,30.49,31.66,52.43c26.28,50.9,36.35,93.84,39.15,106.55
|
||||
c3.12,14.2,10.77,52.5,9.53,102.81c-0.28,11.19-2.03,65.48-23.83,133.79c-9.82,30.78-21.07,54.56-43.57,102.13
|
||||
c-26.78,56.6-29.14,53.79-45.62,90.21c-19.84,43.85-42.56,94.07-48.68,161.02c-2.86,31.34-5.69,66.08,7.49,108.6
|
||||
c6.03,19.44,20.95,65.45,64,101.11c47.45,39.3,101.05,42.8,133.79,44.94c63.04,4.12,115.57-13.6,165.11-30.3
|
||||
c5.59-1.89,23.59-8.86,59.57-22.81c100.23-38.85,99.33-40.27,122.21-47.32c41.18-12.69,80.51-24.8,133.11-21.79
|
||||
c19.83,1.14,63.01,5.65,111.66,28.94c8.19,3.92,50.6,24.68,88.51,64.34c5.66,5.92,10.38,11.39,12.6,13.96
|
||||
c23.78,27.59,39.5,52.94,49.36,70.81"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M149.4,68.12c6.57,8.86,14.9,20.95,23.49,35.91c4.29,7.48,19.67,34.89,32.17,73.53
|
||||
c6.72,20.77,21.93,69.22,20.6,133.28c-1.3,62.06-17.49,108.17-28.94,139.91c-10.84,30.08-24.93,58.75-53.11,116.09
|
||||
c-20.68,42.08-23.94,45.72-33.7,69.11c-12.01,28.77-26.1,63.09-33.02,108.6c-5.01,32.91-10.64,69.92,1.7,115.4
|
||||
c5.5,20.27,17.08,60.94,53.45,94.64c42.55,39.43,93.06,45.28,119.49,48.34c54.36,6.29,98.94-6.87,146.04-20.77
|
||||
c14.56-4.3,31.27-10.58,64.68-23.15c90.64-34.09,94.12-40.57,133.45-51.74c33.81-9.61,71.69-20.37,122.21-16.68
|
||||
c58.83,4.3,99.83,25.64,107.91,29.96c40.02,21.39,65.7,49.16,77.96,62.64c8.35,9.18,14.84,17.39,19.4,23.49"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M179.69,101.14c6.75,9.74,13.52,20.4,20.09,32c22.79,40.27,33.1,74.23,35.4,82.04
|
||||
c5.33,18.08,15.6,58.21,14.64,110.3c-0.24,12.92-1.88,65.03-24.85,127.32c-3.1,8.42-7.74,18.89-17.02,39.83
|
||||
c-25.65,57.88-36.57,75.11-52.43,110.3c-18.12,40.19-31.28,69.39-39.83,110.64c-7.2,34.73-15.41,74.33-2.38,122.21
|
||||
c4.55,16.73,14.43,51.38,44.94,82.04c35.67,35.85,78.11,44.69,100.43,49.02c58.53,11.37,107.23-3.46,156.26-18.38
|
||||
c24.42-7.44,15.93-6.77,86.47-33.7c103.46-39.5,129.97-44.06,142.98-45.96c28.7-4.18,61.65-8.66,103.15,1.02
|
||||
c7.96,1.86,47.73,11.59,90.21,42.55c30.91,22.53,50.88,47.29,62.64,64.34"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M208.89,133.57c7.42,9.37,15.01,20.15,22.21,32.43c21.75,37.04,29.38,69.66,33.96,89.87
|
||||
c4.69,20.73,13.92,63.26,7.4,117.96c-4.84,40.58-16.18,69.74-28.09,100.34c-11.91,30.61-15.38,31.76-42.38,89.11
|
||||
c-24.66,52.37-36.99,78.56-44.68,105.45c-8.49,29.66-18.6,66.37-13.28,113.36c2.65,23.35,6.06,53.41,27.06,84
|
||||
c28.75,41.87,70.98,56.35,86.81,61.53c35.79,11.71,65.37,8.99,93.19,6.13c15-1.54,44-5.54,139.91-42.38
|
||||
c72.26-27.76,81.46-35.35,120.77-43.91c27.26-5.94,54.69-11.68,91.15-8.17c55.63,5.36,93.81,28.56,102.38,33.96
|
||||
c36.12,22.73,57.57,50.99,66.38,62.81c3.86,5.17,6.88,9.63,8.94,12.77"/>
|
||||
</svg>
|
||||
|
||||
<div class="container container-xl-custom pt-4 pb-5 mb-5">
|
||||
<div class="row align-items-center py-5">
|
||||
<div class="col-lg-3 text-lg-end">
|
||||
<h2 class="text-color-light font-weight-bold text-10 negative-ls-05 line-height-1 mb-0 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="100" data-plugin-options="{'minWindowWidth': 0}">Get The Energy<br><span class="font-weight-extra-bold custom-highlight-1 custom-highlight-1-tertiary ws-nowrap p-1 custom-highlight-anim custom-highlight-anim-delay">Revolution</span></h2>
|
||||
</div>
|
||||
<div class="col-lg-6 mt-3 mt-lg-0">
|
||||
<p class="mb-0 text-color-light ps-lg-5">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non. Cras a elit sit amet leo acun volutpat.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 mt-3 mt-lg-0 text-lg-end">
|
||||
<a href="#" class="btn btn-modern btn-light text-color-dark font-weight-bold border-0 py-3 px-5 btn-arrow-effect-1 ws-nowrap">GET A QUOTE <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container container-xl-custom p-relative z-index-1 custom-el-pos-1">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<div class="card border-0 bg-color-light box-shadow-1 box-shadow-1-hover anim-hover-translate-top-10px transition-3ms">
|
||||
<div class="card-body text-center text-lg-start m-2 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="100" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img height="90" src="img/demos/renewable-energy/icons/icon-1.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-primary mb-4'}" />
|
||||
<h4 class="font-weight-bold mt-4">Renewable Energy</h4>
|
||||
<p class="text-3">Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Proin mauris erat, accumsan quis ullamcorper.</p>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="card border-0 bg-color-light box-shadow-1 box-shadow-1-hover anim-hover-translate-top-10px transition-3ms">
|
||||
<div class="card-body text-center text-lg-start m-2 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img height="90" src="img/demos/renewable-energy/icons/icon-2.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-primary mb-4'}" />
|
||||
<h4 class="font-weight-bold mt-4">From the Wind</h4>
|
||||
<p class="text-3">Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Proin mauris erat, accumsan quis ullamcorper.</p>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="card border-0 bg-color-light box-shadow-1 box-shadow-1-hover anim-hover-translate-top-10px transition-3ms">
|
||||
<div class="card-body text-center text-lg-start m-2 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="700" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img height="90" src="img/demos/renewable-energy/icons/icon-3.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-primary mb-4'}" />
|
||||
<h4 class="font-weight-bold mt-4">Solar Panels</h4>
|
||||
<p class="text-3">Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Proin mauris erat, accumsan quis ullamcorper.</p>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<div class="card border-0 bg-color-light box-shadow-1 box-shadow-1-hover anim-hover-translate-top-10px transition-3ms">
|
||||
<div class="card-body text-center text-lg-start m-2 appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1200" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<img height="90" src="img/demos/renewable-energy/icons/icon-4.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-primary mb-4'}" />
|
||||
<h4 class="font-weight-bold mt-4">Save Our Planet</h4>
|
||||
<p class="text-3">Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Proin mauris erat, accumsan quis ullamcorper.</p>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase">More Details <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col py-4">
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-5 align-items-center text-center">
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-lg-0">
|
||||
<img src="img/logos/logo-8.png" alt="" class="img-fluid" style="max-width: 90px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-lg-0">
|
||||
<img src="img/logos/logo-9.png" alt="" class="img-fluid" style="max-width: 140px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-lg-0">
|
||||
<img src="img/logos/logo-10.png" alt="" class="img-fluid" style="max-width: 140px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-sm-0">
|
||||
<img src="img/logos/logo-11.png" alt="" class="img-fluid" style="max-width: 140px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2 mb-5 mb-sm-0">
|
||||
<img src="img/logos/logo-12.png" alt="" class="img-fluid" style="max-width: 100px;">
|
||||
</div>
|
||||
<div class="col-sm-4 col-lg-2">
|
||||
<img src="img/logos/logo-13.png" alt="" class="img-fluid" style="max-width: 100px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid mt-5 pt-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 p-0">
|
||||
<section class="parallax section section-background h-600px bg-size-cover m-0" style="background-image: url(img/demos/renewable-energy/generic/generic-5.jpg);">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="d-flex flex-column">
|
||||
<div class="row">
|
||||
<div class="col-sm-6 cover-background mh-300px bg-size-cover" style="background-image: url(img/demos/renewable-energy/generic/generic-6.jpg);"></div>
|
||||
<div class="col-sm-6 bg-color-quaternary mh-300px p-relative">
|
||||
<div class="h-100 m-0 d-flex flex-column justify-content-center custom-block-1 custom-block-1-top">
|
||||
<div class="row m-0">
|
||||
<div class="col-half-section col-half-section-right ms-auto text-center">
|
||||
<div class="p-3">
|
||||
<h4 class="font-weight-bold text-6 m-0 text-color-light appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="100" data-plugin-options="{'minWindowWidth': 0}">Complete Solutions.</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6 order-sm-2 mh-300px bg-size-cover mh-300px" style="background-image: url(img/demos/renewable-energy/generic/generic-7.jpg);">
|
||||
</div>
|
||||
<div class="col-sm-6 order-sm-1 bg-color-quaternary mh-300px p-relative">
|
||||
<div class="h-100 m-0 d-flex flex-column justify-content-center custom-block-1 custom-block-1-bottom">
|
||||
<div class="row m-0">
|
||||
<div class="col-half-section col-half-section-right ms-auto text-center">
|
||||
<div class="p-3">
|
||||
<h4 class="font-weight-bold text-6 m-0 text-color-light appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="400" data-plugin-options="{'minWindowWidth': 0}">Energy Experts.</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="section my-0 py-5 border-0 bg-transparent">
|
||||
<div class="container container-xl-custom pt-4 pb-5">
|
||||
<div class="row py-5">
|
||||
<div class="col-lg-6">
|
||||
<h4 class="text-primary text-3 font-weight-bold mb-2">FREQUENT QUESTIONS</h4>
|
||||
<h3 class="mb-3">Now Is the Time to Learn More About Renewable Energy</h3>
|
||||
<p class="mb-4 pb-2">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non. Cras a elit sit amet leo acun volutpat. Suspendisse hendrerit vehicula leo, vel efficitur fel.</p>
|
||||
|
||||
<p class="mb-4 pb-2">Eo accumsan volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non. Cras a elit sit amet leo acun volutpat. Suspendisse hendrerit vehicula.</p>
|
||||
|
||||
<div class="hstack gap-4 pt-3">
|
||||
<div>
|
||||
<a href="#" class="btn btn-modern btn-primary font-weight-bold border-0 py-3 px-5 btn-arrow-effect-1 ws-nowrap">CONTACT US <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
<div class="vr"></div>
|
||||
<div>
|
||||
<a href="tel:0123456789" class="d-flex align-items-center text-decoration-none text-color-dark text-color-hover-primary font-weight-semibold ms-1">
|
||||
<i class="icon icon-phone text-color-primary text-4-5 me-2"></i>
|
||||
800-123-4567
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mt-5 mt-lg-0">
|
||||
<div class="accordion accordion-modern-status accordion-modern-status-primary" id="accordion100">
|
||||
<div class="card card-default">
|
||||
<div class="card-header" id="collapse100HeadingOne">
|
||||
<h4 class="card-title m-0">
|
||||
<a class="accordion-toggle text-color-dark font-weight-bold border-radius text-3-5 collapsed" data-bs-toggle="collapse" data-bs-target="#collapse100One" aria-expanded="false" aria-controls="collapse100One">
|
||||
1 - Tristique sit amet condim vel?
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse100One" class="collapse" aria-labelledby="collapse100HeadingOne" data-bs-parent="#accordion100">
|
||||
<div class="card-body">
|
||||
<p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-default">
|
||||
<div class="card-header" id="collapse100HeadingTwo">
|
||||
<h4 class="card-title m-0">
|
||||
<a class="accordion-toggle text-color-dark font-weight-bold border-radius text-3-5 collapsed" data-bs-toggle="collapse" data-bs-target="#collapse100Two" aria-expanded="false" aria-controls="collapse100Two">
|
||||
2 - Cras a elit sit amet leo accumsan?
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse100Two" class="collapse" aria-labelledby="collapse100HeadingTwo" data-bs-parent="#accordion100">
|
||||
<div class="card-body">
|
||||
<p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-default">
|
||||
<div class="card-header" id="collapse100HeadingThree">
|
||||
<h4 class="card-title m-0">
|
||||
<a class="accordion-toggle text-color-dark font-weight-bold border-radius text-3-5 collapsed" data-bs-toggle="collapse" data-bs-target="#collapse100Three" aria-expanded="false" aria-controls="collapse100Three">
|
||||
3 - Hel officitur felis ultricis nan?
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse100Three" class="collapse" aria-labelledby="collapse100HeadingThree" data-bs-parent="#accordion100">
|
||||
<div class="card-body">
|
||||
<p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-default">
|
||||
<div class="card-header" id="collapse100HeadingFour">
|
||||
<h4 class="card-title m-0">
|
||||
<a class="accordion-toggle text-color-dark font-weight-bold border-radius text-3-5 collapsed" data-bs-toggle="collapse" data-bs-target="#collapse100Four" aria-expanded="false" aria-controls="collapse100Four">
|
||||
4 - Wuspaisse hendreirit vehicula leo?
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse100Four" class="collapse" aria-labelledby="collapse100HeadingFour" data-bs-parent="#accordion100">
|
||||
<div class="card-body">
|
||||
<p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card card-default">
|
||||
<div class="card-header" id="collapse100HeadingFive">
|
||||
<h4 class="card-title m-0">
|
||||
<a class="accordion-toggle text-color-dark font-weight-bold border-radius text-3-5 collapsed" data-bs-toggle="collapse" data-bs-target="#collapse100Five" aria-expanded="false" aria-controls="collapse100Five">
|
||||
5 - Lintegers aliquet ullamcorper dollor, quis sollic tudin?
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse100Five" class="collapse" aria-labelledby="collapse1HeadingFive" data-bs-parent="#accordion100">
|
||||
<div class="card-body">
|
||||
<p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section my-0 py-5 border-0 bg-color-tertiary text-color-light p-relative overflow-hidden">
|
||||
|
||||
<svg class="d-none d-lg-block custom-svg-position-3 rotate-r-90" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1686.88 1095.86" data-appear-animation-svg="true">
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M87.95,1.4c6.82,9.14,15.53,21.59,24.68,36.94c6.82,11.45,27.18,46.82,42.55,96.51
|
||||
c22.8,73.68,21.39,136.02,20.51,156c-3.11,70.56-22.16,122.51-36,159.32c-10.88,28.95-11.68,24.38-59.74,125.62
|
||||
c-43.46,91.53-49.66,109.7-52.85,119.49C6.6,758.14,2.98,804.59,2.16,829.14c-1.49,44.72,4.54,70.82,6.47,78.64
|
||||
c3.54,14.35,10.42,41.25,29.79,70.47c6.64,10.01,30.84,44.6,76.77,69.11c42.9,22.9,81.52,24.6,110.47,25.87
|
||||
c45.57,2.01,79.98-6.18,113.02-14.3c30.83-7.58,58.4-18.38,113.53-40c59.55-23.35,66.43-28.58,110.47-43.91
|
||||
c35.63-12.41,57.67-19.98,89.36-25.7c25.68-4.64,55.3-9.77,94.3-6.3c12.43,1.11,53.97,5.59,102.13,27.74
|
||||
c32.05,14.74,53.03,30.87,57.53,34.38c24.26,18.91,41.05,38.65,51.91,53.45"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M119.44,34.42c8.99,12.85,20.33,30.49,31.66,52.43c26.28,50.9,36.35,93.84,39.15,106.55
|
||||
c3.12,14.2,10.77,52.5,9.53,102.81c-0.28,11.19-2.03,65.48-23.83,133.79c-9.82,30.78-21.07,54.56-43.57,102.13
|
||||
c-26.78,56.6-29.14,53.79-45.62,90.21c-19.84,43.85-42.56,94.07-48.68,161.02c-2.86,31.34-5.69,66.08,7.49,108.6
|
||||
c6.03,19.44,20.95,65.45,64,101.11c47.45,39.3,101.05,42.8,133.79,44.94c63.04,4.12,115.57-13.6,165.11-30.3
|
||||
c5.59-1.89,23.59-8.86,59.57-22.81c100.23-38.85,99.33-40.27,122.21-47.32c41.18-12.69,80.51-24.8,133.11-21.79
|
||||
c19.83,1.14,63.01,5.65,111.66,28.94c8.19,3.92,50.6,24.68,88.51,64.34c5.66,5.92,10.38,11.39,12.6,13.96
|
||||
c23.78,27.59,39.5,52.94,49.36,70.81"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M149.4,68.12c6.57,8.86,14.9,20.95,23.49,35.91c4.29,7.48,19.67,34.89,32.17,73.53
|
||||
c6.72,20.77,21.93,69.22,20.6,133.28c-1.3,62.06-17.49,108.17-28.94,139.91c-10.84,30.08-24.93,58.75-53.11,116.09
|
||||
c-20.68,42.08-23.94,45.72-33.7,69.11c-12.01,28.77-26.1,63.09-33.02,108.6c-5.01,32.91-10.64,69.92,1.7,115.4
|
||||
c5.5,20.27,17.08,60.94,53.45,94.64c42.55,39.43,93.06,45.28,119.49,48.34c54.36,6.29,98.94-6.87,146.04-20.77
|
||||
c14.56-4.3,31.27-10.58,64.68-23.15c90.64-34.09,94.12-40.57,133.45-51.74c33.81-9.61,71.69-20.37,122.21-16.68
|
||||
c58.83,4.3,99.83,25.64,107.91,29.96c40.02,21.39,65.7,49.16,77.96,62.64c8.35,9.18,14.84,17.39,19.4,23.49"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M179.69,101.14c6.75,9.74,13.52,20.4,20.09,32c22.79,40.27,33.1,74.23,35.4,82.04
|
||||
c5.33,18.08,15.6,58.21,14.64,110.3c-0.24,12.92-1.88,65.03-24.85,127.32c-3.1,8.42-7.74,18.89-17.02,39.83
|
||||
c-25.65,57.88-36.57,75.11-52.43,110.3c-18.12,40.19-31.28,69.39-39.83,110.64c-7.2,34.73-15.41,74.33-2.38,122.21
|
||||
c4.55,16.73,14.43,51.38,44.94,82.04c35.67,35.85,78.11,44.69,100.43,49.02c58.53,11.37,107.23-3.46,156.26-18.38
|
||||
c24.42-7.44,15.93-6.77,86.47-33.7c103.46-39.5,129.97-44.06,142.98-45.96c28.7-4.18,61.65-8.66,103.15,1.02
|
||||
c7.96,1.86,47.73,11.59,90.21,42.55c30.91,22.53,50.88,47.29,62.64,64.34"/>
|
||||
<path class="appear-animation" data-plugin-options="{'accY': -500, 'forceAnimation': true}" data-appear-animation="customLines1anim" data-appear-animation-delay="100" data-appear-animation-duration="7s" fill="none" stroke="#d8d8d8" stroke-width="2px" stroke-miterlimit="10" d="M208.89,133.57c7.42,9.37,15.01,20.15,22.21,32.43c21.75,37.04,29.38,69.66,33.96,89.87
|
||||
c4.69,20.73,13.92,63.26,7.4,117.96c-4.84,40.58-16.18,69.74-28.09,100.34c-11.91,30.61-15.38,31.76-42.38,89.11
|
||||
c-24.66,52.37-36.99,78.56-44.68,105.45c-8.49,29.66-18.6,66.37-13.28,113.36c2.65,23.35,6.06,53.41,27.06,84
|
||||
c28.75,41.87,70.98,56.35,86.81,61.53c35.79,11.71,65.37,8.99,93.19,6.13c15-1.54,44-5.54,139.91-42.38
|
||||
c72.26-27.76,81.46-35.35,120.77-43.91c27.26-5.94,54.69-11.68,91.15-8.17c55.63,5.36,93.81,28.56,102.38,33.96
|
||||
c36.12,22.73,57.57,50.99,66.38,62.81c3.86,5.17,6.88,9.63,8.94,12.77"/>
|
||||
</svg>
|
||||
|
||||
<div class="container container-xl-custom py-5">
|
||||
<div class="row pt-4">
|
||||
<div class="col text-center">
|
||||
<h2 class="text-color-light font-weight-bold text-10 negative-ls-05 line-height-1 mb-0">Request a<span class="font-weight-extra-bold custom-highlight-1 ws-nowrap p-1 custom-highlight-anim custom-highlight-anim-delay">Quote</span></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5 pt-3 justify-content-between">
|
||||
<div class="col-lg-5 text-color-light">
|
||||
<h4 class="text-primary text-3 font-weight-bold mb-2">GETTING STARTED</h4>
|
||||
<h3 class="mb-3 text-color-light">Are You Ready? Get a Quote & Start Saving Right Now!</h3>
|
||||
<p class="mb-4 pb-2 text-color-light opacity-7">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non. Cras a elit sit amet leo acun volutpat. Suspendisse hendrerit vehicula leo, vel efficitur fel.</p>
|
||||
<div class="row align-items-center mb-4">
|
||||
<div class="col-md-8">
|
||||
<ul class="list list-icons list-primary font-weight-medium mt-3">
|
||||
<li><i class="fas fa-check text-color-primary"></i> <span class="opacity-7">Fusce sit amet orci quis arcu vestibulum.</span></li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> <span class="opacity-7">Amet orci quis arcu vestibulum.</span></li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> <span class="opacity-7">Orci quis arcu vestibulum.</span></li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> <span class="opacity-7">Fusce sit amet orci quis arcu vestibulum.</span></li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> <span class="opacity-7">Amet orci quis arcu vestibulum.</span></li>
|
||||
<li><i class="fas fa-check text-color-primary"></i> <span class="opacity-7">Orci quis arcu vestibulum.</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4 text-center text-md-end">
|
||||
<span class="d-block opacity-2">
|
||||
<img height="178" src="img/demos/renewable-energy/icons/icon-5.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-light'}" />
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-block">
|
||||
<a href="#" class="btn btn-modern btn-light btn-outline font-weight-bold text-color-light text-color-hover-tertiary py-3 px-5 custom-min-width-1">OUR SERVICES</a>
|
||||
</div>
|
||||
|
||||
<div class="hstack gap-4 pt-3">
|
||||
<div>
|
||||
<a href="#" class="btn btn-modern btn-light btn-outline font-weight-bold text-color-light text-color-hover-tertiary ws-nowrap py-3 px-5 custom-min-width-1">CONTACT US</a>
|
||||
</div>
|
||||
<div class="vr opacity-2"></div>
|
||||
<div>
|
||||
<p class="m-0 text-1 text-color-light opacity-7 line-height-6 font-weight-normal">* Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-block pt-5">
|
||||
<p class="text-uppercase text-2 font-weight-bold mb-0 text-color-light opacity-7">Send us an email</p>
|
||||
<p class="p-relative bottom-4 text-color-light">
|
||||
<a class="text-2 font-weight-bold mb-0 text-color-light" href="mailto:you@domain.com">you@domain.com</a> / <a class="text-2 font-weight-bold mb-0 text-color-light" href="mailto:you@domain.com">you2@domain.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mt-5 mt-lg-0">
|
||||
<div class="card border-0 bg-color-light text-color-tertiary">
|
||||
<div class="card-body m-4">
|
||||
<h3 class="mb-3 text-5">Enter Details in This Form:</h3>
|
||||
<p class="mb-4">Cras a elit sit amet leo accumsan volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non.</p>
|
||||
|
||||
<form class="contact-form" action="php/contact-form.php" method="POST">
|
||||
<div class="contact-form-success alert alert-success d-none mt-4">
|
||||
<strong>Success!</strong> Your message has been sent to us.
|
||||
</div>
|
||||
|
||||
<div class="contact-form-error alert alert-danger d-none mt-4">
|
||||
<strong>Error!</strong> There was an error sending your message.
|
||||
<span class="mail-error-message text-1 d-block"></span>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-lg-6">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Full Name</label>
|
||||
<input type="text" value="" data-msg-required="Please enter your name." class="form-control text-3 h-auto py-2" name="name" required>
|
||||
</div>
|
||||
<div class="form-group col-lg-6">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Email Address</label>
|
||||
<input type="email" value="" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." class="form-control text-3 h-auto py-2" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Full Address</label>
|
||||
<input type="text" value="" data-msg-required="Please enter your address." class="form-control text-3 h-auto py-2" name="address" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-lg-6">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Monthly Usage in KWh</label>
|
||||
<input type="text" value="" data-msg-required="Please enter Monthly Usage in KWh." class="form-control text-3 h-auto py-2" name="usage" required>
|
||||
</div>
|
||||
<div class="form-group col-lg-6">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Service Type</label>
|
||||
<input type="text" value="" data-msg-required="Please enter Service Type." class="form-control text-3 h-auto py-2" name="service" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-lg-6">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Economy Goals</label>
|
||||
<input type="text" value="" data-msg-required="Please enter Economy Goals." class="form-control text-3 h-auto py-2" name="goals" required>
|
||||
</div>
|
||||
<div class="form-group col-lg-6">
|
||||
<label class="form-label mb-1 text-2 text-color-dark font-weight-semibold">Budget</label>
|
||||
<input type="text" value="" data-msg-required="Please enter Budget."class="form-control text-3 h-auto py-2" name="budget" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col py-3">
|
||||
<p class="mb-0 opacity-7 text-2">* Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices non.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-2">
|
||||
<div class="form-group col">
|
||||
<input type="submit" value="Submit Form" class="btn btn-modern btn-primary font-weight-bold border-0 py-3 px-5" data-loading-text="Loading...">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section my-0 py-5 border-0 bg-transparent">
|
||||
<div class="container container-xl-custom py-5">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h4 class="text-primary text-3 font-weight-bold mb-2">FROM OUR BLOG</h4>
|
||||
<h3 class="mb-3">Recent News</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-2">
|
||||
<div class="col-lg-6">
|
||||
<div class="row align-items-center p-relative">
|
||||
<div class="col-lg-6">
|
||||
<img src="img/demos/renewable-energy/blog/post-thumb-1.jpg" class="img-fluid rounded" alt="Lorem Ipsum Dolor" />
|
||||
</div>
|
||||
<div class="col-lg-6 mt-4 mt-lg-0">
|
||||
<span class="d-block text-color-grey font-weight-semibold positive-ls-2 text-1 text-uppercase">10 Jan 2025 | 3 comments | John Doe</span>
|
||||
<h4 class="font-weight-bold text-5 text-color-hover-primary mb-2">Lorem ipsum dolor sit a met, consectetur</h4>
|
||||
<p class="text-3 mb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum pellentesqu... </p>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase stretched-link">Read More <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 mt-5 mt-lg-0">
|
||||
<div class="row align-items-center p-relative">
|
||||
<div class="col-lg-6">
|
||||
<img src="img/demos/renewable-energy/blog/post-thumb-2.jpg" class="img-fluid rounded" alt="Lorem Ipsum Dolor" />
|
||||
</div>
|
||||
<div class="col-lg-6 mt-4 mt-lg-0">
|
||||
<span class="d-block text-color-grey font-weight-semibold positive-ls-2 text-1 text-uppercase">10 Jan 2025 | 3 comments | John Doe</span>
|
||||
<h4 class="font-weight-bold text-5 text-color-hover-primary mb-2">Lorem ipsum dolor sit a met, consectetur</h4>
|
||||
<p class="text-3 mb-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit quisque rutrum pellentesqu... </p>
|
||||
<a href="#" class="btn btn-arrow-effect-1 ws-nowrap text-primary text-2 bg-transparent border-0 px-0 text-uppercase stretched-link">Read More <i class="fas fa-arrow-right ms-2"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
@section('footer')
|
||||
<footer id="footer" class="position-relative bg-quaternary mt-0 border-top-0">
|
||||
<div class="container container-xl-custom pt-5 pb-3">
|
||||
<div class="row pt-5">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<h3 class="mb-3 text-4-5 text-color-light">Company</h3>
|
||||
<p class="text-3 text-color-grey mb-0">12345 Porto Blvd.<br>Suite 1500<br>Los Angeles, California 90000</p>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mt-4 mt-md-0">
|
||||
<h3 class="mb-3 text-4-5 text-color-light">Our Contacts</h3>
|
||||
<a href="tel:0123456789" class="d-flex align-items-center text-decoration-none text-color-primary text-color-hover-light font-weight-medium ms-1">
|
||||
<i class="icon icon-phone text-color-primary text-4-5 me-2"></i>
|
||||
800-123-4567
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4 mt-4 mt-lg-0">
|
||||
<h3 class="mb-3 text-4-5 text-color-light">Services</h3>
|
||||
<ul class="list list-unstyled columns-lg-2 font-weight-medium">
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Residential Solar Panels</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Commercial Solar Panels</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Energy Stations</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">About Us</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">Our Services</a></li>
|
||||
<li><a href="#" class="text-color-grey text-color-hover-primary">News</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-2 mt-4 mt-lg-0">
|
||||
<h3 class="mb-3 text-4-5 text-color-light">Follow Us</h3>
|
||||
<ul class="social-icons social-icons-clean social-icons-medium">
|
||||
<li class="social-icons-facebook">
|
||||
<a href="http://www.facebook.com/" target="_blank" title="Facebook">
|
||||
<i class="fab fa-facebook-f text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-x">
|
||||
<a href="http://www.x.com/" target="_blank" title="X">
|
||||
<i class="fab fa-x-twitter text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-instagram">
|
||||
<a href="http://www.instagram.com/" target="_blank" title="Instagram">
|
||||
<i class="fab fa-instagram text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="social-icons-linkedin">
|
||||
<a href="http://www.linkedin.com/" target="_blank" title="Linkedin">
|
||||
<i class="fab fa-linkedin text-color-light"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright bg-transparent mt-5">
|
||||
<div class="container container-xl-custom">
|
||||
<hr class="bg-color-light opacity-1">
|
||||
<div class="row">
|
||||
<div class="col mt-4 mb-4 pb-5">
|
||||
<p class="text-center text-color-grey text-3 mb-0">Porto © 2025. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@endsection
|
||||
@ -1,7 +0,0 @@
|
||||
@extends('vuexy-admin::layouts.vuexy.layoutMaster')
|
||||
|
||||
@section('title', 'Widgets Porto')
|
||||
|
||||
@section('content')
|
||||
@livewire('vuexy-admin::plugins-index')
|
||||
@endsection
|
||||
Reference in New Issue
Block a user