?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/education/
Upload File :
Current File : /home/webyoo/www/events/crm/education/courses.html

<!DOCTYPE html>
<html lang="en">
<head>
    <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="Product 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, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
    <!-- Page Title -->
    <title>Education | MegaOne | Creative HTML5 Template</title>
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <!-- Favicon -->
    <link rel="icon" href="../education/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="../education/css/animate.min.css">
    <link rel="stylesheet" href="../vendor/css/line-awesome.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../education/css/style.css">


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

<!--SCROLL TOP BUTTON-->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>

<!--  PRELOADER  -->
<div class="loader1">
    <div class="loading-area">
        <div class="circle"></div>
        <div class="circle-small"></div>
        <div class="circle-big"></div>
        <div class="circle-inner-inner"></div>
        <div class="circle-inner"></div>
    </div>
</div>

<header>

    <!--    NAVBAR FOR LARGE SCREEN-->
    <nav id="my-nav1" class="navbar navbar-expand-lg navbar-light bg-light stroke navbar-dark-vision">
        <div class="container">
            <a href="../index-education.html" title="Logo" class="logo link">
                <img src="../education/img/logo-white.png" alt="logo" class="logo-dark default">
            </a>

            <div class="my-tog-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>

            <div class="collapse navbar-collapse" id="navbarSupportedContent1" >
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="../index-education.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about.html">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="#">Courses</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="gallery.html">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="blog.html">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.html">Contact</a>
                    </li>
                </ul>
                <a class="btn btn-primary rounded-pill navbar-btn"  data-toggle="modal" data-target=".modal">Apply Now</a>
            </div>


        </div>
    </nav>

    <div class="outer-window">
        <div class="navbar-content">

            <nav class="navbar1">
                <a class="close-outerwindow"><i class="las la-times"></i></a>
                <a href="../index-education.html"><img src="../education/img/logo-white.png" alt="logo" class="logo-small-nav default"></a>
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="../index-education.html">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="about.html">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="#">Courses</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="gallery.html">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="blog.html">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="contact.html">Contact</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>


</header>

<section id="contactus-header" class="bg-courses-img">
    <div class="overlay-contact"></div>
    <div class="container">
        <div class="row text-center d-flex justify-content-center align-items-center row-height">
            <div class="col-12">
                <h1 class="main-heading text-white">University Courses</h1>
                <p class="sub-heading text-white text-width">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
                    labore.</p>
            </div>
        </div>
    </div>
</section>

<section id="content-courses">
    <div class="container">
        <div class="row courses">

            <div class="col-sm-12 col-lg-6 mb-sm-0 mb-lg-5">
                <div class="row">
                    <div class="col-6">
                        <a href="course-detail.html">
                        <figure class="snip1295">
                           <img src="img/courses/course1.png" alt="COURSE IMG">
                            <div class="border one">
                                <div></div>
                            </div>
                            <div class="border two">
                                <div></div>
                            </div>
                        </figure>
                        </a>
                    </div>
                    <div class="col-6">
                        <div class="course-text mt-2">
                            <a href="course-detail.html" class="text-decoration-none"><h1 class="main-heading green-color">Bachelors<span class="blue-color"> in Botany</span></h1></a>
                            <p class="sub-heading text-black">Lorem ipsum dolor sit amet, dolor sit amet
                                lab et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                            <a href="" class="course-link">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-lg-6 mb-sm-0 mb-lg-5">
                <div class="row">
                    <div class="col-6">
                        <a href="course-detail.html">
                        <figure class="snip1295">
                            <img src="img/courses/course6.png" alt="COURSE IMG">
                            <div class="border one">
                                <div></div>
                            </div>
                            <div class="border two">
                                <div></div>
                            </div>
                        </figure>
                        </a>
                    </div>
                    <div class="col-6">
                        <div class="course-text mt-2">
                            <a href="course-detail.html" class="text-decoration-none"><h1 class="main-heading green-color">Programming<span class="blue-color"> Skills</span></h1></a>
                            <p class="sub-heading text-black">Lorem ipsum dolor sit amet, dolor sit amet
                                lab et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                            <a href="course-detail.html" class="course-link">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-lg-6 mb-sm-0 mb-lg-5">
                <div class="row">
                    <div class="col-6">
                        <a href="course-detail.html">
                        <figure class="snip1295">
                            <img src="img/courses/course3.png" alt="COURSE IMG">
                            <div class="border one">
                                <div></div>
                            </div>
                            <div class="border two">
                                <div></div>
                            </div>
                        </figure>
                        </a>
                    </div>
                    <div class="col-6">
                        <div class="course-text mt-2">
                            <a href="course-detail.html" class="text-decoration-none"><h1 class="main-heading green-color">Theory of<span class="blue-color"> Sports</span></h1></a>
                            <p class="sub-heading text-black">Lorem ipsum dolor sit amet, dolor sit amet
                                lab et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                            <a href="course-detail.html" class="course-link">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-lg-6 mb-sm-0 mb-lg-5">
                <div class="row">
                    <div class="col-6">
                        <a href="course-detail.html">
                        <figure class="snip1295">
                            <img src="img/courses/course4.png" alt="COURSE IMG">
                            <div class="border one">
                                <div></div>
                            </div>
                            <div class="border two">
                                <div></div>
                            </div>
                        </figure>
                        </a>
                    </div>
                    <div class="col-6">
                        <div class="course-text mt-2">
                            <a href="course-detail.html" class="text-decoration-none"><h1 class="main-heading green-color">Artificial<span class="blue-color"> Intellegnce</span></h1></a>
                            <p class="sub-heading text-black">Lorem ipsum dolor sit amet, dolor sit amet
                                lab et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                            <a href="course-detail.html" class="course-link">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-lg-6">
                <div class="row">
                    <div class="col-6">
                        <a href="course-detail.html">
                        <figure class="snip1295">
                            <img src="img/courses/course5.png" alt="COURSE IMG">
                            <div class="border one">
                                <div></div>
                            </div>
                            <div class="border two">
                                <div></div>
                            </div>
                        </figure>
                        </a>
                    </div>
                    <div class="col-6">
                        <div class="course-text mt2">
                            <a href="course-detail.html" class="text-decoration-none"><h1 class="main-heading green-color">English<span class="blue-color"> Literature</span></h1></a>
                            <p class="sub-heading text-black">Lorem ipsum dolor sit amet, dolor sit amet
                                lab et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                            <a href="course-detail.html" class="course-link">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-12 col-lg-6">
                <div class="row">
                    <div class="col-6">
                        <a href="course-detail.html">
                        <figure class="snip1295">
                            <img src="img/courses/course2.png" alt="COURSE IMG">
                            <div class="border one">
                                <div></div>
                            </div>
                            <div class="border two">
                                <div></div>
                            </div>
                        </figure>
                        </a>
                    </div>
                    <div class="col-6">
                        <div class="course-text mt-2">
                            <a href="course-detail.html" class="text-decoration-none"><h1 class="main-heading green-color">Information<span class="blue-color"> Technology</span></h1></a>
                            <p class="sub-heading text-black">Lorem ipsum dolor sit amet, dolor sit amet
                                lab et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
                            <a href="course-detail.html" class="course-link">Read More</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<section id="footer">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center footer-content">
                <ul class="footer-icon">
                    <li class="footer_list"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                    <li class="footer_list"><a href="#"><i class="fab fa-twitter"></i></a></li>
                    <li class="footer_list"><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                    <li class="footer_list"><a href="#"><i class="fab fa-instagram"></i></a></li>
                </ul>
                <p class="sub-heading footer_text text-black"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>

            </div>
        </div>
    </div>
</section>

<!--modal window-->
<div class="modal fade model-reg" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <form class="appointment-form" id="appointment-form">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h1 class="font-weight-bold green-color form-tittle">Apply<span class="blue-color"> Now!</span></h1>
                    <div class="form-group-1">
                        <input type="text" name="name" id="name" placeholder="Your Name" required />
                        <input type="text" name="name" placeholder="Father Name" required />
                        <input type="email" name="email" id="email" placeholder="Email" required />
                        <input type="number" name="phone_number" id="phone_number" placeholder="Phone number" required />
                        <input type="text" name="title" id="title" placeholder="Address" required />
                        <div class="select-list">
                            <select name="course_type" id="course_type" class="la-angle-down">
                                <option value="">Course to Apply</option>
                                <option value="society">Society</option>
                                <option value="language">Language</option>
                            </select>
                        </div>
                    </div>

                    <button type="button" class="btn btn-large btn-primary contact-btn w-100 text-white" id="submit_btn" onclick="send_mails();">SUBMIT NOW</button>

                </form>


            </div>

        </div>
    </div>
</div>
<!--modal window end-->

<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>

<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>

<!-- custom script -->
<script src="../education/js/mediaelement-and-player.min.js"></script>
<script src="../education/js/wow.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../education/js/script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
</body>
</html>



web shell, Coded By 2019