Depuración de tamplete

This commit is contained in:
2025-09-09 17:57:38 -06:00
parent 9858228ef2
commit 6767648583
3106 changed files with 7531 additions and 10113 deletions

View 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>

View 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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View 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-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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View 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>

View File

@ -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>

View 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>

View 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>

View File

@ -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>

View File

@ -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>

View 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>

View File

@ -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>

View 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>

View File

@ -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>

View 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>

View 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>

View 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>

View 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>

View 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="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>

View File

@ -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>

View 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-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>

View 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 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>

View 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 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>

View 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 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>

View 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 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>

View 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 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>

View 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 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>