<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<?php   echo view('user/common_style1');?>
<style type="text/css">
   @media only screen and (max-width:768px){
  .slider{
   display: flex;
    flex-flow: column-reverse;
     }
   }
</style>


<body>
<section class=" bg-primary position-relative banner-bg ">
 <?php   echo view('user/header1');?>
  <div class="container-fluid">
  <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
    <div class="carousel-indicators">
      <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
      <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
      <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
      <div class="carousel-item active">
         <div class="row slider">
      <div class="col-lg-5">
        <div class="banner-con mt-5  wow fadeInUp"  data-wow-delay="0.5s">
          <h2 class="text-white mb-4"><?php echo $security->page_title; ?></h2>
          <p class="text-white"><?php echo $security->page_content;?></p>
      <div class="mt-4"><a class="btn btn-primary" href="<?php echo base_url('cms/about');?>">Learnmore quantitative Trading</a> </div>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="trade" > <img src="<?php echo base_url();?>/styles/new_style/images/trade.gif" alt="trade" class="img-fluid" ></div>
      </div>
    </div>
 
      </div>
      <div class="carousel-item">
         <div class="row slider">
      <div class="col-lg-5">
        <div class="banner-con mt-5  wow fadeInUp"  data-wow-delay="0.5s">
          <h2 class="text-white mb-4"><?php echo $security->page_title; ?></h2>
          <p class="text-white"><?php echo $security->page_content;?></p>
          <div class="mt-4"> <a class="btn btn-primary" href="<?php echo base_url('cms/about');?>">Learnmore quantitative Trading</a> </div>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="trade" > <img src="<?php echo base_url();?>/styles/new_style/images/trade.gif" alt="trade" class="img-fluid" ></div>
      </div>
    </div>

         
      </div>
      <div class="carousel-item">
         <div class="row slider">
      <div class="col-lg-5">
        <div class="banner-con mt-5  wow fadeInUp"  data-wow-delay="0.5s">
          <h2 class="text-white mb-4"><?php echo $security->page_title; ?></h2>
          <p class="text-white"><?php echo $security->page_content;?></p>
          <div class="mt-4"> <a class="btn btn-primary" href="<?php echo base_url('cms/about');?>">Learnmore quantitative Trading</a> </div>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="trade" > <img src="<?php echo base_url();?>/styles/new_style/images/trade.gif" alt="trade" class="img-fluid" ></div>
      </div>
    </div>
         
      </div>
    </div>
  </div>
  </div>
</section>


<section class=" bg-white pt-5 pb-4">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 mb-4">
        <div class="title text-primary text-center  wow fadeInUp"  data-wow-delay="0.5s">
          <h3> <?php echo $aboutus->page_title; ?></h3>
        </div>
        <p class="text-center text-black-50 fw-bold fs-6  wow fadeInUp"><?php echo $aboutus->page_content;?></p>
      </div>
    </div>
    <div class="col-lg-10 offset-lg-1">
      <div class="row  gy-4  py-3 row-cols-lg-3 row-cols-md-2">
        <div>
          <div class="services hover bg-light mb-2  wow fadeInUp text-center pb-3 py-4 icon-square"  data-wow-delay="0.5s">
            <div class="services-icon    d-inline-block mb-3"> <img src="<?php echo base_url();?>/styles/new_style/images/trade-ico1.png" class="img-fluid" alt="..."> </div>
            <div class="services-con">
              <h5 class="  text-black "><?php echo $quantitative->page_title; ?></h5>
              <p class="fw-normal mt-3 px-4  fs-6   "><?php echo $quantitative->page_content;?></p>
            </div>
          </div>
        </div>
        <div>
          <div class="services hover  bg-light mb-2  wow fadeInUp text-center pb-3 py-4 icon-square"  data-wow-delay="0.7s">
            <div class="services-icon    d-inline-block mb-3"> <img src="<?php echo base_url();?>/styles/new_style/images/trade-ico2.png" class="img-fluid" alt="..."> </div>
            <div class="services-con">
              <h5 class="  text-black  "><?php echo $simple_easy->page_title; ?></h5>
              <p class="fw-normal mt-3 px-4  fs-6    "><?php echo $simple_easy->page_content;?></p>
            </div>
          </div>
        </div>
        <div>
          <div class="services hover bg-light mb-2  wow fadeInUp text-center pb-3 py-4 icon-square"  data-wow-delay="0.9s">
            <div class="services-icon    d-inline-block mb-3"> <img src="<?php echo base_url();?>/styles/new_style/images/trade-ico3.png" class="img-fluid" alt="..."> </div>
            <div class="services-con">
              <h5 class="  text-black  "><?php echo $artificial_intelligence->page_title; ?></h5>
              <p class="fw-normal mt-3 px-4  fs-6   "><?php echo $artificial_intelligence->page_content;?></p>
            </div>
          </div>
        </div>
        <div>
          <div class="services hover bg-light mb-2  wow fadeInUp text-center pb-3 py-4 icon-square"  data-wow-delay="1.1s">
            <div class="services-icon    d-inline-block mb-3"> <img src="<?php echo base_url();?>/styles/new_style/images/trade-ico4.png" class="img-fluid" alt="..."> </div>
            <div class="services-con">
              <h5 class="  text-black  "><?php echo $secure->page_title; ?></h5>
              <p class="fw-normal mt-3 px-4  fs-6   "><?php echo $secure->page_content;?></p>
            </div>
          </div>
        </div>
        <div>
          <div class="services hover bg-light mb-2  wow fadeInUp text-center pb-3 py-4 icon-square"  data-wow-delay="1.3s">
            <div class="services-icon    d-inline-block mb-3"> <img src="<?php echo base_url();?>/styles/new_style/images/trade-ico5.png" class="img-fluid" alt="..."> </div>
            <div class="services-con">
              <h5 class="  text-black "><?php echo $real_time_strategy->page_title; ?></h5>
              <p class="fw-normal mt-3 px-4  fs-6  "><?php echo $real_time_strategy->page_content;?></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class=" bg-info position-relative pt-4">
  <div class="container-fluid">
 
      <div class="row">
        <div class="col-lg-5 offset-lg-1">
          <div class="road-con   wow fadeInUp mb-5"  data-wow-delay="0.5s">
            <h3 class="text-primary mb-4">The road to quantitative 
              learning from scratch</h3>
            <p class="text-black fs-6"><?php echo $experience_team->page_content;?></p>
     <!--        <div class="mt-4"> <a class="btn btn-primary" href="<?php echo base_url('cms/about');?>">Enter the quantitative classroom</a> </div> -->
          </div>
        </div>
        <div class="col-lg-6">
          <div class="road position-relative" > <img src="<?php echo base_url();?>/styles/new_style/images/road.gif" alt="road" class="img-fluid" >
          
      
       <div class="play-video"><button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal"   class="btn btn-primary text-white icon-radius"> <i class="fa fa-play"></i> </button>
          
            
     
      </div>
      
          </div>
        </div>
      </div>
    
  </div>
</section>

<?php echo view('user/footer1');?>


<!-- Modal -->
<!-- <div class="modal fade  modal-fullscreen" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
    
     <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Trading Video</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      
      
      <div class="modal-body">
      
        <div class="embed-responsive embed-responsive-16by9">
          <iframe  class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </div>
</div> -->
</body>

<script src="<?php echo base_url('styles/new_style/js/jquery-2.1.4.min.js');?>"></script>
<script src="<?php echo base_url('styles/new_style/js/bootstrap.min.js');?>"></script>
<script src="<?php echo base_url('styles/new_style/js/owl.carousel.min.js');?>"></script>
<script src="<?php echo base_url('styles/new_style/js/script.js');?>"></script>
<script src="<?php echo base_url('styles/new_style/js/wow.min.js');?>"></script> 

  <script>
    wow = new WOW(
      {
        animateClass: 'animated',
        offset:       100,
        callback:     function(box) {
          console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
        }
      }
    );
    wow.init();
    document.getElementById('moar').onclick = function() {
      var section = document.createElement('section');
      section.className = 'section--purple wow fadeInDown';
      this.parentNode.insertBefore(section, this);
    };
  </script>
</html>
