<?php
if(!defined('IN_DEMOSOSO')) {
  exit('this is wrong page,please back to homepage');
}
?>
 <?php 
 
 //https://sc.chinaz.com/moban/220709093740.htm
 
 // $pidfile =  'jthome_effect/hero/hero01'; 
  
 // $pidfile = dmget_curfolderandfile2(pathinfo(__FILE__));
  //echo $pidfile;
  // require INCLUDE_ROOT.'jttext_canarr.php';

?>
 
  <section class="hero01">

    <div class="container"> 
        <div class="colhalf">
          <h1>欢迎使用DM建站系统 www.demososo.com</h1>
          <h2>适合企业官网，外贸网站，多语言建站，可以组装成不同效果，不同模板。</h2>
          <div class="">
            <a href="about.html" class="btn-get-started scrollto">关于我们</a>
        
          </div>
        </div>
        <div class="colhalf hero-img">
          <img src="https://demosc.chinaz.net/Files/DownLoad/moban/202207/moban6721/assets/img/hero-img.png" class="img-fluid animated" alt="">
        </div> <div class="c"></div>
    </div>

  </section><!-- End Hero -->
  <style type="text/css">
     
.hero01{width:100%;background:#37517e;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:#47b2e4}
.hero01 .btn-get-started:hover{background:#209dd8}
.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>
