  <?php
if(!defined('IN_DEMOSOSO')) {
  exit('this is wrong page,please back to homepage');
}
?>
<?php 
 
   $arrf = dmget_curfolderandfile(pathinfo(__FILE__),1);  
  // pre($arrf);

   $arr = dmjtblock($arrf[0],$arrf[1],150);

    require INCLUDE_ROOT.'jttext_canarr.php';

    if($bgcolor=='') $bgcolor = '#37517e';
    if($btnbgcolor=='') $btnbgcolor = '#47b2e4';
    if($btnbgcolorhover=='') $btnbgcolorhover = '#209dd8';

   ?> 
  <section class="hero01">

    <div class="container"> 
        <div class="colhalf">
          <h1><?php echo $title?></h1>
          <h2><?php echo $subtitle?></h2>
          <div class="">
            <a href="<?php echo $linkurl?>" class="btn-get-started scrollto"><?php echo $linktitle?></a>
        
          </div>
        </div>
        <div class="colhalf hero-img">
          <img src="<?php echo get_img($img)?>" class="img-fluid animated" alt="<?php echo $title?>" />
        </div> <div class="c"></div>
    </div>

  </section><!-- End Hero -->
  <style type="text/css">
     
.hero01{width:100%;background:<?php echo $bgcolor?>;padding:170px 0 100px 0}
.hero01 h1{margin:20px 0 10px 0;font-size:48px;font-weight:700;line-height:56px;color:#fff}
.hero01 h2{color:rgba(255,255,255,0.6);margin-bottom:50px;font-size:24px}
.hero01 .btn-get-started{font-family:"Jost",sans-serif;font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:10px 28px 11px 28px;border-radius:50px;transition:0.5s;margin:10px 0 0 0;color:#fff;background:<?php echo $btnbgcolor?>}
.hero01 .btn-get-started:hover{background:<?php echo $btnbgcolorhover?>}
.hero01 .animated{animation:up-down 2s ease-in-out infinite alternate-reverse both}
@media (max-width:1026px){.hero01{padding:80px 0}
.hero01 h1{font-size:28px;line-height:36px}
.hero01 h2{font-size:18px}
}@media (max-width:600px){.hero01{padding:50px 0}
}@-webkit-keyframes up-down{0%{transform:translateY(10px)}
100%{transform:translateY(-10px)}
}@keyframes up-down{0%{transform:translateY(10px)}
100%{transform:translateY(-10px)}
}
  </style>
