View file Edukin/edukin-package/edukin/home3.html

File size: 47.2Kb
<!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="wrap-header">
        <header class="header flat-header lh-header header-style3 clearfix">
            <div class="site-header-inner">
                <div class="container">
                    <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 active"><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"><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>
                                <li class="nav-sing">
                                    <a class="sing-in" href="#">Sing In</a>
                                    <a class="sing-up" href="#">Sing Up</a>
                                </li>
                            </ul>
                        </nav>
                    </div> 
                </div>
            </div>
        </header><!-- header -->
    </div><!-- wrap-header -->
    <section class="transparent-head transparent-head-style3">
        <div class="container">            
            <div class="wrap-transparent">
                <div class="pd-lf">
                    <div class="title text-white">
                        Learn & Read
                    </div>
                    <p class="text">
                        Complete your Educution record collection. Discover Educution's full discography. 
                    </p>
                    <div class="btn-50 hv-bg333">
                        <a href="#" class="bg-clff9819">Read More</a>
                    </div>
                </div>
                <div class="pd-rg">
                    <img src="images/home3/2.png" alt="images">
                </div>
            </div>            
        </div>
    </section><!-- transparent-head -->
    <section class="flat-services flat-services-style3">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4">
                    <div class="flat-imagebox imagebox-services mg-imagebox1">
                        <div class="imagebox-content text-center">
                            <img src="images/home3/3.png" alt="images">
                            <h5>Expert Instructors</h5>
                            <p>
                                We rigorously screen and train our instructors ensure that.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="flat-imagebox imagebox-services mg-imagebox2">
                        <div class="imagebox-content text-center">
                            <img src="images/home3/4.png" alt="images">
                            <h5>Lifetime Access</h5>
                            <p>
                                We rigorously screen and train our instructors ensure that.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <div class="flat-imagebox imagebox-services mg-imagebox3">
                        <div class="imagebox-content text-center">
                            <img src="images/home3/5.png" alt="images">
                            <h5>Learn Anywhere</h5>
                            <p>
                                We rigorously screen and train our instructors ensure that.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- flat-services -->
    <div class="background-wh">
        <section class="flat-hobby flat-hobby-style3">
            <div class="container">
                <div class="section-heading text-center">
                    <div class="title-section">
                        <div class="flat-title larger heading-type9">Which one do you prefer?</div>
                    </div>
                    <p class="caption">
                        A crew of experienced educators helms our vast and growing library. Expertise, explore and download data  learn about education-related data and research.
                    </p>
                </div>
                <div class="carousel-hobby carousel-hobby-style3">
                    <div class="flat-carousel-box data-effect clearfix" data-gap="30" data-column="4" data-column2="3" data-column3="2" data-column4="1" data-dots="true" data-auto="true" data-nav="true">
                        <div class="owl-carousel">
                            <div class="imagebox-hobby">
                                <div class="overlay7835de"></div>
                                <img src="images/home3/2.jpg" alt="images">
                                <a href="#" class="text-white">Graphic Design</a>
                            </div>
                            <div class="imagebox-hobby">
                                <div class="overlay3cb878"></div>
                                <img src="images/home3/3.jpg" alt="images">
                                <a href="#" class="text-white">Web Design</a>
                            </div>
                            <div class="imagebox-hobby">
                                <div class="overlayff9819"></div>
                                <img src="images/home3/4.jpg" alt="images">
                                <a href="#" class="text-white">Marketing</a>
                            </div>
                            <div class="imagebox-hobby">
                                <div class="overlay00e4ff"></div>
                                <img src="images/home3/5.jpg" alt="images">
                                <a href="#" class="text-white">Education</a>
                            </div>

                            <div class="imagebox-hobby">
                                <div class="overlay7835de"></div>
                                <img src="images/home3/2.jpg" alt="images">
                                <a href="#" class="text-white">Graphic Design</a>
                            </div>
                            <div class="imagebox-hobby">
                                <div class="overlay3cb878"></div>
                                <img src="images/home3/3.jpg" alt="images">
                                <a href="#" class="text-white">Web Design</a>
                            </div>
                            <div class="imagebox-hobby">
                                <div class="overlayff9819"></div>
                                <img src="images/home3/4.jpg" alt="images">
                                <a href="#" class="text-white">Marketing</a>
                            </div>
                            <div class="imagebox-hobby">
                                <div class="overlay00e4ff"></div>
                                <img src="images/home3/5.jpg" alt="images">
                                <a href="#" class="text-white">Education</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- flat-hobby -->
        <section class="online-courses-style3">
            <div class="container">
                <div class="title-section">
                    <div class="flat-title larger heading-type9">Edukin Top Courses</div>
                </div>
                <div class="wrap-courses-style3">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="imagebox-courses-type2 box-shadow-type1">
                                <div class="featured data-effect-item has-effect-icon">
                                    <div class="featured-post">
                                        <img src="images/home3/6.jpg" alt="images">  
                                    </div>
                                    <div class="overlay-effect bg-cl333"></div>
                                    <div class="elm-link elm-link-style3">
                                        <a href="#">
                                            <i class="fa fa-play" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="info-courses">
                                    <div class="instructor">
                                        <img src="images/home3/7.png" alt="images">
                                    </div>
                                    <div class="package">
                                        <a href="#">FEATURED</a>
                                    </div>
                                    <div class="courses-name pd-courses-name">
                                        <a href="#">Learn Photoshop CC With Nir Eyal Complete...</a>
                                    </div>
                                </div>
                                <div class="evaluate clearfix">
                                    <div class="rating-star">
                                        <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 class="cl-474f57">(4)</span>
                                    </div>
                                    <div class="price">
                                        $169
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="imagebox-courses-type2 box-shadow-type1">
                                <div class="featured data-effect-item has-effect-icon">
                                    <div class="featured-post">
                                        <img src="images/home3/7.jpg" alt="images">
                                    </div>
                                    <div class="overlay-effect bg-cl333"></div>
                                    <div class="elm-link elm-link-style3">
                                        <a href="#">
                                            <i class="fa fa-play" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="info-courses">
                                    <div class="instructor">
                                        <img src="images/home3/7.png" alt="images">
                                    </div>
                                    <div class="courses-name pd-courses-name">
                                        <a href="#">Learn Photoshop CC With Nir Eyal Complete...</a>
                                    </div>
                                </div>
                                <div class="evaluate clearfix">
                                    <div class="rating-star">
                                        <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 class="cl-474f57">(4)</span>
                                    </div>
                                    <div class="price">
                                        $169
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="imagebox-courses-type2 box-shadow-type1">
                                <div class="featured data-effect-item has-effect-icon">      
                                    <div class="featured-post">
                                        <img src="images/home3/9.jpg" alt="images">
                                    </div>
                                    <div class="overlay-effect bg-cl333"></div>
                                    <div class="elm-link elm-link-style3">
                                        <a href="#">
                                            <i class="fa fa-play" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="info-courses">
                                    <div class="instructor">
                                        <img src="images/home3/7.png" alt="images">
                                    </div>
                                    <div class="courses-name pd-courses-name">
                                        <a href="#">Learn Photoshop CC With Nir Eyal Complete...</a>
                                    </div>
                                </div>
                                <div class="evaluate clearfix">
                                    <div class="rating-star">
                                        <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 class="cl-474f57">(4)</span>
                                    </div>
                                    <div class="price">
                                        $169
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="imagebox-courses-type2 box-shadow-type1">
                                <div class="featured data-effect-item has-effect-icon">
                                    <div class="featured-post">
                                        <img src="images/home3/10.jpg" alt="images">
                                    </div>
                                    <div class="overlay-effect bg-cl333"></div>
                                    <div class="elm-link elm-link-style3">
                                        <a href="#">
                                            <i class="fa fa-play" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="info-courses">
                                    <div class="instructor">
                                        <img src="images/home3/7.png" alt="images">
                                    </div>
                                    <div class="courses-name pd-courses-name">
                                        <a href="#">Learn Photoshop CC With Nir Eyal Complete...</a>
                                    </div>
                                </div>
                                <div class="evaluate clearfix">
                                    <div class="rating-star">
                                        <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 class="cl-474f57">(4)</span>
                                    </div>
                                    <div class="price">
                                        $169
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="imagebox-courses-type2 box-shadow-type1">
                                <div class="featured data-effect-item has-effect-icon">
                                    <div class="featured-post">
                                        <img src="images/home3/11.jpg" alt="images">
                                    </div>
                                    <div class="overlay-effect bg-cl333"></div>
                                    <div class="elm-link elm-link-style3">
                                        <a href="#">
                                            <i class="fa fa-play" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="info-courses">
                                    <div class="instructor">
                                        <img src="images/home3/7.png" alt="images">
                                    </div>
                                    <div class="package">
                                        <a href="#">POPULAR</a>
                                    </div>
                                    <div class="courses-name pd-courses-name">
                                        <a href="#">Learn Photoshop CC With Nir Eyal Complete...</a>
                                    </div>
                                </div>
                                <div class="evaluate clearfix">
                                    <div class="rating-star">
                                        <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 class="cl-474f57">(4)</span>
                                    </div>
                                    <div class="price">
                                        $169
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <div class="imagebox-courses-type2 box-shadow-type1">
                                <div class="featured data-effect-item has-effect-icon">
                                    <div class="featured-post">
                                        <img src="images/home3/12.jpg" alt="images">
                                    </div>
                                    <div class="overlay-effect bg-cl333"></div>
                                    <div class="elm-link elm-link-style3">
                                        <a href="#">
                                            <i class="fa fa-play" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="info-courses">
                                    <div class="instructor">
                                        <img src="images/home3/7.png" alt="images">
                                    </div>
                                    <div class="courses-name pd-courses-name">
                                        <a href="#">Learn Photoshop CC With Nir Eyal Complete...</a>
                                    </div>
                                </div>
                                <div class="evaluate clearfix">
                                    <div class="rating-star">
                                        <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 class="cl-474f57">(4)</span>
                                    </div>
                                    <div class="price">
                                        $169
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- online-courses -->
    </div><!-- background-wh -->
    <section class="flat-process flat-process-style3">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="content-process">
                        <div class="title-section">
                            <div class="flat-title larger text-white">Education is the process of facilitating learning.</div>
                        </div>
                        <p class="text-white">
                            Education is the process of acquiring the body of knowledge and skills that people are expected have in your society. A education develops a critical thought process in addition to learning .
                        </p>
                        <p class="text-white">
                            It also encourages intellectual curiosity, which will lead to lifelong learning. about teaching, learning skills and knowledge. Education also means helping people to learn how to do things and encouraging them to think about what they learn.
                        </p>
                        <div class="btn-read-more btn-50 hv-bg333">
                            <a href="#" class="bg-clff9819">
                                Read More
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- flat-process -->
    <div class="background-pink-style3">
        <section class="flat-event flat-event-style3 clearfix">
            <div class="container">
                <div class="title-section">
                    <div class="flat-title larger heading-type10">Upcoming Events</div>
                </div>
                <div class="content-event content-event-style3">
                    <div class="event-1 clearfix">
                        <div class="featured">
                            <img src="images/home3/9.png" alt="images">
                            <div class="place">
                                <span class="icon-icons8-marker-100"></span>
                                <a href="#">House No 6A / 5, Trump Tower, USA</a>
                            </div>
                            <div class="data-box">
                                <div class="date">
                                    8 July
                                </div>
                                <div class="time">
                                    5pm-7pm
                                </div>
                            </div>
                        </div>
                        <div class="content-event">
                            <div class="entry-info">
                                <div class="entry-title">
                                    <a href="#">
                                        International Conference on Business, Education, Social Science.
                                    </a>
                                </div>
                                <p>If you are organizing an outstanding education event and would like us to add it to the Bizzabo blog, click here to submit it, and it will be. The interviews are conducted by the institutions'</p>
                                <div class="host-info">
                                    <div class="avatar">
                                        <img src="images/home3/12.png" alt="images">
                                    </div>
                                    <div class="poster">
                                        By <a href="#">Ellas Perry</a>, <span>United State of America</span>
                                    </div>
                                </div>
                                <div class="btn-event-going hv-bg333">
                                    <a href="#" class="bg-clff9819"> 
                                        Event Going
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="event-1 clearfix">
                        <div class="featured">
                            <img src="images/home3/10.png" alt="images">
                            <div class="place">
                                <span class="icon-icons8-marker-100"></span>
                                <a href="#">House No 6A / 5, Trump Tower, USA</a>
                            </div>
                            <div class="data-box">
                                <div class="date">
                                    8 July
                                </div>
                                <div class="time">
                                    5pm-7pm
                                </div>
                            </div>
                        </div>
                        <div class="content-event">
                            <div class="entry-info">
                                <div class="entry-title">
                                    <a href="#">
                                        International Conference on Business, Education, Social Science.
                                    </a>
                                </div>
                                <p>If you are organizing an outstanding education event and would like us to add it to the Bizzabo blog, click here to submit it, and it will be. The interviews are conducted by the institutions'</p>
                                <div class="host-info">
                                    <div class="avatar">
                                        <img src="images/home3/12.png" alt="images">
                                    </div>
                                    <div class="poster">
                                        By <a href="#">Ellas Perry</a>, <span>United State of America</span>
                                    </div>
                                </div>
                                <div class="btn-event-going hv-bg333">
                                    <a href="#" class="bg-clff9819"> 
                                        Event Going
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- flat-event -->
        <section class="flat-video flat-video-style3">
            <div class="container">  
                <div class="title-section">
                    <div class="flat-title small text-white text-center">Watch Campus Video</div>
                </div>
                <div class="play-video text-center">
                    <div class="bg-play">
                        <i class="fa fa-play" aria-hidden="true"></i>
                    </div>
                </div>         
            </div>
        </section><!-- flat-video -->
    </div><!-- background-pink -->
    <section class="slider testimonial-flexslider testimonial-style3 clearfix">
        <div class="container-fluid">
            <div class="wrap-info">
                <div id="carousel-testimonial" class="flexslider">
                    <ul class="slides translate-none"> 
                        <li class="avatar">
                            <img src="images/home1/33.png" alt="images">
                        </li>
                        <li class="avatar">
                            <img src="images/home1/32.png" alt="images">
                        </li>
                        <li class="avatar">
                            <img src="images/home1/31.png" alt="images">
                        </li>
                        <li class="avatar">
                            <img src="images/home1/30.png" alt="images">
                        </li>
                        <li class="avatar">
                            <img src="images/home1/29.png" alt="images">
                        </li> 
                    </ul>
                </div>
            </div>
            <div class="wrap-quote themesflat-content-box" data-padding="11.4% 0% 0% 7%" data-sdesktoppadding="9.47% 15px 0% 15px" data-ssdesktoppadding="13% 15px 0% 15px" data-mobipadding="100px 15px 87px 15px" data-smobipadding="100px 15px 87px 15px">
                <div id="slider-testimonial" class="flexslider">
                    <ul class="slides client-info">
                        <li>
                            <span class="icon-quote icon-icons8-get-quote-filled-100"></span>
                            <p class="speech">
                                "Before Coursecity, I was working two minimum wage job. Now& new life & learned most of my programming skills databasehrough self-study and the material available on Coursecity.
                            </p>
                            <div class="name">
                                Stephanie Magion
                            </div>
                            <div class="job">
                                Manager at Doltef
                            </div>
                        </li>
                        <li>
                            <span class="icon-quote icon-icons8-get-quote-filled-100"></span>
                            <p class="speech">
                                "Before Coursecity, I was working two minimum wage job. Now& new life & learned most of my programming skills databasehrough self-study and the material available on Coursecity.
                            </p>
                            <div class="name">
                                Stephanie Magion
                            </div>
                            <div class="job">
                                Manager at Doltef
                            </div>
                        </li>
                        <li>
                            <span class="icon-quote icon-icons8-get-quote-filled-100"></span>
                            <p class="speech">
                                "Before Coursecity, I was working two minimum wage job. Now& new life & learned most of my programming skills databasehrough self-study and the material available on Coursecity.
                            </p>
                            <div class="name">
                                Stephanie Magion
                            </div>
                            <div class="job">
                                Manager at Doltef
                            </div>
                        </li>
                        <li>
                            <span class="icon-quote icon-icons8-get-quote-filled-100"></span>
                            <p class="speech">
                                "Before Coursecity, I was working two minimum wage job. Now& new life & learned most of my programming skills databasehrough self-study and the material available on Coursecity.
                            </p>
                            <div class="name">
                                Stephanie Magion
                            </div>
                            <div class="job">
                                Manager at Doltef
                            </div>
                        </li>
                        <li>
                            <span class="icon-quote icon-icons8-get-quote-filled-100"></span>
                            <p class="speech">
                                "Before Coursecity, I was working two minimum wage job. Now& new life & learned most of my programming skills databasehrough self-study and the material available on Coursecity.
                            </p>
                            <div class="name">
                                Stephanie Magion
                            </div>
                            <div class="job">
                                Manager at Doltef
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section><!-- testimonial -->
    <section class="latest-blog latest-blog-type2 latest-blog-style3">
        <div class="container">
            <div class="title-section">
                <div class="flat-title larger heading-type11">
                    Latest Blog 
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-4">
                    <article class="post post-style2 box-shadow-type1 mg-bottom30">
                        <div class="featured-post">
                            <img src="images/home2/4.jpg" alt="images">
                        </div>
                        <div class="post-content">
                            <div class="category">
                                DESIGN
                            </div>
                            <div class="post-title">
                                <h5>
                                    <a href="#">Design Milk is a design blog featuring...</a>
                                </h5>
                            </div>
                            <div class="post-link">
                                <a href="#">Read Now</a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-4">
                    <article class="post post-style2 box-shadow-type1 mg-bottom30">
                        <div class="featured-post">
                            <img src="images/home3/13.jpg" alt="images">
                        </div>
                        <div class="post-content">
                            <div class="category">
                                DESIGN
                            </div>
                            <div class="post-title">
                                <h5>
                                    <a href="#">Some of the world’s best designers share...</a>
                                </h5>
                            </div>
                            <div class="post-link">
                                <a href="#">Read Now</a>
                            </div>
                        </div>
                    </article>
                </div>
                <div class="col-lg-4 col-md-4">
                    <article class="post post-style2 box-shadow-type1 mg-bottom30">
                        <div class="featured-post">
                            <img src="images/home2/6.jpg" alt="images">
                        </div>
                        <div class="post-content">
                            <div class="category">
                                DESIGN
                            </div>
                            <div class="post-title">
                                <h5>
                                    <a href="#">Design Milk is a design blog featuring...</a>
                                </h5>
                            </div>
                            <div class="post-link">
                                <a href="#">Read Now</a>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section><!-- latest-blog -->
    <section class="cta">
        <div class="container">            
            <div class="cta-wrap bg-cl6f2ad8">
                <div class="title-section">
                    <div class="flat-title larger text-white">
                        Ready to Begin?
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="#" class="start-teaching bg-clff9819">Start Teaching</a>
                    </li>
                    <li>
                        <a href="#" class="start-learning bg-cl6500ff">Start Learning</a>
                    </li> 
                </ul>
            </div>            
        </div>
    </section><!-- cta -->
    <footer id="footer" class="footer-type3">
        <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-cl6500ff">
                        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>