e107inc/e107

<?php

// Template File
// hero Template file

if (!defined('e107_INIT')) { exit; }



$HERO_TEMPLATE['default']['header']     = '<!-- Hero Menu: header -->{SETIMAGE: w=400&h=400}
                                            <div id="carousel-hero" class="carousel carousel-hero-default carousel-fade slide" data-bs-ride="carousel" data-ride="carousel" data-interval="{HERO_SLIDE_INTERVAL}" data-bs-interval="{HERO_SLIDE_INTERVAL}">
                                            <div class="carousel-inner d-flex" role="listbox">';


$HERO_TEMPLATE['default']['footer']     = '</div><div class="carousel-controls">
                                          <!-- Controls -->
                                          <a title="{LAN=PREVIOUS}" class="left carousel-left carousel-control carousel-control-prev animated zoomIn animation-delay-30" href="#carousel-hero" role="button" data-slide="prev" data-bs-slide="prev">
                                            <i class="fa fa-chevron-left fa-fw"></i>
                                            <span class="sr-only">{LAN=PREVIOUS}</span>
                                          </a>
                                          <a title="{LAN=NEXT}" class="right carousel-right carousel-control carousel-control-next animated zoomIn animation-delay-30" href="#carousel-hero" role="button" data-slide="next" data-bs-slide="next">
                                            <i class="fa fa-chevron-right fa-fw"></i>
                                            <span class="sr-only">{LAN=NEXT}</span>
                                          </a>
                                          <!-- Indicators -->
                                          {HERO_CAROUSEL_INDICATORS: target=carousel-hero&class=animated fadeInUpBig}
                        
                                         
                                        </div>
                                      </div>';


$HERO_TEMPLATE['default']['start']         = '<div class="carousel-item item {HERO_SLIDE_ACTIVE} bg-dark" style="background-image:{HERO_BGIMAGE}">
                                          <div class="container">
                                          
                                          <div class="carousel-caption">
                                            <div class="hero-text-container">
                                              <header class="hero-title animated slideInLeft animation-delay-5">
                                                <h1 class="text-light animated fadeInLeft animation-delay-10 font-smoothing">{HERO_TITLE: enwrap=strong}</h1>
                                                <h2 class="text-light animated fadeInLeft animation-delay-12">{HERO_DESCRIPTION: enwrap=span&class=text-bold}</h2>
                                              </header>
                                                  <div class="row">
                                                  <div class="col-md-6">
                                                  <ul class="hero-list list-unstyled">';

$HERO_TEMPLATE['default']['end']                 = '</ul>
                                                    </div>
                                                <div class="col-md-6 hero-media-container">
                                                    <div class="pull-right animated fadeInRight animation-delay-10">
                                                    {HERO_MEDIA: class=img-responsive img-fluid d-block w-100}
                                                    </div>
                                                </div>
                                             </div>
                                             
                                          <div class="hero-buttons py-3 text-right text-end">
                         
                                              <a href="{HERO_BUTTON1_URL}" class="btn btn-{HERO_BUTTON1_CLASS} btn-raised animated fadeInRight animation-delay-28">
                                                {HERO_BUTTON1_ICON} {HERO_BUTTON1_LABEL}
                                              </a>
                                            
                                          </div>
                                        </div>
                                        </div>
                                        </div>
                                        </div>';



$HERO_TEMPLATE['default']['item']         = '<li>
                                        
                                        <div class="hero-list-icon animated zoomInUp {HERO_ANIMATION_DELAY}">
                                        <span class="hero-icon hero-icon-circle hero-icon-xlg label-{HERO_ICON_STYLE} bg-{HERO_ICON_STYLE} badge-{HERO_ICON_STYLE} shadow-3dp">
                                          {HERO_ICON}
                                        </span>
                                        </div>
                                        <div class="hero-list-text animated {HERO_ANIMATION} {HERO_ANIMATION_DELAY}">{HERO_TEXT}</div>
                                    </li>';




$HERO_TEMPLATE['menu'] = $HERO_TEMPLATE['default'];
$HERO_TEMPLATE['menu']['header']     = '<!-- Hero Menu: header -->{SETIMAGE: w=400&h=400}
                                            <div id="carousel-hero" class="carousel carousel-hero-menu carousel-fade slide" data-bs-ride="carousel" data-ride="carousel" data-interval="{HERO_SLIDE_INTERVAL}" data-bs-interval="{HERO_SLIDE_INTERVAL}">
                                            <div class="carousel-inner d-flex" role="listbox">';
$HERO_TEMPLATE['menu']['start']         = '<div class="carousel-item item {HERO_SLIDE_ACTIVE}" style="background-image:{HERO_BGIMAGE}">
                                          <div>
                                          
                                          <div class="carousel-caption">
                                            <div class="hero-text-container">
                                              <header class="hero-title animated slideInLeft animation-delay-5">
                                                <h1 class="animated fadeInLeft animation-delay-10 font-smoothing">{HERO_TITLE: enwrap=strong}</h1>
                                                <h2 class="animated fadeInLeft animation-delay-12">{HERO_DESCRIPTION: enwrap=span&class=text-bold}</h2>
                                              </header>
                                                  <div class="row">
                                                  <div class="col-md-6">
                                                  <ul class="hero-list list-unstyled">';