LEARN - Courses, Education site template

<!DOCTYPE html>   <html lang="en"> <head> <meta charset="utf-8"> <title>LEARN - Courses, Education site template</title> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"/> <link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Raleway:400,500,600,700,800" rel="stylesheet">  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/superfish.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="fontello/css/fontello.css" rel="stylesheet"> <link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css?v=2.1.4">  <link href="css/color_scheme.css" rel="stylesheet">  </head> <body> <header> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-3"> <a href="index.html" id="logo">Learn</a> </div> <div class="col-md-9 col-sm-9 col-xs-9"> <div class=" pull-right"><a href="login.html" class="button_top" id="login_top">Sign in</a> <a href="apply_2.html" class="button_top hidden-xs" id="apply">Apply now</a></div> <ul id="top_nav" class="hidden-xs"> <li><a href="about_us.html">About</a></li> <li><a href="apply.html">Wizard Apply</a></li> <li><a href="register.html">Register</a></li> </ul> </div> </div> </div> </header> <nav> <div class="container"> <div class="row"> <div class="col-md-12"> <div id="mobnav-btn"></div> <ul class="sf-menu"> <li class="normal_drop_down"> <a href="#">Home</a> <div class="mobnav-subarrow"></div> <ul> <li><a href="index.html">Revolution version</a></li> <li><a href="index_2.html">Subscription version</a></li> <li><a href="index_3.html">With Ajax Search bar</a></li> <li><a href="index_4.html">With Video</a></li> </ul> </li> <li class="normal_drop_down"> <a href="#">Course</a> <div class="mobnav-subarrow"></div> <ul> <li><a href="courses_grid.html">Courses grid</a></li> <li><a href="courses_list.html">Courses list</a></li> <li><a href="course_detail_page_txt.html ">Course page Txt</a></li> <li><a href="course_detail_page_video.html ">Course page Video</a></li> <li><a href="course_details_4.html">Course details v1</a></li> <li><a href="course_details_5.html">Course details v2</a></li> <li><a href="course_details_2.html">Course details v3</a></li> <li><a href="course_details_1.html">Course details v4</a></li> <li><a href="course_details_3.html">Course details v5</a></li> <li><a href="course_timeline.html">Seminar timeline</a></li> </ul> </li> <li><a href="prices_plans.html">Prices & Plans</a></li> <li><a href="blog.html">Blog</a></li> <li class="mega_drop_down"> <a href="#">Pages (Megamenu)</a> <div class="mobnav-subarrow"></div> <div class="sf-mega"> <div class="col-md-4 col-sm-6"> <h5>Communicate</h5> <ul class="mega_submenu"> <li><a href="about_us.html">About us</a></li> <li><a href="teachers.html">Teachers</a></li> <li><a href="teacher_profile.html">Teacher profile</a></li> <li><a href="member_profile.html">Member profile</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="events_news_list.html">News & Events</a></li> </ul> </div> <div class="col-md-4 col-sm-6"> <h5>Other pages</h5> <ul class="mega_submenu"> <li><a href="apply.html">PHP working wizard apply</a></li> <li><a href="apply_2.html">PHP working apply</a></li> <li><a href="login.html">Login</a></li> <li><a href="register.html">Register</a></li> <li><a href="shortcodes.html">Shortcodes</a></li> <li><a href="gallery.html">Photo & video gallery <img src="img/new.png" alt=""></a></li> </ul> </div> <div class="col-md-4 col-sm-6"> <h5>Submenu with icons</h5> <ul class="mega_submenu icons"> <li><a href="#"> Downloads<i class="icon-download"></i></a></li> <li><a href="#">Video files <i class="icon-video"></i></a></li> <li><a href="#">Audio files <i class="icon-mic"></i></a></li> <li><a href="#">Members <i class="icon-user"></i></a></li> </ul> </div> </div> </li> <li><a href="contacts.html">Contacts</a></li> </ul> <div class="col-md-3 pull-right hidden-sm hidden-xs"> <div id="sb-search" class="sb-search"> <form> <input class="sb-search-input" placeholder="Enter your search term..." type="text" value="" name="search" id="search"> <input class="sb-search-submit" type="submit" value=""> <span class="sb-icon-search"></span> </form> </div> </div> </div> </div> </div> </nav> <section id="sub-header"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1 text-center"> <h1>Gallery page</h1> <p class="lead boxed ">Ex utamur fierent tacimates duis choro an</p> <p class="lead"> Lorem ipsum dolor sit amet, ius minim gubergren ad. At mei sumo sonet audiam, ad mutat elitr platonem vix. Ne nisl idque fierent vix. </p> </div> </div> </div> <div class="divider_top"></div> </section> <section id="main_content"> <div class="container"> <ol class="breadcrumb"> <li><a href="index.html">Home</a></li> <li class="active">Active page</li> </ol> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a href="img/gallery/1.jpg" title="Title" class="fancybox" rel="gallery1" > <span class="photo_icon"><i class="icon-picture-4"></i></span> <img src="img/gallery/1.jpg" alt="" class="img-responsive"> </a> </div> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a href="img/gallery/2.jpg" title="Title" class="fancybox" rel="gallery1"> <span class="photo_icon"><i class="icon-picture-4"></i></span> <img src="img/gallery/2.jpg" alt="" class="img-responsive"> </a> </div> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo" title="Video youtube" > <span class="photo_icon"><i class="icon-youtube-2"></i></span> <img src="img/gallery/3.jpg" alt="" class="img-responsive"> </a> </div> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a class="fancybox-media" href="http://vimeo.com/36031564" title="Video Vimeo" > <span class="photo_icon"><i class="icon-vimeo-2"></i></span> <img src="img/gallery/4.jpg" alt="" class="img-responsive"> </a> </div> </div> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a class="fancybox-media" href="http://vimeo.com/36031564" title="Video Vimeo" > <span class="photo_icon"><i class="icon-vimeo-2"></i></span> <img src="img/gallery/4.jpg" alt="" class="img-responsive"> </a> </div> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a href="img/gallery/5.jpg" title="Title" class="fancybox" rel="gallery1"> <span class="photo_icon"><i class="icon-picture-4"></i></span> <img src="img/gallery/5.jpg" alt="" class="img-responsive"> </a> </div> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a href="img/gallery/6.jpg" title="Title" class="fancybox" rel="gallery1"> <span class="photo_icon"><i class="icon-picture-4"></i></span> <img src="img/gallery/6.jpg" alt="" class="img-responsive"> </a> </div> <div class="col-md-3 col-sm-3 col-xs-6 picture"> <a href="img/gallery/4.jpg" title="Title" class="fancybox" rel="gallery1"> <span class="photo_icon"><i class="icon-picture-4"></i></span> <img src="img/gallery/4.jpg" alt="" class="img-responsive"> </a> </div> </div> </div> </section> <section id="testimonials"> <div class="container"> <div class="row"> <div class='col-md-offset-2 col-md-8 text-center'> <h2>What they say</h2> </div> </div> <div class='row'> <div class='col-md-offset-2 col-md-8'> <div class="carousel slide" data-ride="carousel" id="quote-carousel">  <ol class="carousel-indicators"> <li data-target="#quote-carousel" data-slide-to="0" class="active"></li> <li data-target="#quote-carousel" data-slide-to="1"></li> <li data-target="#quote-carousel" data-slide-to="2"></li> </ol>  <div class="carousel-inner">  <div class="item active"> <blockquote> <div class="row"> <div class="col-sm-3 text-center"> <img class="img-circle" src="img/testimonial_1.jpg" alt=""> </div> <div class="col-sm-9"> <p> Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit! </p> <small>Someone famous</small> </div> </div> </blockquote> </div>  <div class="item"> <blockquote> <div class="row"> <div class="col-sm-3 text-center"> <img class="img-circle" src="img/testimonial_2.jpg" alt=""> </div> <div class="col-sm-9"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam auctor nec lacus ut tempor. Mauris. </p> <small>Someone famous</small> </div> </div> </blockquote> </div>  <div class="item"> <blockquote> <div class="row"> <div class="col-sm-3 text-center"> <img class="img-circle" src="img/testimonial_1.jpg" alt=""> </div> <div class="col-sm-9"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan. Sed ultricies commodo tortor, eu pretium mauris. </p> <small>Someone famous</small> </div> </div> </blockquote> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h3>Subscribe to our Newsletter for latest news.</h3> <div id="message-newsletter"> </div> <form method="post" action="assets/newsletter.php" name="newsletter" id="newsletter" class="form-inline"> <input name="email_newsletter" id="email_newsletter" type="email" value="" placeholder="Your Email" class="form-control"> <button id="submit-newsletter" class=" button_outline"> Subscribe</button> </form> </div> </div> </div> <hr> <div class="container" id="nav-footer"> <div class="row text-left"> <div class="col-md-3 col-sm-3"> <h4>Browse</h4> <ul> <li><a href="prices_plans.html">Prices</a></li> <li><a href="courses_grid.html">Courses</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contacts.html">Contacts</a></li> </ul> </div> <div class="col-md-3 col-sm-3"> <h4>Next Courses</h4> <ul> <li><a href="course_details_1.html">Biology</a></li> <li><a href="course_details_2.html">Management</a></li> <li><a href="course_details_2.html">History</a></li> <li><a href="course_details_3.html">Litterature</a></li> </ul> </div> <div class="col-md-3 col-sm-3"> <h4>About Learn</h4> <ul> <li><a href="about_us.html">About Us</a></li> <li><a href="apply_2.html">Apply</a></li> <li><a href="#">Terms and conditions</a></li> <li><a href="register.html">Register</a></li> </ul> </div> <div class="col-md-3 col-sm-3"> <ul id="follow_us"> <li><a href="#"><i class="icon-facebook"></i></a></li> <li><a href="#"><i class="icon-twitter"></i></a></li> <li><a href="#"><i class=" icon-google"></i></a></li> </ul> <ul> <li><strong class="phone">+0034 43244 44</strong><br><small>Mon - Fri / 9.00AM - 06.00PM</small></li> <li>Questions? <a href="#">questions@domain.com</a></li> </ul> </div> </div> </div> <div id="copy_right">漏 1998-2014</div> </footer> <div id="toTop">Back to top</div>  <script src="js/jquery-2.2.4.min.js"></script>  <script src="js/superfish.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/retina.min.js"></script> <script src="assets/validate.js"></script> <script src="js/jquery.placeholder.js"></script> <script src="js/functions.js"></script> <script src="js/classie.js"></script> <script src="js/uisearch.js"></script> <script>new UISearch( document.getElementById( 'sb-search' ) );</script>  <script src="js/fancybox/source/jquery.fancybox.pack.js?v=2.1.4" type="text/javascript"></script> <script src="js/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5" type="text/javascript"></script> <script src="js/fancy_func.js" type="text/javascript"></script> </body> </html>

CINXE.COM

LEARN - Courses, Education site template