View file Edukin/edukin-package/edukin/course-list.html

File size: 31.21Kb
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>edukin</title>

    <!-- Mobile Specific Metas-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Bootstrap-->
    <link rel="stylesheet" href="stylesheet/bootstrap.css">

    <!-- Template Style-->
    <link rel="stylesheet" href="stylesheet/font-awesome.css"> 
    <link rel="stylesheet" href="stylesheet/animate.css">
    <link rel="stylesheet" href="stylesheet/style.css">
    <link rel="stylesheet" href="stylesheet/shortcodes.css">
    <link rel="stylesheet" href="stylesheet/jquery-fancybox.css">
    <link rel="stylesheet" href="stylesheet/responsive.css">
    <link rel="stylesheet" href="stylesheet/flexslider.css">
    <link rel="stylesheet" href="stylesheet/owl.theme.default.min.css">
    <link rel="stylesheet" href="stylesheet/owl.carousel.min.css">
    <link rel="stylesheet" href="stylesheet/jquery.mCustomScrollbar.min.css">

    <link href="icon/favicon.ico" rel="shortcut icon">
</head>
<body>
    <div id="loading-overlay">
        <div class="loader"></div>
    </div>
    <div class="bg-header">
        <div class="flat-header-blog">
            <div class="top-bar clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12">
                            <ul class="information">
                                <li class="phone lt-sp003">
                                    <i class="fa fa-phone" aria-hidden="true"></i> +91 254 785 587
                                </li>
                                <li class="email">
                                    <i class="fa fa-envelope" aria-hidden="true"></i> educate@info.com
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-6 col-md-4 col-sm-12 col-xs-12">
                            <ul class="nav-sing">
                                <li><a href="#">Sing In</a></li>
                                <li><a href="#">Sing Up</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <header class="header menu-bar header-blog hv-menu-type2">
                <div class="container">
                    <div class="menu-bar-wrap clearfix">
                        <div id="logo" class="logo">
                            <a href="index.html"><img src="images/logo/02.png" alt="images"></a>
                        </div>
                        <div class="mobile-button"><span></span></div>
                        <div class="header-menu">
                            <nav id="main-nav" class="main-nav">
                                <ul class="menu">
                                    <li><a href="#">Home</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="index.html">Home 1</a></li>
                                            <li class="menu-item"><a href="home2.html">Home 2</a></li>
                                            <li class="menu-item"><a href="home3.html">Home 3</a></li>
                                            <li class="menu-item"><a href="home4.html">Home 4</a></li>
                                            <li class="menu-item"><a href="home5.html">Home 5</a></li>
                                        </ul><!-- sub-menu -->
                                    </li>
                                    <li><a href="#">Course</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="course.html">Course</a></li>
                                            <li class="menu-item active"><a href="course-list.html">Course list</a></li>
                                            <li class="menu-item"><a href="course-single.html">Course single</a></li>
                                        </ul><!-- sub-menu -->
                                    </li>
                                    <li><a href="#">Explore</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="about.html">About</a></li>
                                        </ul><!-- sub-menu -->
                                    </li>
                                    <li><a href="#">Degrees</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="blog.html">Blog</a></li>
                                            <li class="menu-item"><a href="blog-single.html">Blog single</a></li>
                                        </ul><!-- sub-menu -->
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <div class="page-title page-title-blog">
                <div class="page-title-inner">
                    <div class="breadcrumbs breadcrumbs-blog text-left">
                        <div class="container">
                            <div class="breadcrumbs-wrap">
                                <ul class="breadcrumbs-inner">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="course-list.html">Course</a></li>
                                </ul>
                                <div class="title">
                                    Course
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- bg-header -->
    <div class="course-list mg-top1 clearfix">
        <div class="container">
            <div class="col-30">
                <div class="remove-filter">
                    <a href="#"><span class="icon-quote icon-icons8-delete-100"></span></a> 
                    <span class="remove">Remove Filter</span>
                </div>
                <div class="sidebar-left sidebar-course">
                    <div class="widget widget-categories">
                        <div class="widget-title">
                            Category
                            <span class="bg">
                                <i class="fa fa-angle-down" aria-hidden="true"></i>
                            </span>
                        </div>
                        <div class="content">
                            <ul>
                                <li>
                                    <a href="#">All Categories</a>
                                    <span class="numb-left">25</span>
                                </li>
                                <li>
                                    <a href="#">Wordpress</a>
                                    <span class="numb-left">49</span>
                                </li>
                                <li>
                                    <a href="#">Landing Page</a>
                                    <span class="numb-left">10</span>
                                </li>
                                <li>
                                    <a href="#">Photography</a>
                                    <span class="numb-left">09</span>
                                </li>
                                <li>
                                    <a href="#">Creative</a>
                                    <span class="numb-left">45</span>
                                </li>
                                <li>
                                    <a href="#">Portfolio</a>
                                    <span class="numb-left">25</span>
                                </li>
                                <li>
                                    <a href="#">PSD Template</a>
                                    <span class="numb-left">42</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="widget widget-products">
                        <div class="widget-title">
                            Filter Products
                            <span class="bg">
                                <i class="fa fa-angle-down" aria-hidden="true"></i>
                            </span>
                        </div>
                        <div class="content">
                            <ul>
                                <li><a href="#">Feature Products</a></li>
                                <li><a href="#">Latest Products</a></li>
                                <li><a href="#">Newest Products</a></li>
                                <li><a href="#">Popular Products</a></li>
                                <li><a href="#">Trending Products</a></li>
                                <li><a href="#">Best Sellers</a></li>
                                <li><a href="#">Best Rated</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="widget widget-price">
                        <div class="widget-title">
                            Price
                        </div>
                        <div class="content clearfix">
                            <span class="price-shortest">$25
                                <i class="fa fa-caret-down" aria-hidden="true"></i>
                            </span>
                            <span class="price-highest">$25
                                <i class="fa fa-caret-down" aria-hidden="true"></i>
                            </span>
                        </div>
                    </div>
                </div><!-- sidebar-left -->
            </div>
            <div class="col-70">
                <div class="thim-course-top">
                    <div class="course-index">
                        All prices are in USD
                    </div>
                    <div class="switch-layout">
                        <a href="#">
                            <span class="icon-icons8-list-filled-480"></span>
                        </a>
                        <a href="#">
                            <span class="icon-icons8-grid-view-480"></span>
                        </a>
                    </div>
                </div>
                <div class="content-course-list">
                    <div class="flat-course clearfix">
                        <div class="featured-post">
                            <div class="entry-image">
                                <img src="images/course-list/1.jpg" alt="images">
                            </div>
                        </div>
                        <div class="course-content clearfix">
                            <div class="wrap-course-content">
                                <h4>
                                    <a href="#">Learn Photoshop CC With Nir Eyal Complete Course</a>
                                </h4>
                                <p>
                                    Education is the initiative of our Qatar an Foundation for Educations, Sciences and Community Development. 
                                </p>
                                <div class="author-info">
                                    <div class="author-name">
                                        Perttick Sid
                                    </div>
                                    <div class="enroll">
                                        <a href="#">Enroll</a>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap-rating-price">
                                <div class="meta-rate">
                                    <div class="rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <span>(4)</span>
                                    </div>
                                    <div class="price">
                                        <span class="price-previou">
                                            <del>$169</del>
                                        </span>
                                        <span class="price-now">$169</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flat-course clearfix">
                        <div class="featured-post">
                            <div class="entry-image">
                                <img src="images/course-list/2.jpg" alt="images">
                            </div>
                        </div>
                        <div class="course-content clearfix">
                            <div class="wrap-course-content">
                                <h4>
                                    <a href="#">Learn Photoshop CC With Nir Eyal Complete Course</a>
                                </h4>
                                <p>
                                    Education is the initiative of our Qatar an Foundation for Educations, Sciences and Community Development. 
                                </p>
                                <div class="author-info">
                                    <div class="author-name">
                                        Perttick Sid
                                    </div>
                                    <div class="enroll">
                                        <a href="#">Enroll</a>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap-rating-price">
                                <div class="meta-rate">
                                    <div class="rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <span>(4)</span>
                                    </div>
                                    <div class="price">
                                        <span class="price-previou">
                                            <del>$169</del>
                                        </span>
                                        <span class="price-now">$169</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flat-course clearfix">
                        <div class="featured-post">
                            <div class="entry-image">
                                <img src="images/course-list/3.jpg" alt="images">
                            </div>
                        </div>
                        <div class="course-content clearfix">
                            <div class="wrap-course-content">
                                <h4>
                                    <a href="#">Learn Photoshop CC With Nir Eyal Complete Course</a>
                                </h4>
                                <p>
                                    Education is the initiative of our Qatar an Foundation for Educations, Sciences and Community Development. 
                                </p>
                                <div class="author-info">
                                    <div class="author-name">
                                        Perttick Sid
                                    </div>
                                    <div class="enroll">
                                        <a href="#">Enroll</a>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap-rating-price">
                                <div class="meta-rate">
                                    <div class="rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <span>(4)</span>
                                    </div>
                                    <div class="price">
                                        <span class="price-previou">
                                            <del>$169</del>
                                        </span>
                                        <span class="price-now">$169</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flat-course clearfix">
                        <div class="featured-post">
                            <div class="entry-image">
                                <img src="images/course-list/4.jpg" alt="images">
                            </div>
                        </div>
                        <div class="course-content clearfix">
                            <div class="wrap-course-content">
                                <h4>
                                    <a href="#">Learn Photoshop CC With Nir Eyal Complete Course</a>
                                </h4>
                                <p>
                                    Education is the initiative of our Qatar an Foundation for Educations, Sciences and Community Development. 
                                </p>
                                <div class="author-info">
                                    <div class="author-name">
                                        Perttick Sid
                                    </div>
                                    <div class="enroll">
                                        <a href="#">Enroll</a>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap-rating-price">
                                <div class="meta-rate">
                                    <div class="rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <span>(4)</span>
                                    </div>
                                    <div class="price">
                                        <span class="price-previou">
                                            <del>$169</del>
                                        </span>
                                        <span class="price-now">$169</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flat-course clearfix">
                        <div class="featured-post">
                            <div class="entry-image">
                                <img src="images/course-list/5.jpg" alt="images">
                            </div>
                        </div>
                        <div class="course-content clearfix">
                            <div class="wrap-course-content">
                                <h4>
                                    <a href="#">Learn Photoshop CC With Nir Eyal Complete Course</a>
                                </h4>
                                <p>
                                    Education is the initiative of our Qatar an Foundation for Educations, Sciences and Community Development. 
                                </p>
                                <div class="author-info">
                                    <div class="author-name">
                                        Perttick Sid
                                    </div>
                                    <div class="enroll">
                                        <a href="#">Enroll</a>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap-rating-price">
                                <div class="meta-rate">
                                    <div class="rating">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <span>(4)</span>
                                    </div>
                                    <div class="price">
                                        <span class="price-previou">
                                            <del>$169</del>
                                        </span>
                                        <span class="price-now">$169</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pagination">
                    <ul>
                        <li><a href="#" class="page-numbers current">1</a></li>
                        <li><a href="#" class="page-numbers">2</a></li>
                        <li><a href="#" class="page-numbers">3</a></li>
                        <li><a href="#" class="page-numbers">4</a></li>
                        <li><a href="#" class="page-numbers">5</a></li>
                        <li><a href="#" class="page-numbers">6</a></li>
                    </ul>
                </div><!-- pagination -->
            </div>
        </div>
    </div><!-- course-list -->
    <div class="cta-cr parallax parallax3">
        <div class="overlay183251"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-7 col-sm-12 col-xs-12">
                    <div class="cta-content">
                        <div class="caption">How to start your teaching?</div>
                        <h3>
                            Starting your journey with us? Follow this guide still possible to become a teacher.
                        </h3>
                        <div class="btn-about-become">
                            <a href="#">Become a Teacher</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12">
                    <div class="cta-information">
                        <div class="phone">
                            +91 254 785 587
                        </div>
                        <div class="email">
                            edukin@info.com
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- cta-cr -->

    <footer id="footer" class="footer-type1">
        <div class="form-send-email">
            <div class="container">
                <form action="#" class="form-send">
                    <input type="search" placeholder="Enter your email...">
                    <button class="btn send-button bg-clff5f60">
                        Send
                    </button>
                </form>
            </div>
        </div>
        <div id="footer-widget">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-footer">
                       <div class="logo-footer">
                           <img src="images/logo/04.png" alt="images">
                       </div>
                    </div>
                    <div class="col-lg-2 col-company">
                        <h3 class="widget widget-title">
                            Company
                        </h3>
                        <ul class="widget-nav-menu">
                            <li><a href="#">About Company</a></li>
                            <li><a href="#">Feature Course</a></li>
                            <li><a href="#">Careers</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-2 col-link">
                        <h3 class="widget widget-title">
                            Help Links
                        </h3>
                        <ul class="widget-nav-menu">
                            <li><a href="#">Student Support</a></li>
                            <li><a href="#">Course Policy</a></li>
                            <li><a href="#">Register  Key</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-course">
                        <h3 class="widget widget-title">
                            Course
                        </h3>
                        <ul class="widget-nav-menu">
                            <li><a href="#">Wordpres</a></li>
                            <li><a href="#">Photography</a></li>
                            <li><a href="#">Learning English</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-2 col-media">
                        <h3 class="widget widget-title">
                            Social Media
                        </h3>
                        <ul class="widget-social-media">
                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                            <li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="bottom" class="bottom-type1 clearfix has-spacer">
            <div id="bottom-bar-inner" class="container">
                <div class="bottom-bar-inner-wrap">
                    <div class="bottom-bar-content">
                        <div id="copyright">
                            © 
                            <span class="text-year">
                                2018
                            </span>
                            <span class="text-name">
                                Roy Design.
                            </span>
                            <span class="license">
                                <a href="#">All Rights Reserved</a>
                            </span>
                        </div>
                    </div>
                    <div class="bottom-bar-menu">
                        <ul class="bottom-nav">
                            <li class="menu-item"><a href="#">About Company</a></li>
                            <li class="menu-item"><a href="#">Privacy Policy</a></li>
                            <li class="menu-item"><a href="#">Help Center</a></li>
                            <li class="menu-item"><a href="#">Terms</a></li>
                            <li class="menu-item"><a href="#">Site Map</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <a id="scroll-top" class="show"></a>
    </footer><!-- footer -->
    
    <script src="javascript/jquery.min.js"></script>
    <script src="javascript/rev-slider.js"></script>
    <script src="javascript/plugins.js"></script>
    <script src="javascript/jquery-countTo.js"></script>
    <script src="javascript/jquery-ui.js"></script>
    <script src="javascript/jquery-fancybox.js"></script>
    <script src="javascript/flex-slider.min.js"></script>
    <script src="javascript/scroll-img.js"></script>
    <script src="javascript/owl.carousel.min.js"></script>
    <script src="javascript/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="javascript/parallax.js"></script>
    <script src="javascript/jquery-isotope.js"></script>
    <script src="javascript/equalize.min.js"></script>
    <script src="javascript/main.js"></script>

    <!-- slider -->
    <script src="rev-slider/js/jquery.themepunch.tools.min.js"></script>
    <script src="rev-slider/js/jquery.themepunch.revolution.min.js"></script>

    <!-- Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading -->
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.actions.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.carousel.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.kenburn.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.layeranimation.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.migration.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.navigation.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.parallax.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.slideanims.min.js"></script>
    <script src="rev-slider/js/extensions/extensionsrevolution.extension.video.min.js"></script>
</body>
</html>