Depuración de tamplete
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>
|
Reference in New Issue
Block a user