templates/main/index.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     
  4. <head>
  5.         <meta charset="UTF-8">
  6.         <!-- For IE -->
  7.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.         <!-- For Resposive Device -->
  10.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.         <title>Hatlone Learning</title>
  14.         <!-- Favicon -->
  15.         <link rel="icon" type="image/png" sizes="56x56" href="images/fav-icon/icon.png">
  18.         <!-- Main style sheet -->
  19.         <link rel="stylesheet" type="text/css" href="css/style.css">
  20.         <!-- responsive style sheet -->
  21.         <link rel="stylesheet" type="text/css" href="css/responsive.css">
  24.         <!-- Fix Internet Explorer ______________________________________-->
  26.         <!--[if lt IE 9]>
  27.             <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  28.             <script src="vendor/html5shiv.js"></script>
  29.             <script src="vendor/respond.js"></script>
  30.         <![endif]-->
  32.             
  33.     </head>
  35.     <body>
  36.         <div class="main-page-wrapper">
  38.             <!-- ===================================================
  39.                 Loading Transition
  40.             ==================================================== -->
  41.             <div id="loader-wrapper">
  42.                 <div id="loader"></div>
  43.             </div>
  47.             <!-- 
  48.             =============================================
  49.                 Theme Header
  50.             ============================================== 
  51.             -->
  52.             <div>
  53.             
  54.             </div>
  55.             <header class="theme-menu-wrapper menu-style-one">
  56.                 <div class="container">
  57.                     <div class="header-wrapper clearfix">
  58.                         <!-- Logo -->
  59.                         <div class="logo float-left tran4s"><a href="index-2.html"><img src="images/logo/logo.png" alt="Logo"></a></div>
  61.                         <!-- ============================ Theme Menu ========================= -->
  62.                         <nav class="theme-main-menu float-right navbar" id="mega-menu-wrapper">
  63.                             <!-- Brand and toggle get grouped for better mobile display -->
  64.                            <div class="navbar-header">
  65.                              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
  66.                                <span class="sr-only">Toggle navigation</span>
  67.                                <span class="icon-bar"></span>
  68.                                <span class="icon-bar"></span>
  69.                                <span class="icon-bar"></span>
  70.                              </button>
  71.                            </div>
  72.                            <!-- Collect the nav links, forms, and other content for toggling -->
  73.                            <div class="collapse navbar-collapse" id="navbar-collapse-1">
  74.                                 <ul class="nav">
  75.                                     <li class="dropdown-holder menu-list"><a href="index-2.html" class="tran3s">Home</a>
  76.                                         <ul class="sub-menu">
  77.                                             <li><a href="index-2.html">Home version one</a></li>
  78.                                             <li><a href="index-3.html">Home version Two</a></li>
  79.                                         </ul>
  80.                                     </li>
  81.                                     <li class="dropdown-holder menu-list"><a href="#" class="tran3s">Course</a>
  82.                                         <ul class="sub-menu">
  83.                                             <li><a href="course-grid.html">Course grid</a></li>
  84.                                             <li><a href="course-list.html">Course List</a></li>
  85.                                             <li><a href="course-details.html">Course Details</a></li>
  86.                                             <li class="dropdown-holder"><a href="#">Third Level menu</a>
  87.                                                 <ul class="second-sub-menu">
  88.                                                     <li><a href="#">menu one</a></li>
  89.                                                     <li><a href="#">menu two</a></li>
  90.                                                 </ul>
  91.                                             </li>
  92.                                         </ul>
  93.                                     </li>
  94.                                     <li class="dropdown-holder menu-list"><a href="#" class="tran3s">Pages</a>
  95.                                         <ul class="sub-menu width-half">
  96.                                             <li><a href="about-us.html">About Us</a></li>
  97.                                             <li><a href="our-teacher.html">Our teacher</a></li>
  98.                                             <li><a href="teachers-profile.html">teachers profile</a></li>
  99.                                             <li><a href="shop.html">Shop page</a></li>
  100.                                             <li><a href="shop-details.html">Shop Details</a></li>
  101.                                             <li><a href="portfolio-3-column.html">portfolio 3 column</a></li>
  102.                                             <li><a href="portfolio-4-column.html">portfolio 4 column</a></li>
  103.                                             <li><a href="pricing-plan.html">Pricing Plan</a></li>
  104.                                             <li><a href="faq.html">Faq Page</a></li>
  105.                                             <li><a href="404.html">Error Page</a></li>
  106.                                             <li><a href="sign-up.html">Registration</a></li>
  107.                                             <li class="dropdown-holder"><a href="#">Third Level menu</a>
  108.                                                 <ul class="second-sub-menu">
  109.                                                     <li><a href="#">menu one</a></li>
  110.                                                     <li><a href="#">menu two</a></li>
  111.                                                 </ul>
  112.                                             </li>
  113.                                         </ul>
  114.                                     </li>
  115.                                     <li class="dropdown-holder menu-list"><a href="#" class="tran3s">Event</a>
  116.                                         <ul class="sub-menu">
  117.                                             <li><a href="event-list.html">Event List</a></li>
  118.                                             <li><a href="event-grid.html">Event Grid</a></li>
  119.                                             <li><a href="event-details.html">Event Single</a></li>
  120.                                         </ul>
  121.                                     </li>
  122.                                     <li class="dropdown-holder menu-list"><a href="#" class="tran3s">Blog</a>
  123.                                         <ul class="sub-menu">
  124.                                             <li><a href="blog-grid.html">Blog grid</a></li>
  125.                                             <li><a href="blog-list.html">Blog List</a></li>
  126.                                             <li><a href="blog-details.html">blog Details</a></li>
  127.                                         </ul>
  128.                                     </li>
  129.                                     <li><a href="contact-us.html" class="tran3s">Contact Us</a></li>
  130.                                     {% if app.user %}
  131.                                     <li class="login"><button class="tran3s" ><i class="flaticon-lock"></i><a href="{{ path('app_logout') }}"> Logout</a></button></li>
  132.                                     {% else %}
  133.                                     <li class="login"><button class="tran3s" ><i class="flaticon-lock"></i><a href="{{ path('app_login') }}"> Login</a></button></li>
  134.                                     {% endif %}
  135.                                 </ul>
  136.                            </div><!-- /.navbar-collapse -->
  137.                         </nav> <!-- /.theme-main-menu -->
  138.                     </div> <!-- /.header-wrapper -->
  139.                 </div>
  140.             </header> <!-- /.theme-menu-wrapper -->
  141.             
  142.             <!-- 
  143.             =============================================
  144.                 Theme Main Banner
  145.             ============================================== 
  146.             -->
  147.             <div id="theme-main-banner" class="banner-one">
  148.                 <div data-src="images/home/slide-1.jpg">
  149.                     <div class="camera_caption">
  150.                         <div class="container text-center">
  151.                             <h3 class="wow fadeInUp animated">Eskul is an online platform</h3>
  152.                             <h1 class="wow fadeInUp animated" data-wow-delay="0.2s">Designed to <span class="s-color">Make Learning</span></h1>
  153.                             <a href="course-2-column.html" class="tran3s wow fadeInLeft animated banner-button" data-wow-delay="0.3s">Start Learn Now</a>
  154.                             <a href="course-2-column.html" class="tran3s wow fadeInRight animated button-one banner-button hvr-trim" data-wow-delay="0.3s">Purchase now</a>
  155.                         </div> <!-- /.container -->
  156.                     </div> <!-- /.camera_caption -->
  157.                 </div>
  158.                 <div data-src="images/home/slide-2.jpg">
  159.                     <div class="camera_caption">
  160.                         <div class="container text-center">
  161.                             <h3 class="wow fadeInUp animated">Eskul is an online platform</h3>
  162.                             <h1 class="wow fadeInUp animated" data-wow-delay="0.2s">Designed to <span class="s-color">Make Learning</span></h1>
  163.                             <a href="course-2-column.html" class="tran3s wow fadeInLeft animated banner-button" data-wow-delay="0.3s">Start Learn Now</a>
  164.                             <a href="course-2-column.html" class="tran3s wow fadeInRight animated button-one banner-button hvr-trim" data-wow-delay="0.3s">Purchase now</a>
  165.                         </div> <!-- /.container -->
  166.                     </div> <!-- /.camera_caption -->
  167.                 </div>
  168.             </div> <!-- /#theme-main-banner -->
  171.             
  172.             <!-- 
  173.             =============================================
  174.                 Find Course Form
  175.             ============================================== 
  176.             -->
  177.             <div class="find-course">
  178.                 <div class="opacity color-one">
  179.                     <div class="container">
  180.                         <form action="#">
  181.                             <div class="row">
  182.                                 <div class="col-md-3 col-xs-6">
  183.                                     <div class="single-input">
  184.                                         <select class="selectpicker">
  185.                                             <option>All Categories</option>
  186.                                             <option>Course Demo one</option>
  187.                                             <option>Course Demo two</option>
  188.                                             <option>Course Demo three</option>
  189.                                         </select>
  190.                                     </div> <!-- /.single-input -->
  191.                                 </div> <!-- /.col -->
  192.                                 <div class="col-md-3 col-xs-6">
  193.                                     <div class="single-input">
  194.                                         <select class="selectpicker">
  195.                                             <option>Filter</option>
  196.                                             <option>Course filter one</option>
  197.                                             <option>Course filter two</option>
  198.                                             <option>Course filter three</option>
  199.                                         </select>
  200.                                     </div> <!-- /.single-input -->
  201.                                 </div> <!-- /.col -->
  202.                                 <div class="col-md-4 col-sm-8 col-xs-12">
  203.                                     <div class="single-input">
  204.                                         <select class="selectpicker">
  205.                                             <option>What you want to learn today?</option>
  206.                                             <option>Advance HTML Courses</option>
  207.                                             <option>Advance PHP Courses</option>
  208.                                             <option>Advance JAVA Courses</option>
  209.                                         </select>
  210.                                     </div> <!-- /.single-input -->
  211.                                 </div> <!-- /.col -->
  212.                                 <div class="col-md-2 col-sm-4 col-xs-12"><button class="action-button tran3s">Search Now <i class="fa fa-search" aria-hidden="true"></i></button></div>
  213.                             </div> <!-- /.row -->
  214.                         </form>
  215.                     </div> <!-- /.container -->
  216.                 </div> <!-- /.opacity -->
  217.             </div> <!-- /.find-course -->
  221.             
  222.             <!-- 
  223.             =============================================
  224.                 Find Course Block
  225.             ============================================== 
  226.             -->
  227.             <div class="find-course-block">
  228.                 <div class="container">
  229.                     <div class="theme-title text-center">
  230.                         <h6>Choose Your Course</h6>
  231.                         <h2>We Have Tones of Course for You!!</h2>
  232.                     </div> <!-- /.theme-title -->
  233.                     <div class="clearfix">
  234.                         <div class="single-block float-left tran3s">
  235.                             <i class="flaticon-diamond"></i>
  236.                             <h5>UI/UX Design</h5>
  237.                             <p>There are many variations of passages of check Lorem Ipsum availablebut the majority have suffered alteration</p>
  238.                             <a href="course-details.html" class="tran3s"><i class="flaticon-arrows"></i></a>
  239.                         </div> <!-- /.single-block -->
  240.                         <div class="single-block float-left tran3s">
  241.                             <i class="flaticon-connection"></i>
  242.                             <h5>Communication</h5>
  243.                             <p>There are many variations of passages of check Lorem Ipsum availablebut the majority have suffered alteration</p>
  244.                             <a href="course-details.html" class="tran3s"><i class="flaticon-arrows"></i></a>
  245.                         </div> <!-- /.single-block -->
  246.                         <div class="single-block float-left tran3s">
  247.                             <i class="flaticon-photo-camera"></i>
  248.                             <h5>Photography</h5>
  249.                             <p>There are many variations of passages of check Lorem Ipsum availablebut the majority have suffered alteration</p>
  250.                             <a href="course-details.html" class="tran3s"><i class="flaticon-arrows"></i></a>
  251.                         </div> <!-- /.single-block -->
  252.                         <div class="single-block float-left tran3s">
  253.                             <i class="flaticon-briefcase"></i>
  254.                             <h5>Online Marketing</h5>
  255.                             <p>There are many variations of passages of check Lorem Ipsum availablebut the majority have suffered alteration</p>
  256.                             <a href="course-details.html" class="tran3s"><i class="flaticon-arrows"></i></a>
  257.                         </div> <!-- /.single-block -->
  258.                         <div class="single-block float-left tran3s">
  259.                             <i class="flaticon-compose"></i>
  260.                             <h5>Illustrator &amp; Vector</h5>
  261.                             <p>There are many variations of passages of check Lorem Ipsum availablebut the majority have suffered alteration</p>
  262.                             <a href="course-details.html" class="tran3s"><i class="flaticon-arrows"></i></a>
  263.                         </div> <!-- /.single-block -->
  264.                         <div class="single-block float-left tran3s">
  265.                             <i class="flaticon-coding"></i>
  266.                             <h5>Design &amp; Development</h5>
  267.                             <p>There are many variations of passages of check Lorem Ipsum availablebut the majority have suffered alteration</p>
  268.                             <a href="course-details.html" class="tran3s"><i class="flaticon-arrows"></i></a>
  269.                         </div> <!-- /.single-block -->
  270.                     </div>
  271.                 </div> <!-- /.container -->
  272.             </div> <!-- /.find-course-block -->
  274.             
  275.             <!-- 
  276.             =============================================
  277.                 Registration Banner  
  278.             ============================================== 
  279.             -->
  280.             <div class="registration-banner">
  281.                 <div class="opacity">
  282.                     <div class="container">
  283.                         <div class="row">
  284.                             <div class="col-md-5 col-xs-12">
  285.                                 <div class="registration-form">
  286.                                     <form action="#">
  287.                                         <h2>Register Now</h2>
  288.                                         <p>Create  your account and browse thousand of courses!!</p>
  289.                                         <div class="form-wrapper">
  290.                                             <h6>Your Full Name</h6>
  291.                                             <input type="text" placeholder="Your Name">
  292.                                             <h6>Your EMail</h6>
  293.                                             <input type="email" placeholder="sample@email.com">
  294.                                             <h6>Mobile Number</h6>
  295.                                             <input type="text" placeholder="+880 854 875 971">
  296.                                             <button class="tran3s hvr-trim">SIGN UP NOW!!</button>
  297.                                         </div> <!-- /.form-wrapper -->
  298.                                     </form>
  299.                                 </div> <!-- /.registration-form -->
  300.                             </div>
  302.                             <div class="col-md-7 col-xs-12">
  303.                                 <div class="text-wrapper">
  304.                                     <h2>We Have More <br>Than <span class="p-color">28,690+Student</span> Currently Useing Eskul</h2>
  306.                                     <ul class="clearfix">
  307.                                         <li class="float-left">
  308.                                             <div class="single-box">
  309.                                                 <h3><span class="counter">8,759</span></h3>
  310.                                                 <p>Currently Use</p>
  311.                                             </div> <!-- /.single-box -->
  312.                                         </li>
  313.                                         <li class="float-left">
  314.                                             <div class="single-box">
  315.                                                 <h3><span class="counter">42</span>M</h3>
  316.                                                 <p>Total Students</p>
  317.                                             </div> <!-- /.single-box -->
  318.                                         </li>
  319.                                         <li class="float-left">
  320.                                             <div class="single-box">
  321.                                                 <h3><span class="counter">70,593</span></h3>
  322.                                                 <p>Finished Course</p>
  323.                                             </div> <!-- /.single-box -->
  324.                                         </li>
  325.                                     </ul>
  326.                                 </div>
  327.                             </div>
  328.                         </div> <!-- /.row -->
  329.                     </div> <!-- /.container -->
  330.                 </div> <!-- /.opacity -->
  331.             </div> <!-- /.registration-banner -->
  334.             <!-- 
  335.             =============================================
  336.                 Popular Course 
  337.             ============================================== 
  338.             -->
  339.             <div class="popular-course">
  340.                 <div class="container">
  341.                     <div class="theme-title">
  342.                         <h6>Featured Course</h6>
  343.                         <h2>Populer Course</h2>
  344.                         <a href="course-grid.html" class="tran3s">See All Course</a>
  345.                     </div> <!-- /.theme-title -->
  347.                     <div class="row">
  348.                         <div class="col-md-4 col-xs-6 wow fadeInLeft">
  349.                             <div class="single-course">
  350.                                 <div class="image-box"><img src="images/course/1.jpg" alt=""></div>
  351.                                 <div class="text">
  352.                                     <div class="image"><img src="images/course/4.jpg" alt=""></div>
  353.                                     <div class="name clearfix">
  354.                                         <h6 class="float-left">Jemmi Koli</h6>
  355.                                         <span class="p-bg-color float-right">Free</span>
  356.                                     </div>
  357.                                     <h5><a href="course-details.html" class="tran3s">Angular 2 Essential Training JavaScript Framework</a></h5>
  358.                                     <p>Lorem ipsum dolor sit amet, duo vide etiam periculis ei, ius in lorem iuvaret. Cum nemro assum copiosae despite...</p>
  359.                                     <ul class="clearfix">
  360.                                         <li class="float-left">
  361.                                             <i class="flaticon-people"></i>
  362.                                             <a href="#" class="tran3s">2,680</a>
  363.                                         </li>
  364.                                         <li class="float-left">
  365.                                             <i class="flaticon-comments"></i>
  366.                                             <a href="#" class="tran3s">13</a>
  367.                                         </li>
  368.                                         <li class="float-right">
  369.                                             <i class="flaticon-heart"></i>
  370.                                             <a href="#" class="tran3s">3</a>
  371.                                         </li>
  372.                                     </ul>
  373.                                 </div>
  374.                             </div> <!-- /.single-course -->
  375.                         </div> <!-- /.col- -->
  376.                         <div class="col-md-4 col-xs-6 wow fadeInUp">
  377.                             <div class="single-course">
  378.                                 <div class="image-box"><img src="images/course/2.jpg" alt=""></div>
  379.                                 <div class="text">
  380.                                     <div class="image"><img src="images/course/5.jpg" alt=""></div>
  381.                                     <div class="name clearfix">
  382.                                         <h6 class="float-left">Abdus Salam</h6>
  383.                                         <strong class="s-color float-right">$79<sup>.99</sup></strong>
  384.                                     </div>
  385.                                     <h5><a href="course-details.html" class="tran3s">Angular 2 Essential Training JavaScript Framework</a></h5>
  386.                                     <p>Lorem ipsum dolor sit amet, duo vide etiam periculis ei, ius in lorem iuvaret. Cum nemro assum copiosae despite...</p>
  387.                                     <ul class="clearfix">
  388.                                         <li class="float-left">
  389.                                             <i class="flaticon-people"></i>
  390.                                             <a href="#" class="tran3s">2,680</a>
  391.                                         </li>
  392.                                         <li class="float-left">
  393.                                             <i class="flaticon-comments"></i>
  394.                                             <a href="#" class="tran3s">13</a>
  395.                                         </li>
  396.                                         <li class="float-right">
  397.                                             <i class="flaticon-heart"></i>
  398.                                             <a href="#" class="tran3s">3</a>
  399.                                         </li>
  400.                                     </ul>
  401.                                 </div>
  402.                             </div> <!-- /.single-course -->
  403.                         </div> <!-- /.col- -->
  404.                         <div class="col-md-4 hidden-sm col-xs-6 wow fadeInRight">
  405.                             <div class="single-course">
  406.                                 <div class="image-box"><img src="images/course/3.jpg" alt=""></div>
  407.                                 <div class="text">
  408.                                     <div class="image"><img src="images/course/6.jpg" alt=""></div>
  409.                                     <div class="name clearfix">
  410.                                         <h6 class="float-left">Jhon Doe</h6>
  411.                                         <span class="p-bg-color float-right">Free</span>
  412.                                     </div>
  413.                                     <h5><a href="course-details.html" class="tran3s">Angular 2 Essential Training JavaScript Framework</a></h5>
  414.                                     <p>Lorem ipsum dolor sit amet, duo vide etiam periculis ei, ius in lorem iuvaret. Cum nemro assum copiosae despite...</p>
  415.                                     <ul class="clearfix">
  416.                                         <li class="float-left">
  417.                                             <i class="flaticon-people"></i>
  418.                                             <a href="#" class="tran3s">2,680</a>
  419.                                         </li>
  420.                                         <li class="float-left">
  421.                                             <i class="flaticon-comments"></i>
  422.                                             <a href="#" class="tran3s">13</a>
  423.                                         </li>
  424.                                         <li class="float-right">
  425.                                             <i class="flaticon-heart"></i>
  426.                                             <a href="#" class="tran3s">3</a>
  427.                                         </li>
  428.                                     </ul>
  429.                                 </div>
  430.                             </div> <!-- /.single-course -->
  431.                         </div> <!-- /.col- -->
  432.                     </div> <!-- /.row -->
  433.                 </div> <!-- /.container -->
  434.             </div> <!-- /.popular-course -->
  438.             <!-- 
  439.             =============================================
  440.                 Theme Counter Section
  441.             ============================================== 
  442.             -->
  443.             <div class="theme-counter">
  444.                 <div class="count-particles">
  445.                       <span class="js-count-particles">--</span>
  446.                 </div>
  447.                 <div id="particles-js"></div>
  448.                 <div class="opacity">
  449.                     <div class="container">
  450.                         <div class="row">
  451.                             <div class="col-sm-3 col-xs-6">
  452.                                 <h3><span class="counter">85,873</span>+</h3>
  453.                                 <p>Students</p>
  454.                             </div>
  455.                             <div class="col-sm-3 col-xs-6">
  456.                                 <h3><span class="counter">468</span>+</h3>
  457.                                 <p>Courses</p>
  458.                             </div>
  459.                             <div class="col-sm-3 col-xs-6">
  460.                                 <h3><span class="counter">1,729</span>+</h3>
  461.                                 <p>Projects</p>
  462.                             </div>
  463.                             <div class="col-sm-3 col-xs-6">
  464.                                 <h3><span class="counter">2,560</span>+</h3>
  465.                                 <p>Ratings</p>
  466.                             </div>
  467.                         </div>
  468.                     </div> <!-- /.container -->
  469.                 </div> <!-- /.opacity -->
  470.             </div> <!-- /.theme-counter -->
  471.             
  474.             <!-- 
  475.             =============================================
  476.                 Our Pricing Plan
  477.             ============================================== 
  478.             -->
  479.             <div class="our-pricing-plan">
  480.                 <div class="container">
  481.                     <div class="theme-title text-center">
  482.                         <h2>Pick Your Plan. <span>No Hidden Charge!!</span></h2>
  483.                         <p>Other technological advances made during the Paleolithic era were clothing and shelter  both technologies cannot <br>be dated exactly, but they were a key to humanity's progress. </p>
  484.                     </div> <!-- /.theme-title -->
  486.                     <div class="clearfix">
  487.                         <div class="single-plan-table tran3s">
  488.                             <h6>Startup</h6>
  489.                             <strong><sub>$</sub> 17 <sup>99 <span>/ Mo.</span></sup></strong>
  490.                             <ul>
  491.                                 <li>100 Free Classes</li>
  492.                                 <li><del>960 Premium Classes</del></li>
  493.                                 <li>Expert Community (iOS, Android)</li>
  494.                                 <li><del>Cross Platforms Apps</del></li>
  495.                                 <li><del>Offline Access</del></li>
  496.                                 <li>Support Teachers</li>
  497.                             </ul>
  498.                             <a href="#" class="tran3s hvr-trim">Buy now </a>
  499.                         </div> <!-- /.single-plan-table -->
  500.                         <div class="single-plan-table tran3s">
  501.                             <h6>Growth</h6>
  502.                             <strong><sub>$</sub> 29 <sup>99 <span>/ Mo.</span></sup></strong>
  503.                             <ul>
  504.                                 <li>100 Free Classes</li>
  505.                                 <li><del>960 Premium Classes</del></li>
  506.                                 <li>Expert Community (iOS, Android)</li>
  507.                                 <li><del>Cross Platforms Apps</del></li>
  508.                                 <li>Offline Access</li>
  509.                                 <li>Support Teachers</li>
  510.                             </ul>
  511.                             <a href="#" class="tran3s hvr-trim">Buy now </a>
  512.                         </div> <!-- /.single-plan-table -->
  513.                         <div class="single-plan-table tran3s">
  514.                             <h6>Premium</h6>
  515.                             <strong><sub>$</sub> 69 <sup>99 <span>/ Mo.</span></sup></strong>
  516.                             <ul>
  517.                                 <li>100 Free Classes</li>
  518.                                 <li>960 Premium Classes</li>
  519.                                 <li>Expert Community (iOS, Android)</li>
  520.                                 <li><del>Cross Platforms Apps</del></li>
  521.                                 <li>Offline Access</li>
  522.                                 <li>Support Teachers</li>
  523.                             </ul>
  524.                             <a href="#" class="tran3s hvr-trim">Buy now </a>
  525.                         </div> <!-- /.single-plan-table -->
  526.                         <div class="single-plan-table tran3s fix">
  527.                             <h6>Enterprise</h6>
  528.                             <strong><sub>$</sub> 369 <sup>99 <span>/ Mo.</span></sup></strong>
  529.                             <ul>
  530.                                 <li>100 Free Classes</li>
  531.                                 <li>960 Premium Classes</li>
  532.                                 <li>Expert Community (iOS, Android)</li>
  533.                                 <li>Cross Platforms Apps</li>
  534.                                 <li>Offline Access</li>
  535.                                 <li>Support Teachers</li>
  536.                             </ul>
  537.                             <a href="#" class="tran3s hvr-trim">Buy now </a>
  538.                         </div> <!-- /.single-plan-table -->
  539.                     </div>
  540.                 </div> <!-- /.container -->
  541.             </div> <!-- /.our-pricing-plan -->
  542.             
  545.             <!-- 
  546.             =============================================
  547.                 Testimonial Style One
  548.             ============================================== 
  549.             -->
  550.             <div class="testimonial-styleOne">
  551.                 <div class="container">
  552.                     <div class="theme-title text-center">
  553.                         <h2>Testimonials</h2>
  554.                         <p>Still need convincing? Check out what people are saying about Singleton. </p>
  555.                     </div> <!-- /.theme-title -->
  557.                     <div id="testimonial-carousel-one" class="carousel slide" data-ride="carousel" data-interval="5000">
  558.                         <!-- Indicators -->
  559.                         <ol class="carousel-indicators">
  560.                             <li data-target="#testimonial-carousel-one" data-slide-to="0" class="active tran3s" title="Jenna Simpson"><img src="images/home/4.jpg" alt=""></li>
  561.                             <li data-target="#testimonial-carousel-one" data-slide-to="1" class="tran3s" title="Abdus Salam"><img src="images/home/5.jpg" alt=""></li>
  562.                             <li data-target="#testimonial-carousel-one" data-slide-to="2" class="tran3s" title="Solayman Mi."><img src="images/home/6.jpg" alt=""></li>
  563.                             <li data-target="#testimonial-carousel-one" data-slide-to="3" class="tran3s" title="Giyas Uddin"><img src="images/home/7.jpg" alt=""></li>
  564.                             <li data-target="#testimonial-carousel-one" data-slide-to="4" class="tran3s" title="Alom Bepari"><img src="images/home/6.jpg" alt=""></li>
  565.                             <li data-target="#testimonial-carousel-one" data-slide-to="5" class="tran3s" title="Solayman Mi."><img src="images/home/8.jpg" alt=""></li>
  566.                         </ol>
  568.                           <div class="main-wrapper">
  569.                               <div class="shadow"></div>
  570.                               <!-- Wrapper for slides -->
  571.                               <div class="carousel-inner">
  572.                                 <div class="item active">
  573.                                     <img src="images/home/4.jpg" alt="">
  574.                                     <h6>Jenna Simpson</h6>
  575.                                     <span>Dropbox</span>
  576.                                     <p>As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, and some outhouses, an old red house with tall chimneys covered with ivy, and the windows shining in the sun.</p>
  577.                                 </div>
  579.                                 <div class="item">
  580.                                     <img src="images/home/5.jpg" alt="">
  581.                                     <h6>Abdus Salam</h6>
  582.                                     <span>Google</span>
  583.                                     <p>As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, and some outhouses, an old red house with tall chimneys covered with ivy, and the windows shining in the sun.</p>
  584.                                 </div>
  586.                                 <div class="item">
  587.                                     <img src="images/home/6.jpg" alt="">
  588.                                     <h6>Solayman Mi.</h6>
  589.                                     <span>Mega Nz</span>
  590.                                     <p>As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, and some outhouses, an old red house with tall chimneys covered with ivy, and the windows shining in the sun.</p>
  591.                                 </div>
  593.                                 <div class="item">
  594.                                     <img src="images/home/7.jpg" alt="">
  595.                                     <h6>Giyas Uddin</h6>
  596.                                     <span>Upwork</span>
  597.                                     <p>As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, and some outhouses, an old red house with tall chimneys covered with ivy, and the windows shining in the sun.</p>
  598.                                 </div>
  600.                                 <div class="item">
  601.                                     <img src="images/home/6.jpg" alt="">
  602.                                     <h6>Alom Bepari</h6>
  603.                                     <span>Google</span>
  604.                                     <p>As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, and some outhouses, an old red house with tall chimneys covered with ivy, and the windows shining in the sun.</p>
  605.                                 </div>
  607.                                 <div class="item">
  608.                                     <img src="images/home/8.jpg" alt="">
  609.                                     <h6>Solayman Mi.</h6>
  610.                                     <span>Mega Nz</span>
  611.                                     <p>As we passed, I remarked a beautiful church-spire rising above some old elms in the park; and before them, in the midst of a lawn, and some outhouses, an old red house with tall chimneys covered with ivy, and the windows shining in the sun.</p>
  612.                                 </div>
  613.                               </div> <!-- /.carousel-inner -->
  615.                               <!-- Left and right controls -->
  616.                             <a class="left carousel-control" href="#testimonial-carousel-one" data-slide="prev">
  617.                                 <i class="fa fa-chevron-left" aria-hidden="true"></i>
  618.                                 <span class="sr-only">Previous</span>
  619.                             </a>
  620.                             <a class="right carousel-control" href="#testimonial-carousel-one" data-slide="next">
  621.                                 <i class="fa fa-chevron-right" aria-hidden="true"></i>
  622.                                 <span class="sr-only">Next</span>
  623.                             </a>
  624.                           </div> <!-- /.main-wrapper -->
  625.                     </div> <!-- /#testimonial-carousel-one -->
  626.                 </div> <!-- /.container -->
  627.             </div> <!-- /.testimonial-styleOne -->
  630.             <!-- 
  631.             =============================================
  632.                 Our Blog
  633.             ============================================== 
  634.             -->
  635.             <div class="our-blog">
  636.                 <div class="container">
  637.                     <div class="theme-title">
  638.                         <h2>Recent News</h2>
  639.                         <a href="blog-grid.html" class="tran3s">Go to News</a>
  640.                     </div> <!-- /.theme-title -->
  641.                     <div class="row">
  642.                         <div class="col-md-4 col-sm-6">
  643.                             <div class="single-blog">
  644.                                 <div class="image"><img src="images/blog/1.jpg" alt=""></div>
  645.                                 <ul>
  646.                                     <li>
  647.                                         <i class="flaticon-comments"></i>
  648.                                         <a href="#" class="tran3s">13</a>
  649.                                     </li>
  650.                                     <li>
  651.                                         <i class="flaticon-heart"></i>
  652.                                         <a href="#" class="tran3s">3</a>
  653.                                     </li>
  654.                                 </ul>
  655.                                 <h4><a href="blog-details.html" class="tran3s">Build Education Website...</a></h4>
  656.                                 <p>At about the same time, Rahul Roy Chowdhury took charge of Google team that oversees...</p>
  657.                                 <a href="blog-details.html" class="tran3s">Read More</a>
  658.                             </div> <!-- /.single-blog -->
  659.                         </div> <!-- /.col- -->
  660.                         <div class="col-md-4 col-sm-6">
  661.                             <div class="single-blog">
  662.                                 <div class="image"><img src="images/blog/2.jpg" alt=""></div>
  663.                                 <ul>
  664.                                     <li>
  665.                                         <i class="flaticon-comments"></i>
  666.                                         <a href="#" class="tran3s">13</a>
  667.                                     </li>
  668.                                     <li>
  669.                                         <i class="flaticon-heart"></i>
  670.                                         <a href="#" class="tran3s">3</a>
  671.                                     </li>
  672.                                 </ul>
  673.                                 <h4><a href="blog-details.html" class="tran3s">Build Education Website...</a></h4>
  674.                                 <p>At about the same time, Rahul Roy Chowdhury took charge of Google team that oversees...</p>
  675.                                 <a href="blog-details.html" class="tran3s">Read More</a>
  676.                             </div> <!-- /.single-blog -->
  677.                         </div> <!-- /.col- -->
  678.                         <div class="col-md-4 hidden-sm">
  679.                             <div class="single-blog">
  680.                                 <div class="image"><img src="images/blog/3.jpg" alt=""></div>
  681.                                 <ul>
  682.                                     <li>
  683.                                         <i class="flaticon-comments"></i>
  684.                                         <a href="#" class="tran3s">13</a>
  685.                                     </li>
  686.                                     <li>
  687.                                         <i class="flaticon-heart"></i>
  688.                                         <a href="#" class="tran3s">3</a>
  689.                                     </li>
  690.                                 </ul>
  691.                                 <h4><a href="blog-details.html" class="tran3s">Build Education Website...</a></h4>
  692.                                 <p>At about the same time, Rahul Roy Chowdhury took charge of Google team that oversees...</p>
  693.                                 <a href="blog-details.html" class="tran3s">Read More</a>
  694.                             </div> <!-- /.single-blog -->
  695.                         </div> <!-- /.col- -->
  696.                     </div> <!-- /.row -->
  697.                 </div> <!-- /.container -->
  698.             </div> <!-- /.our-blog -->
  701.             <!-- 
  702.             =============================================
  703.                 Instructor Banner
  704.             ============================================== 
  705.             -->
  706.             <div class="instructor-banner">
  707.                 <div class="opacity opacity-one">
  708.                     <div class="container">
  709.                         <h4>Become An Instructor</h4>
  710.                         <h2>Spread Your Skills Worldwide </h2>
  711.                         <a href="#" class="tran3s hvr-trim">Get Started Now</a>
  712.                     </div> <!-- /.container -->
  713.                 </div> <!-- /.opacity -->
  714.             </div> <!-- /.instructor-banner -->
  717.             <!-- 
  718.             =============================================
  719.                 Partner Logo
  720.             ============================================== 
  721.             -->
  722.             <div class="partent-logo-section">
  723.                 <div class="container">
  724.                     <div id="partner-logo">
  725.                         <div class="item"><img src="images/logo/p-1.png" alt="logo"></div>
  726.                         <div class="item"><img src="images/logo/p-2.png" alt="logo"></div>
  727.                         <div class="item"><img src="images/logo/p-3.png" alt="logo"></div>
  728.                         <div class="item"><img src="images/logo/p-4.png" alt="logo"></div>
  729.                     </div>
  730.                 </div>
  731.             </div> <!-- /.partent-logo-section -->
  734. {% include '_partials/_footer.html.twig' %}
  735.