first commit
This commit is contained in:
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>
|
18
resources/views/components/menu/menu-item.blade.php
Normal file
18
resources/views/components/menu/menu-item.blade.php
Normal file
@ -0,0 +1,18 @@
|
||||
@php
|
||||
$aClass = 'dropdown-item' . (!empty($item['children']) ? 'dropdown-toggle' : '');
|
||||
$aria = !empty($item['children']) ? 'data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : '';
|
||||
$iconDown = !empty($item['children']) ? '<i class="fas fa-chevron-down"></i>' : '';
|
||||
@endphp
|
||||
|
||||
<li class="{{ !empty($item['children']) ? 'dropdown-submenu' : '' }}">
|
||||
<a href="{{ $item['url'] ?? 'javascript:;' }}" class="{{ $aClass }}" {{ $aria }}>
|
||||
{{ $item['title'] }} {{ $iconDown }}
|
||||
</a>
|
||||
@if (!empty($item['children']))
|
||||
<ul class="dropdown-menu">
|
||||
@foreach ($item['children'] as $child)
|
||||
@include('porto::components.header.menu-item', ['item' => $child])
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</li>
|
31
resources/views/components/menu/menu.blade.php
Normal file
31
resources/views/components/menu/menu.blade.php
Normal file
@ -0,0 +1,31 @@
|
||||
@props([
|
||||
'menuSlug' => 'main-header', // Default slug
|
||||
])
|
||||
|
||||
@php
|
||||
use Koneko\KonekoWebsiteAdmin\Website\Menu\WebsiteMenuRenderer;
|
||||
|
||||
$items = WebsiteMenuRenderer::tree($menuSlug);
|
||||
@endphp
|
||||
|
||||
<ul class="nav nav-pills w-100" id="mainNav">
|
||||
@foreach ($items as $item)
|
||||
@php
|
||||
$aClass = 'dropdown-item' . (!empty($item['children']) ? ' dropdown-toggle' : '');
|
||||
$aria = !empty($item['children']) ? 'data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : '';
|
||||
$iconDown = !empty($item['children']) ? '<i class="fas fa-chevron-down"></i>' : '';
|
||||
@endphp
|
||||
<li class="nav-item {{ !empty($item['children']) ? 'dropdown' : '' }}">
|
||||
<a href="{{ $item['url'] ?? 'javascript:;' }}" class="{{ $aClass }}" {{ $aria }}>
|
||||
{{ $item['title'] }} {{ $iconDown }}
|
||||
</a>
|
||||
@if (!empty($item['children']))
|
||||
<ul class="dropdown-menu">
|
||||
@foreach ($item['children'] as $child)
|
||||
@include('porto::components.header.menu-item', ['item' => $child])
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ $_seo['locale'] ?? app()->getLocale() }}"
|
||||
data-base-url="{{ url('/') . '/' }}"
|
||||
data-template="{{ $_layout['template'] }}"
|
||||
prefix="og: http://ogp.me/ns#">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
@include('koneko-website-admin::layouts.base.header')
|
||||
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
||||
|
||||
<!-- 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('koneko-layout-porto::layouts.business-consulting-4.partials.styles')
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
@yield('header')
|
||||
|
||||
<div role="main" class="main">
|
||||
@yield('content')
|
||||
</div>
|
||||
|
||||
@yield('footer')
|
||||
</div>
|
||||
|
||||
@include('koneko-layout-porto::layouts.business-consulting-4.partials.scripts')
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,16 @@
|
||||
<!-- Vendor -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/vendor/plugins/js/plugins.min.js') }}"></script>
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/vendor/particles/particles.min.js') }}"></script>
|
||||
@yield('vendor-script')
|
||||
|
||||
<!-- Theme Base, Components and Settings -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/js/theme.js') }}"></script>
|
||||
|
||||
<!-- Demo -->
|
||||
@vite('vendor/koneko/laravel-koneko-layout-porto/resources/assets/js/demos/demo-business-consulting-4.js')
|
||||
|
||||
<!-- Page Script -->
|
||||
@stack('page-script')
|
||||
|
||||
<!-- Theme Initialization Files -->
|
||||
@vite('vendor/koneko/laravel-koneko-layout-porto/resources/assets/js/theme.init.js')
|
@ -0,0 +1,30 @@
|
||||
<!-- Vendor CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/bootstrap/css/bootstrap.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/fontawesome-free/css/all.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/animate/animate.compat.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/simple-line-icons/css/simple-line-icons.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/owl.carousel/assets/owl.carousel.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/owl.carousel/assets/owl.theme.default.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/magnific-popup/magnific-popup.min.css',
|
||||
])
|
||||
|
||||
<!-- Theme CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-elements.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-blog.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-shop.css',
|
||||
])
|
||||
|
||||
<!-- Vendor Styles -->
|
||||
@yield('vendor-style')
|
||||
|
||||
<!-- Page Styles -->
|
||||
@stack('page-style')
|
||||
|
||||
<!-- Demo & Skin CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/demos/demo-business-consulting-4.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/skins/skin-business-consulting-4.css',
|
||||
])
|
33
resources/views/layouts/cleaning-services/master.blade.php
Normal file
33
resources/views/layouts/cleaning-services/master.blade.php
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ $_seo['locale'] ?? app()->getLocale() }}"
|
||||
data-base-url="{{ url('/') . '/' }}"
|
||||
data-template="{{ $_layout['template'] }}"
|
||||
prefix="og: http://ogp.me/ns#">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
@include('koneko-website-admin::layouts.base.header')
|
||||
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
||||
|
||||
<!-- 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('koneko-layout-porto::layouts.cleaning-services.partials.styles')
|
||||
</head>
|
||||
<body>
|
||||
<div class="body">
|
||||
@yield('header')
|
||||
|
||||
<div role="main" class="main">
|
||||
@yield('content')
|
||||
</div>
|
||||
|
||||
@yield('footer')
|
||||
</div>
|
||||
|
||||
@include('koneko-layout-porto::layouts.cleaning-services.partials.scripts')
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,19 @@
|
||||
<!-- Vendor -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/vendor/plugins/js/plugins.min.js') }}"></script>
|
||||
@yield('vendor-script')
|
||||
|
||||
<!-- Theme Base, Components and Settings -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/js/theme.js') }}"></script>
|
||||
|
||||
<!-- Current Page Vendor and Views -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/js/views/view.contact.js') }}"></script>
|
||||
|
||||
<!-- Demo -->
|
||||
@vite('vendor/koneko/laravel-koneko-layout-porto/resources/assets/js/demos/demo-cleaning-services.js')
|
||||
|
||||
<!-- Page Script -->
|
||||
@stack('page-script')
|
||||
|
||||
<!-- Theme Initialization Files -->
|
||||
@vite('vendor/koneko/laravel-koneko-layout-porto/resources/assets/js/theme.init.js')
|
||||
|
@ -0,0 +1,30 @@
|
||||
<!-- Vendor CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/bootstrap/css/bootstrap.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/fontawesome-free/css/all.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/animate/animate.compat.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/simple-line-icons/css/simple-line-icons.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/owl.carousel/assets/owl.carousel.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/owl.carousel/assets/owl.theme.default.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/magnific-popup/magnific-popup.min.css',
|
||||
])
|
||||
|
||||
<!-- Theme CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-elements.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-blog.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-shop.css',
|
||||
])
|
||||
|
||||
<!-- Vendor Styles -->
|
||||
@yield('vendor-style')
|
||||
|
||||
<!-- Page Styles -->
|
||||
@stack('page-style')
|
||||
|
||||
<!-- Demo & Skin CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/demos/demo-cleaning-services.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/skins/skin-cleaning-services.css',
|
||||
])
|
33
resources/views/layouts/renewable-energy/master.blade.php
Normal file
33
resources/views/layouts/renewable-energy/master.blade.php
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ $_seo['locale'] ?? app()->getLocale() }}"
|
||||
data-base-url="{{ url('/') . '/' }}"
|
||||
data-template="{{ $_layout['template'] }}"
|
||||
prefix="og: http://ogp.me/ns#">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
@include('koneko-website-admin::layouts.base.header')
|
||||
|
||||
<!-- Mobile Metas -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
|
||||
|
||||
<!-- 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('koneko-layout-porto::layouts.renewable-energy.partials.styles')
|
||||
</head>
|
||||
<body class="alternative-font-7">
|
||||
<div class="body">
|
||||
@yield('header')
|
||||
|
||||
<div role="main" class="main">
|
||||
@yield('content')
|
||||
</div>
|
||||
|
||||
@yield('footer')
|
||||
</div>
|
||||
|
||||
@include('koneko-layout-porto::layouts.renewable-energy.partials.scripts')
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,16 @@
|
||||
<!-- Vendor -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/vendor/plugins/js/plugins.min.js') }}"></script>
|
||||
@yield('vendor-script')
|
||||
|
||||
<!-- Theme Base, Components and Settings -->
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/js/theme.js') }}"></script>
|
||||
|
||||
<!-- Demo -->
|
||||
@vite('vendor/koneko/laravel-koneko-layout-porto/resources/assets/js/demos/demo-renewable-energy.js')
|
||||
<script src="{{ asset('vendor/koneko-layout-porto/js/views/view.contact.js') }}"></script>
|
||||
|
||||
<!-- Page Script -->
|
||||
@stack('page-script')
|
||||
|
||||
<!-- Theme Initialization Files -->
|
||||
@vite('vendor/koneko/laravel-koneko-layout-porto/resources/assets/js/theme.init.js')
|
@ -0,0 +1,30 @@
|
||||
<!-- Vendor CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/bootstrap/css/bootstrap.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/fontawesome-free/css/all.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/animate/animate.compat.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/simple-line-icons/css/simple-line-icons.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/owl.carousel/assets/owl.carousel.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/owl.carousel/assets/owl.theme.default.min.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/vendor/magnific-popup/magnific-popup.min.css',
|
||||
])
|
||||
|
||||
<!-- Theme CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-elements.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-blog.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/theme-shop.css',
|
||||
])
|
||||
|
||||
<!-- Vendor Styles -->
|
||||
@yield('vendor-style')
|
||||
|
||||
<!-- Page Styles -->
|
||||
@stack('page-style')
|
||||
|
||||
<!-- Demo & Skin CSS -->
|
||||
@vite([
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/demos/demo-renewable-energy.css',
|
||||
'vendor/koneko/laravel-koneko-layout-porto/resources/assets/css/skins/skin-renewable-energy.css',
|
||||
])
|
Reference in New Issue
Block a user