?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/digital-university/
Upload File :
Current File : /home/webyoo/www/events/crm/digital-university/course-detail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags For Seo + Page Optimization -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="Digital university is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolios, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
    <!-- Page Title -->
    <title>Index-Digital-University</title>
    <!-- Favicon -->
    <link rel="icon" href="img/favicon.ico">
    <!-- vendors -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../vendor/css/swiper.min.css">
    <link rel="stylesheet" href="../vendor/css/wow.css">
    <link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="../vendor/css/mediaelementplayer.min.css"/>
    <!-- Style Sheet -->
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/slick-theme.css">
    <link rel="stylesheet" href="css/blog.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body data-spy="scroll" data-target=".navbar" data-offset="400">

<!-- Preloader -->
<div class="preloader">
    <div class="center">
        <div class="loader">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!-- Preloader End -->

<!--Header Start-->
<header id="home" class="cursor-light">

    <div class="inner-header nav-icon">
        <div class="main-navigation">
            <div class="container">
                <div class="row">
                    <div class="col-4 col-lg-3">
                        <a class="navbar-brand link" href="../index-digital-university.html">
                            <img src="img/logo-white.png" alt="logo">
                        </a>
                    </div>
                    <div class="col-8 col-lg-9 simple-navbar d-flex align-items-center justify-content-end">
                        <nav class="navbar navbar-expand-lg">
                            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                <div class="navbar-nav ml-auto">
                                    <a class="nav-link link" href="../index-digital-university.html">HOME</a>
                                    <a class="nav-link scroll link" href="../index-digital-university.html#services-sec">ABOUT</a>
                                    <a class="nav-link scroll link" href="../index-digital-university.html#portfolio">GALLERY</a>
                                    <a class="nav-link link" href="../index-digital-university.html#courses">COURSES</a>
                                    <a class="nav-link link" href="standard-blog.html">BLOG</a>
                                    <a class="nav-link scroll link" href="../index-digital-university.html#contact-us-sec">CONTACT</a>
<!--                                    <span class="menu-line link"><i aria-hidden="true" class="fa fa-angle-down"></i></span>-->
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!--toggle btn-->
        <a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
            <span></span>
            <span></span>
            <span></span>
        </a>
    </div>
    <!--Side Nav-->
    <div class="side-menu hidden side-menu-opacity">
        <div class="bg-overlay"></div>
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <div class="container">
                <div class="row w-100 side-menu-inner-content">
                    <div class="col-12 d-flex justify-content-center align-items-center text-center">
                        <a href="../index-digital-university.html" class="navbar-brand"><img src="img/logo-white.png" alt="logo"></a>
                    </div>
                    <div class="col-12 col-lg-8 text-center text-lg-left">
                        <nav class="side-nav w-100">
                            <ul class="navbar-nav">
                                <li class="nav-item">
                                    <a class="nav-link" href="../index-digital-university.html">HOME</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link scroll" href="../index-digital-university.html#services-sec">ABOUT</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link scroll" href="../index-digital-university.html#portfolio">GALLERY</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="../index-digital-university.html#courses">COURSES</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="standard-blog.html">BLOG</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link scroll" href="../index-digital-university.html#contact-us-sec">CONTACT</a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-12 col-lg-4 d-flex align-items-center text-center text-lg-left">
                        <div class="side-footer text-white w-100">
                            <div class="menu-company-details">
                                <span>+1 631 123 4567</span>
                                <span>email@website.com</span>
                            </div>
                            <ul class="social-icons-simple">
                                <li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                <li><a class="youtube-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
                                <li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                            </ul>
                            <p class="text-white">&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>

</header>
<!--Header End-->

<!--slider sec strat-->
<section id="slider-sec" class="slider-sec parallax" style="background: url('img/blogs/course-slider.jpg');">
    <div class="overlay text-center d-flex justify-content-center align-items-center">
        <div class="slide-contain">
            <h4>Course Detail</h4>
            <div class="crumbs">
                <nav aria-label="breadcrumb" class="breadcrumb-items">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="../index-digital-university.html">Home</a></li>
                        <li class="breadcrumb-item"><a href="courses.html">Courses</a></li>
                        <li class="breadcrumb-item"><a href="course-detail.html">Course Detail</a></li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>
<!--slider sec end-->


<!--main page content-->
<section class="main" id="main">
    <!--content-->
    <div class="blog-content">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <section class="course-detail padding-bottom">
                        <div class="row" style="margin-left: 0;margin-right: 0;">
                            <div class="col-sm-12 col-lg-8 course-detail-box">
                                <div class="row">
                                    <div class="col-12 text-center text-lg-left">
                                        <p class="sub-heading mb-0">5 Students Enrolled</p>
                                        <h4 class="main-heading-detail">Computer<span class="blue-color ml-1"> Skills</span></h4>
                                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
                                            labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
                                            in voluptate velit esse cillum.</p>
                                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
                                            labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
                                            in voluptate velit esse cillum.Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
                                            labore et dolore magna aliqua.</p>
                                        <p class="text">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
                                            labore et dolore magna aliqua.</p>
                                        <div class="accordion course-accordion" id="accordionExample">
                                            <div class="card">
                                                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                <div class="card-header" id="headingOne">
                                                    <h2 class="mb-0 text-center text-lg-left">
                                                        Introduction
                                                    </h2>
                                                </div>
                                                </button>

                                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                                                    <div class="card-body">
                                                        <p class="text">
                                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                <div class="card-header" id="headingTwo">
                                                    <h2 class="mb-0 text-center text-lg-left">
                                                            History
                                                    </h2>
                                                </div>
                                                </button>
                                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                                    <div class="card-body">
                                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                <div class="card-header" id="headingThree">
                                                    <h2 class="mb-0 text-center text-lg-left">
                                                            Working
                                                    </h2>
                                                </div>
                                                </button>
                                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                                                    <div class="card-body">
                                                        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-lg-4">
                                <div class="course-mini-detail">
                                    <div class="course-detail-img">
                                        <img src="img/blogs/cast6.jpg" alt="COURSE IMAGE">
                                    </div>
                                    <div class="mini-course-des">
                                        <h1 class="course-heading">COMPUTER SKILLS</h1>
                                        <ul class="stars">
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><span class="text-star text-white">(100% positive)</span></li>
                                        </ul>
                                        <p class="sub-heading">Instructors</p>
                                        <div class="instructor">
                                            <div class="ins-img">
                                                <img src="img/blogs/p1.jpg" class="img-instrc" alt="INSTRUCTOR IMAGE">
                                            </div>
                                            <span class="ins-name">Elina Miller</span>
                                        </div>
                                        <div class="instructor">
                                            <div class="ins-img">
                                                <img src="img/blogs/p1.jpg" class="img-instrc" alt="INSTRUCTOR IMAGE">
                                            </div>
                                            <span class="ins-name">Elina Miller</span>
                                        </div>
                                        <a class="btn white-btn w-100 rounded-pill mt-2"  data-toggle="modal" data-target=".modal">Enroll Now
                                            <span></span><span></span><span></span><span></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
</section>
<!--main page content end-->

<!--Footer Start-->
<footer class="footer-style-1 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-lg-6">
                <div class="footer-social text-center text-lg-left ">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-lg-6 text-center text-lg-right">
                <p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--Footer End-->


<!--Animated Cursor-->
<div class="aimated-cursor">
    <div class="cursor">
        <div class="cursor-loader"></div>
    </div>
</div>
<!--Animated Cursor End-->

<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/mediaelement-and-player.min.js"></script>
<!-- custom script -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhrdEzlfpnsnfq4MgU1e1CCsrvVx2d59s"></script>
<script src="js/map.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/script.js"></script>

</body>
</html>



web shell, Coded By 2019