红色简洁样式Bootstrap英语课程教育网页模板代码下载



7 27 10



模板描述:Bootstrap英语课程教育,红色简洁样式Bootstrap英语课程教育网页模板代码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/icofont.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/responsive.css">

2. 引入JS

<script src="assets/js/jquery.1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/waypoints.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/tilt.jquery.min.js"></script>
<script src="assets/js/form-validator.min.js"></script>
<script src="assets/js/contact-form-script.js"></script>
<script src="assets/js/script.js"></script>

3. HTML代码

        <!-- Preloader -->
        <div class="preloader">
            <div class="loader">
                <div class="spinner">
                    <div class="double-bounce1"></div>
                    <div class="double-bounce2"></div>
                </div>
            </div>
        </div>
        <!-- End Preloader --> 
        <!-- Top header -->
        <header class="top-header"> 
            <div class="container"> 
                <div class="row"> 
                    <div class="col-md-6 col-lg-6"> 
                        <ul class="top-info-links"> 
                            <li><i class="icofont-clock-time"></i> 7.30 AM - 9.30 PM</li>
                            <li><i class="icofont-phone-circle"></i> +44 485854789</li>
                        </ul>
                    </div>
                    <div class="col-md-6 col-lg-6 text-right"> 
                        <ul class="top-social-links"> 
                            <li><a href="#"><i class="icofont-twitter"></i></a></li>
                            <li><a href="#"><i class="icofont-facebook"></i></a></li>
                            <li><a href="#"><i class="icofont-linkedin"></i></a></li>
                            <li><a href="#"><i class="icofont-instagram"></i></a></li>
                        </ul>
                        <ul class="login-regi-links"> 
                            <li><a href="login.html">Login</a></li>
                            <li><a href="register.html">Register</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
        <!-- End top header -->
        <!-- Navbar -->
        <nav class="navbar navbar-expand-lg navbar-light edu-navbar header-sticky">
            <div class="container">
                <a class="navbar-brand" href="index.html">
                    <img src="assets/img/logo.png" alt="Logo">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item active dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Home
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <li><a class="dropdown-item active" href="index.html">Home v1</a></li>
                                <li><a class="dropdown-item" href="index-2.html">Home v2</a></li>
                                <li><a class="dropdown-item" href="index-3.html">Home v3</a></li>
                                <li><a class="dropdown-item" href="index-4.html">Home v4</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownAbout" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                About Us
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownAbout">
                                <li><a class="dropdown-item" href="about-us.html">About Us v1</a></li>
                                <li><a class="dropdown-item" href="about-us-2.html">About Us v2</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownPages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Pages
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownPages">
                                <li><a class="dropdown-item" href="about-us.html">About Us</a></li>
                                <li><a class="dropdown-item" href="instructor.html">Instructor</a></li>
                                <li><a class="dropdown-item" href="register.html">Register</a></li>
                                <li><a class="dropdown-item" href="login.html">Login</a></li>
                                <li><a class="dropdown-item" href="contact.html">Contact</a></li>
                                <li><a class="dropdown-item" href="404.html">404</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownEvent" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Event
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownEvent">
                                <li><a class="dropdown-item" href="event.html">Event</a></li>
                                <li><a class="dropdown-item" href="single-event.html">Single Event</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a href="https://www.51qianduan.com/">51前端</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownCourses">
                                <li><a class="dropdown-item" href="courses.html">Courses</a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a href="https://www.51qianduan.com/">51前端</a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownShop">
                                <li><a class="dropdown-item" href="shop.html">Shop</a></li>
                                <li><a class="dropdown-item" href="shop-with-sidebar.html">Shop With Sidebar</a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                                <li><a class="dropdown-item" href="view-cart.html">View Cart</a></li>
                                <li><a class="dropdown-item" href="checkout.html">Checkout</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Blog
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownBlog">
                                <li><a class="dropdown-item" href="blog.html">Blog</a></li>
                                <li><a class="dropdown-item" href="blog-with-sidebar.html">Blog With Sidebar</a></li>
                                <li><a class="dropdown-item" href="single-blog.html">Single Blog</a></li>
                            </ul>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contact</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#searchmodal" data-toggle="modal" data-target="#searchmodal"><i class="icofont-search"></i></a>
                        </li>
                        <li class="nav-item cart-item">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownCart" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="icofont-cart-alt"></i>
                                <span>2</span>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownCart">
                                <li>
                                    <a href="#"><img src="assets/img/courses/react.png" alt="React Logo"></a>
                                    <div class="description">
                                        <a href="#">React JS Course</a>
                                        <span class="price">$199</span>
                                    </div>
                                </li>
                                <li>
                                    <a href="#"><img src="assets/img/courses/meteor.png" alt="React Logo"></a>
                                    <div class="description">
                                        <a href="#">Meteor JS Course</a>
                                        <span class="price"><del>$200</del> $199</span>
                                    </div>
                                </li>
                                <li><div class="total">Total: <strong>$398</strong></div></li>
                                <li>
                                    <a href="checkout.html" class="float-left checkout">Checkout</a>
                                    <a href="view-cart.html" class="float-right view-cart">View Cart</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- End navbar -->
        <!-- Search Modal -->
        <div class="modal fade fade-scale searchmodal" id="searchmodal" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form class="search-form">
                            <input type="text" class="form-control" id="search" placeholder="Search...">
                            <button type="submit" class="search-btn"><i class="icofont-search"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Search Modal -->
        <!-- Hero Slider -->
        <div class="hero-slider owl-carousel owl-theme owl-theme-1">
            <div class="hero-slider-item item-bg-1">
                <div class="d-table">
                    <div class="d-tablecell">
                        <div class="hero-slider-text">
                            <span class="welcome-text">Welcome To</span>
                            <h1>Education Template</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
                            <div class="slider-btn">
                                <a href="about-us.html" class="default-btn white-btn mr-15">
                                    About Us
                                </a>
                                <a href="register.html" class="default-btn">
                                    Apply Now
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hero-slider-item item-bg-2">
                <div class="d-table">
                    <div class="d-tablecell">
                        <div class="hero-slider-text hst-text-center">
                            <span class="welcome-text">Welcome To</span>
                            <h1>Education Template</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
                            <div class="slider-btn">
                                <a href="about-us.html" class="default-btn white-btn mr-15">
                                    About Us
                                </a>
                                <a href="register.html" class="default-btn pink-bg">
                                    Apply Now
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hero-slider-item item-bg-3">
                <div class="d-table">
                    <div class="d-tablecell">
                        <div class="hero-slider-text hst-text-center">
                            <span class="welcome-text">Welcome To</span>
                            <h1>Education Template</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
                            <div class="slider-btn">
                                <a href="about-us.html" class="default-btn white-btn mr-15">
                                    About Us
                                </a>
                                <a href="register.html" class="default-btn pink-bg">
                                    Apply Now
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Hero Slider -->
        <!-- About Us -->
        <section class="about-us-area pt-100 pb-70">
            <div class="container"> 
                <div class="row"> 
                    <div class="col-lg-6"> 
                        <div class="row"> 
                            <div class="col-6 col-sm-6 col-lg-6 xs-pr">
                                <div class="mb-30" data-tilt>
                                    <img src="assets/img/welcome-1.jpg" class="radius-5" alt="Welcome Image">
                                </div>
                                <div class="mb-30" data-tilt>
                                    <img src="assets/img/welcome-3.jpg" class="radius-5" alt="Welcome Image">
                                </div>
                            </div>
                            <div class="col-6 col-sm-6 col-lg-6 xs-pl"> 
                                <div class="mb-30" data-tilt>
                                    <img src="assets/img/welcome-2.jpg" class="radius-5" alt="Welcome Image">
                                </div>
								<div class="mb-30" data-tilt>
                                    <img src="assets/img/welcome-4.jpg" class="radius-5" alt="Welcome Image">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6"> 
                        <div class="about-us-text mt-60">
                            <h4>Welcome To Education</h4>
                            <h2>50 Years of Experience in Education</h2>
                            <h5>We are ready to build your dream future Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, beatae.</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae abveritatis quasi architecto beatae vitae dicta sunt explicabo.</p>
                            <a href="about-us.html" class="default-btn">About Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End About Us -->
        <!-- Popular courses -->
        <section class="popular-courses ptb-100">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Our Popular Courses</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div> 
                <div class="popular-course-carosel owl-carousel owl-theme owl-theme-s2"> 
                    <!-- Course #1 -->
                    <div class="single-course">
                        <a href="#" class="thumb-img">
                            <span class="overly"></span>
                            <img src="assets/img/courses/1.jpg" alt="Course Image">
                        </a>
                        <div class="course-caption">
                            <h3><a href="#">Computer Science & Engineering</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                            <div class="course-foot">
                                <img src="assets/img/instruction/sm1.jpg" alt="instruction">
                                <a href="#">Alister Cook</a>
                                <p class="price">$149</p>
                            </div>
                        </div>
                    </div>
                    <!-- Course #2 -->
                    <div class="single-course">
                        <a href="#" class="thumb-img">
                            <span class="overly"></span>
                            <img src="assets/img/courses/2.jpg" alt="Course Image">
                        </a>
                        <div class="course-caption">
                            <h3><a href="#">Electrical Engineering</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                            <div class="course-foot">
                                <img src="assets/img/instruction/sm2.jpg" alt="instruction">
                                <a href="#">David Warner</a>
                                <p class="price"><del>$200</del> $149</p>
                            </div>
                        </div>
                    </div>
                    <!-- Course #3 -->
                    <div class="single-course">
                        <a href="#" class="thumb-img">
                            <span class="overly"></span>
                            <img src="assets/img/courses/3.jpg" alt="Course Image">
                        </a>
                        <div class="course-caption">
                            <h3><a href="#">Mechanical Engineering</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                            <div class="course-foot">
                                <img src="assets/img/instruction/sm3.jpg" alt="instruction">
                                <a href="#">John Smith</a>
                                <p class="price">$149</p>
                            </div>
                        </div>
                    </div>
                    <!-- Course #4 -->
                    <div class="single-course">
                        <a href="#" class="thumb-img">
                            <span class="overly"></span>
                            <img src="assets/img/courses/4.jpg" alt="Course Image">
                        </a>
                        <div class="course-caption">
                            <h3><a href="#">Become a Mobile App Developer</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                            <div class="course-foot">
                                <img src="assets/img/instruction/sm3.jpg" alt="instruction">
                                <a href="#">John Smith</a>
                                <p class="price"><del>$200</del> $149</p>
                            </div>
                        </div>
                    </div>
                    <!-- Course #5 -->
                    <div class="single-course">
                        <a href="#" class="thumb-img">
                            <span class="overly"></span>
                            <img src="assets/img/courses/5.jpg" alt="Course Image">
                        </a>
                        <div class="course-caption">
                            <h3><a href="#">Website Development</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                            <div class="course-foot">
                                <img src="assets/img/instruction/sm3.jpg" alt="instruction">
                                <a href="#">John Smith</a>
                                <p class="price"><del>$200</del> $149</p>
                            </div>
                        </div>
                    </div>
                    <!-- Course #5 -->
                    <div class="single-course">
                        <a href="#" class="thumb-img">
                            <span class="overly"></span>
                            <img src="assets/img/courses/6.jpg" alt="Course Image">
                        </a>
                        <div class="course-caption">
                            <h3><a href="#">Web & Graphics Technologies</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
                            <div class="course-foot">
                                <img src="assets/img/instruction/sm3.jpg" alt="instruction">
                                <a href="#">John Smith</a>
                                <p class="price"><del>$200</del> $149</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </section>
        <!-- End Popular courses -->
        <!-- CTR -->
        <div class="ctr-area ctr-bg-1 ptb-100">
            <div class="container"> 
                <div class="ctr-text-content">
                    <h1>Units you need background knowledge to study</h1>
                    <p>These units have requirements for previous study or background knowledge. Check the unit’s previous study requirements for details. If you have any questions, contact the unit coordinator for the semester you want to study.</p>
                    <a href="register.html" class="default-btn">Apply Now</a>
                </div>
            </div>
        </div>
        <!-- End CTR -->
        <!-- Upcoming Events -->
        <section class="events-area ptb-100">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Upcoming Events</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div>
                <div class="events-carosel owl-carousel owl-theme owl-theme-s2"> 
                    <!-- Event #1 -->
                    <div class="single-event">
                        <a href="#">
                            <img src="assets/img/event/1.jpg" alt="Event Image">
                        </a>
                        <div class="event-caption">
                            <span class="date">
                                <i class="icofont-calendar"></i> 10 Nov, 2019
                            </span>
                            <h3><a href="#">Creative Design</a></h3>
                            <p>Excepteur sint occaecat cupidatat sunt culpa qui officia deserunt mollit anim id.</p>
                            <ul>
                                <li><i class="icofont-clock-time"></i> 2.30pm - 5.30pm</li>
                                <li><i class="icofont-location-pin"></i> Canada, Vancouver</li>
                            </ul>
                            <div class="mt-20 text-center">
                                <a href="#" class="book-now-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Event #2 -->
                    <div class="single-event">
                        <a href="#">
                            <img src="assets/img/event/2.jpg" alt="Event Image">
                        </a>
                        <div class="event-caption">
                            <span class="date">
                                <i class="icofont-calendar"></i> 10 Nov, 2019
                            </span>
                            <h3><a href="#">Best Leadership</a></h3>
                            <p>Excepteur sint occaecat cupidatat sunt culpa qui officia deserunt mollit anim id.</p>
                            <ul>
                                <li><i class="icofont-clock-time"></i> 2.30pm - 5.30pm</li>
                                <li><i class="icofont-location-pin"></i> Canada, Vancouver</li>
                            </ul>
                            <div class="mt-20 text-center">
                                <a href="#" class="book-now-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Event #3 -->
                    <div class="single-event">
                        <a href="#">
                            <img src="assets/img/event/3.jpg" alt="Event Image">
                        </a>
                        <div class="event-caption">
                            <span class="date">
                                <i class="icofont-calendar"></i> 10 Nov, 2019
                            </span>
                            <h3><a href="#">Graduation Party</a></h3>
                            <p>Excepteur sint occaecat cupidatat sunt culpa qui officia deserunt mollit anim id.</p>
                            <ul>
                                <li><i class="icofont-clock-time"></i> 2.30pm - 5.30pm</li>
                                <li><i class="icofont-location-pin"></i> Canada, Vancouver</li>
                            </ul>
                            <div class="mt-20 text-center">
                                <a href="#" class="book-now-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Event #4 -->
                    <div class="single-event">
                        <a href="#">
                            <img src="assets/img/event/4.jpg" alt="Event Image">
                        </a>
                        <div class="event-caption">
                            <span class="date">
                                <i class="icofont-calendar"></i> 10 Nov, 2019
                            </span>
                            <h3><a href="#">UX Training</a></h3>
                            <p>Excepteur sint occaecat cupidatat sunt culpa qui officia deserunt mollit anim id.</p>
                            <ul>
                                <li><i class="icofont-clock-time"></i> 2.30pm - 5.30pm</li>
                                <li><i class="icofont-location-pin"></i> Canada, Vancouver</li>
                            </ul>
                            <div class="mt-20 text-center">
                                <a href="#" class="book-now-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Event #5 -->
                    <div class="single-event">
                        <a href="#">
                            <img src="assets/img/event/5.jpg" alt="Event Image">
                        </a>
                        <div class="event-caption">
                            <span class="date">
                                <i class="icofont-calendar"></i> 10 Nov, 2019
                            </span>
                            <h3><a href="#">Programing Day</a></h3>
                            <p>Excepteur sint occaecat cupidatat sunt culpa qui officia deserunt mollit anim id.</p>
                            <ul>
                                <li><i class="icofont-clock-time"></i> 2.30pm - 5.30pm</li>
                                <li><i class="icofont-location-pin"></i> Canada, Vancouver</li>
                            </ul>
                            <div class="mt-20 text-center">
                                <a href="#" class="book-now-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Event #6 -->
                    <div class="single-event">
                        <a href="#">
                            <img src="assets/img/event/6.jpg" alt="Event Image">
                        </a>
                        <div class="event-caption">
                            <span class="date">
                                <i class="icofont-calendar"></i> 10 Nov, 2019
                            </span>
                            <h3><a href="#">Crucial Hour</a></h3>
                            <p>Excepteur sint occaecat cupidatat sunt culpa qui officia deserunt mollit anim id.</p>
                            <ul>
                                <li><i class="icofont-clock-time"></i> 2.30pm - 5.30pm</li>
                                <li><i class="icofont-location-pin"></i> Canada, Vancouver</li>
                            </ul>
                            <div class="mt-20 text-center">
                                <a href="#" class="book-now-btn">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Upcoming Events -->        
        <!-- Why choose us -->
        <section class="why-choose-us gray-bg ptb-100">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Why Choose us</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div>
                <div class="row"> 
                    <div class="col-md-6 col-lg-4"> 
                        <div class="single-reason mb-50" data-tilt>
                            <div class="reason-icon">
                                <i class="icofont-man-in-glasses"></i>
                            </div>
                            <h3>Experienced Tutor</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor labore et dolore magna aliqua. </p>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4"> 
                        <div class="single-reason active-hover mb-50" data-tilt>
                            <div class="reason-icon">
                                <i class="icofont-book-alt"></i>
                            </div>
                            <h3>Popular Courses</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor labore et dolore magna aliqua. </p>
                        </div>
                    </div>
                    <div class="col-lg-4"> 
                        <div class="single-reason mb-50" data-tilt>
                            <div class="reason-icon">
                                <i class="icofont-live-support"></i>
                            </div>
                            <h3>24/7 Hours Support</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor labore et dolore magna aliqua. </p>
                        </div>
                    </div>
                </div>
                <div class="video-content mb-minus-355">
                    <div class="d-table"> 
                        <div class="d-tablecell">
                            <div class="sonar-wrapper">
                                <div class="sonar-emitter" data-tilt>
                                    <a href="https://www.51qianduan.com/">51前端</a>
                                    <div class="sonar-wave"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Why choose us -->
        <!-- Counter Area -->
        <div class="counter-area pt-350">
            <div class="container"> 
                <div class="row"> 
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-counter">
                            <h3><span class="counter">2500</span>+</h3>
                            <span class="sub-title">Students</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-counter">
                            <h3><span class="counter">350</span>+</h3>
                            <span class="sub-title">Courses</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-counter">
                            <h3><span class="counter">50</span>+</h3>
                            <span class="sub-title">Years of experience</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-counter">
                            <h3><span class="counter">100</span>+</h3>
                            <span class="sub-title">Teachers</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Counter Area -->
        <!-- Our Experienced Tutor -->
        <section class="experienced-tutor pt-100 pb-70">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Our Experienced Tutor</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div>
                <div class="row"> 
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-tutor" data-tilt>
                            <img src="assets/img/tutor/1.png" alt="tutor">
                            <div class="tutor-title">
                                <h3>Jason Statham</h3>
                                <p>PHP Teacher</p>
                            </div>
                            <p class="email-link"><a href="#">jason@gmail.com</a></p>
                            <ul> 
                                <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont-linkedin"></i></a></li>
                                <li><a href="#"><i class="icofont-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-tutor st-active-hover" data-tilt>
                            <img src="assets/img/tutor/2.png" alt="tutor">
                            <div class="tutor-title">
                                <h3>Olivia Lucy</h3>
                                <p>JavaScript Teacher</p>
                            </div>
                            <p class="email-link"><a href="#">olivialucy@gmail.com</a></p>
                            <ul> 
                                <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont-linkedin"></i></a></li>
                                <li><a href="#"><i class="icofont-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-tutor" data-tilt>
                            <img src="assets/img/tutor/3.png" alt="tutor">
                            <div class="tutor-title">
                                <h3>David Warner</h3>
                                <p>ReactJS Teacher</p>
                            </div>
                            <p class="email-link"><a href="#">warner@gmail.com</a></p>
                            <ul> 
                                <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont-linkedin"></i></a></li>
                                <li><a href="#"><i class="icofont-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3"> 
                        <div class="single-tutor" data-tilt>
                            <img src="assets/img/tutor/4.png" alt="tutor">
                            <div class="tutor-title">
                                <h3>Smith Lucy</h3>
                                <p>PHP Teacher</p>
                            </div>
                            <p class="email-link"><a href="#">smithlucy@gmail.com</a></p>
                            <ul> 
                                <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont-linkedin"></i></a></li>
                                <li><a href="#"><i class="icofont-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Our Experienced Tutor -->
        <!-- CTR -->
        <div class="ctr-area ctr-bg-2 ptb-100">
            <div class="container"> 
                <div class="ctr-text-content">
                    <h1>Units you need background knowledge to study</h1>
                    <p>These units have requirements for previous study or background knowledge. Check the unit’s previous study requirements for details. If you have any questions, contact the unit coordinator for the semester you want to study.</p>
                    <a href="register.html" class="default-btn">Apply Now</a>
                </div>
            </div>
        </div>
        <!-- End CTR -->
        <!-- Our Publication -->
        <section class="our-publication pt-100 pb-70">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Our Publications</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div>
                <div class="publication-carosel owl-carousel owl-theme owl-theme-s2">
                    <!-- Publication #1 -->
                    <div class="single-publication">
                        <figure>
                            <a href="#">
                                <img src="assets/img/publication/1.jpg" alt="Publication Image">
                            </a>
                            <ul>
                                <li><a href="#" title="Add to Favorite"><i class="icofont-heart"></i></a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                                <li><a href="#" title="Quick View"><i class="icofont-search"></i></a></li>
                            </ul>
                        </figure>
                        <div class="publication-content">
                            <span class="category">Book</span>
                            <h3><a href="#">Think Python</a></h3>
                            <ul>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                            </ul>
                            <h4 class="price">$119 <span>$299</span></h4>
                        </div>
                        <div class="add-to-cart">
                            <a href="#" class="default-btn">Add to Cart</a>
                        </div>
                    </div>
                    <!-- Publication #2 -->
                    <div class="single-publication">
                        <figure>
                            <a href="#">
                                <img src="assets/img/publication/2.jpg" alt="Publication Image">
                            </a>
                            <ul>
                                <li><a href="#" title="Add to Favorite"><i class="icofont-heart"></i></a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                                <li><a href="#" title="Quick View"><i class="icofont-search"></i></a></li>
                            </ul>
                        </figure>
                        <div class="publication-content">
                            <span class="category">Book</span>
                            <h3><a href="#">Think Python</a></h3>
                            <ul>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                            </ul>
                            <h4 class="price">$119</h4>
                        </div>
                        <div class="add-to-cart">
                            <a href="#" class="default-btn">Add to Cart</a>
                        </div>
                    </div>
                    <!-- Publication #3 -->
                    <div class="single-publication">
                        <figure>
                            <a href="#"><img src="assets/img/publication/3.jpg" alt="Publication Image"></a>
                            <ul>
                                <li><a href="#" title="Add to Favorite"><i class="icofont-heart"></i></a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                                <li><a href="#" title="Quick View"><i class="icofont-search"></i></a></li>
                            </ul>
                        </figure>
                        <div class="publication-content">
                            <span class="category">Book</span>
                            <h3><a href="#">Think Python</a></h3>
                            <ul>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                            </ul>
                            <h4 class="price">$119</h4>
                        </div>
                        <div class="add-to-cart">
                            <a href="#" class="default-btn">Add to Cart</a>
                        </div>
                    </div>
                    <!-- Publication #4 -->
                    <div class="single-publication">
                        <figure>
                            <a href="#"><img src="assets/img/publication/4.jpg" alt="Publication Image"></a>
                            <ul>
                                <li><a href="#" title="Add to Favorite"><i class="icofont-heart"></i></a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                                <li><a href="#" title="Quick View"><i class="icofont-search"></i></a></li>
                            </ul>
                        </figure>
                        <div class="publication-content">
                            <span class="category">Book</span>
                            <h3><a href="#">Think Python</a></h3>
                            <ul>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                            </ul>
                            <h4 class="price">$119</h4>
                        </div>
                        <div class="add-to-cart">
                            <a href="#" class="default-btn">Add to Cart</a>
                        </div>
                    </div>
                    <!-- Publication #5 -->
                    <div class="single-publication">
                        <figure>
                            <a href="#"><img src="assets/img/publication/1.jpg" alt="Publication Image"></a>
                            <ul>
                                <li><a href="#" title="Add to Favorite"><i class="icofont-heart"></i></a></li>
                                <li><a href="https://www.51qianduan.com/">51前端</a></li>
                                <li><a href="#" title="Quick View"><i class="icofont-search"></i></a></li>
                            </ul>
                        </figure>
                        <div class="publication-content">
                            <span class="category">Book</span>
                            <h3><a href="#">Think Python</a></h3>
                            <ul>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                                <li><i class="icofont-star"></i></li>
                            </ul>
                            <h4 class="price">$119 <span>$299</span></h4>
                        </div>
                        <div class="add-to-cart">
                            <a href="#" class="default-btn">Add to Cart</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Our Publication -->
        <!-- Latest News -->
        <section class="latest-news pt-100 pb-70">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Latest News</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div>
                <div class="news-carosel owl-carousel owl-theme owl-theme-s2">
                    <!-- Blog Post #1 -->
                    <div class="single-blog-post">
                        <a href="#"><img src="assets/img/blog/1.jpg" alt="Blog Image"></a>
                        <div class="blog-post-content">
                            <span><i class="icofont-ui-calendar"></i> 18 Jan 2019</span>
                            <h3><a href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h3>
                            <a href="#" class="default-btn">Read More</a>
                        </div>
                    </div>
                    <!-- Blog Post #2 -->
                    <div class="single-blog-post">
                        <a href="#"><img src="assets/img/blog/2.jpg" alt="Blog Image"></a>
                        <div class="blog-post-content">
                            <span><i class="icofont-ui-calendar"></i> 18 Jan 2019</span>
                            <h3><a href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h3>
                            <a href="#" class="default-btn">Read More</a>
                        </div>
                    </div>
                    <!-- Blog Post #3 -->
                    <div class="single-blog-post">
                        <a href="#"><img src="assets/img/blog/3.jpg" alt="Blog Image"></a>
                        <div class="blog-post-content">
                            <span><i class="icofont-ui-calendar"></i> 18 Jan 2019</span>
                            <h3><a href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h3>
                            <a href="#" class="default-btn">Read More</a>
                        </div>
                    </div>
                    <!-- Blog Post #4 -->
                    <div class="single-blog-post">
                        <a href="#"><img src="assets/img/blog/1.jpg" alt="Blog Image"></a>
                        <div class="blog-post-content">
                            <span><i class="icofont-ui-calendar"></i> 18 Jan 2019</span>
                            <h3><a href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h3>
                            <a href="#" class="default-btn">Read More</a>
                        </div>
                    </div>
                    <!-- Blog Post #5 -->
                    <div class="single-blog-post">
                        <a href="#"><img src="assets/img/blog/2.jpg" alt="Blog Image"></a>
                        <div class="blog-post-content">
                            <span><i class="icofont-ui-calendar"></i> 18 Jan 2019</span>
                            <h3><a href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h3>
                            <a href="#" class="default-btn">Read More</a>
                        </div>
                    </div>
                    <!-- Blog Post #6 -->
                    <div class="single-blog-post">
                        <a href="#"><img src="assets/img/blog/3.jpg" alt="Blog Image"></a>
                        <div class="blog-post-content">
                            <span><i class="icofont-ui-calendar"></i> 18 Jan 2019</span>
                            <h3><a href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a></h3>
                            <a href="#" class="default-btn">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Latest News -->
        <!-- Our Feedback -->
        <section class="our-feedback ptb-100">
            <div class="container">
                <div class="section-header">
                    <i class="icofont-education"></i>
                    <h2>Our Feedback</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod  labore et dolore magna aliqua.</p>
                </div>
                <div class="feedback-carosel owl-carousel owl-theme owl-theme-s2">
                    <!-- Feedback #1 -->
                    <div class="single-feedback">
                        <p>Lorem ipsum amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco</p>
                        <div class="client-info">
                            <img src="assets/img/instruction/sm1.jpg" alt="client">
                            <h3>Shan Willamson</h3>
                            <span>Founder at WHDF</span>
                        </div>
                        <img src="assets/img/quote.png" class="quote-icon" alt="quote">
                    </div>
                    <!-- Feedback #2 -->
                    <div class="single-feedback">
                        <p>Lorem ipsum amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco</p>
                        <div class="client-info">
                            <img src="assets/img/instruction/sm2.jpg" alt="client">
                            <h3>Shan Willamson</h3>
                            <span>Founder at WHDF</span>
                        </div>
                        <img src="assets/img/quote.png" class="quote-icon" alt="quote">
                    </div>
                    <!-- Feedback #3 -->
                    <div class="single-feedback">
                        <p>Lorem ipsum amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco</p>
                        <div class="client-info">
                            <img src="assets/img/instruction/sm3.jpg" alt="client">
                            <h3>Shan Willamson</h3>
                            <span>Founder at WHDF</span>
                        </div>
                        <img src="assets/img/quote.png" class="quote-icon" alt="quote">
                    </div>
                    <!-- Feedback #4 -->
                    <div class="single-feedback">
                        <p>Lorem ipsum amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco</p>
                        <div class="client-info">
                            <img src="assets/img/instruction/sm1.jpg" alt="client">
                            <h3>Shan Willamson</h3>
                            <span>Founder at WHDF</span>
                        </div>
                        <img src="assets/img/quote.png" class="quote-icon" alt="quote">
                    </div>
                    <!-- Feedback #5 -->
                    <div class="single-feedback">
                        <p>Lorem ipsum amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore magna aliqua. Ut enim minim veniam, quis nostrud exercitation ullamco</p>
                        <div class="client-info">
                            <img src="assets/img/instruction/sm2.jpg" alt="client">
                            <h3>Shan Willamson</h3>
                            <span>Founder at WHDF</span>
                        </div>
                        <img src="assets/img/quote.png" class="quote-icon" alt="quote">
                    </div>
                </div>
            </div>
        </section>
        <!-- End Our Feedback -->
        <!-- Our Partner -->
        <div class="our-partner pb-180">
           <div class="container">
               <div class="partner-carosel owl-carousel owl-theme owl-theme-s2">
                    <!-- Partner #1 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/1.png" alt="partner"></a>
                    </div>
                    <!-- Partner #2 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/2.png" alt="partner"></a>
                    </div>
                    <!-- Partner #3 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/3.png" alt="partner"></a>
                    </div>
                    <!-- Partner #4 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/4.png" alt="partner"></a>
                    </div>
                    <!-- Partner #5 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/5.png" alt="partner"></a>
                    </div>
                    <!-- Partner #6 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/1.png" alt="partner"></a>
                    </div>
                    <!-- Partner #7 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/2.png" alt="partner"></a>
                    </div>
                    <!-- Partner #8 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/3.png" alt="partner"></a>
                    </div>
                    <!-- Partner #9 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/4.png" alt="partner"></a>
                    </div>
                    <!-- Partner #10 -->
                    <div class="single-partner">
                       <a href="#"><img src="assets/img/partner/5.png" alt="partner"></a>
                    </div>
               </div>
           </div>
        </div>
        <!-- End Our Partner -->
        <!-- Footer Area -->
        <footer class="footer-area ptb-100">
            <div class="container">
                <div class="contact-information-box">
                    <div class="row">
                        <div class="col-lg-4">
                            <div class="media single-box bor-right">
                                <div class="align-self-center mr-3">
                                    <i class="icofont-google-map"></i>
                                </div>
                                <div class="media-body">
                                    <h3>Address</h3>
                                    <p>184 Collins Street West Victoria, United States</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="media single-box bor-right">
                                <div class="align-self-center mr-3">
                                    <i class="icofont-envelope"></i>
                                </div>
                                <div class="media-body">
                                    <h3>Email</h3>
                                    <p><a href="#">support@education.com</a></p>
                                    <p><a href="#">info@education.com</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="media single-box">
                                <div class="align-self-center mr-3">
                                    <i class="icofont-phone"></i>
                                </div>
                                <div class="media-body">
                                    <h3>Phone</h3>
                                    <p><a href="#">+44 44859 4875</a></p>
                                    <p><a href="#">+44 44859 4875</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-7 col-md-6 col-lg-3">
                        <div class="single-footer-widget">
                            <h3>About Us</h3>
                            <p>Lorem ipsum dolor, consectetur adipisicing sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                            <p>Ut enim ad minim veniam, quis nostrud Svoluptatem.</p>
                        </div>
                    </div>
                    <div class="col-sm-5 col-md-6 col-lg-3">
                        <div class="single-footer-widget pl-30">
                            <h3>Quick Menu</h3>
                            <ul class="quick-menu">
                                <li><a href="#"><i class="icofont-thin-double-right"></i> Home</a></li>
                                <li><a href="#"><i class="icofont-thin-double-right"></i> About</a></li>
                                <li><a href="#"><i class="icofont-thin-double-right"></i> Blog</a></li>
                                <li><a href="#"><i class="icofont-thin-double-right"></i> Event</a></li>
                                <li><a href="#"><i class="icofont-thin-double-right"></i> Shop</a></li>
                                <li><a href="#"><i class="icofont-thin-double-right"></i> Contact</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3">
                        <div class="single-footer-widget">
                            <h3>Instagram Feed</h3>
                            <ul class="instagram-feed">
                                <li><a href="#"><img src="assets/img/instagram-feed/1.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/2.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/3.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/4.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/5.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/6.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/5.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/2.jpg" alt="Instagram image"></a></li>
                                <li><a href="#"><img src="assets/img/instagram-feed/1.jpg" alt="Instagram image"></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-6 col-lg-3">
                        <div class="single-footer-widget">
                            <h3>Newsletter</h3>
                            <div class="newsletter">
                                <p>Lorem ipsum dolor, consectetur adipisicing sed do eiusmod tempor.</p>
                                <p>Ut enim ad minim veniam, quis nostrud Svoluptatem.</p>
                                <form>
                                    <input type="text" placeholder="Enter Your Email" class="form-control">
                                    <button type="submit" class="submit-btn"><i class="icofont-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- End Footer Area -->
        <!-- Bottom footer -->
        <div class="bottom-footer">
            <div class="container"> 
                <div class="row"> 
                    <div class="col-md-6 col-lg-6"> 
                        <p>Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></p>
                    </div>
                    <div class="col-md-6 col-lg-6"> 
                        <ul class="social-links">
                            <li><a href="#"><i class="icofont-twitter"></i></a></li>
                            <li><a href="#"><i class="icofont-facebook"></i></a></li>
                            <li><a href="#"><i class="icofont-linkedin"></i></a></li>
                            <li><a href="#"><i class="icofont-instagram"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- End bottom footer -->
        <!-- JQuery Min JS -->
        <!-- Popper Min JS -->
        <!-- Bootstrap Min JS -->
        <!-- Owl Carousel JS -->
        <!-- Magnific Popup JS -->
        <!-- WayPonits JS -->
        <!-- CounterUp JS -->
		<!-- Tilt JS -->
        <!-- Form Validator JS FILES -->
        <!-- Contact Form JS -->
        <!-- Script JS -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 红色 大气 霸气 教育培训 教育 培训 教育培训行业 教育行业 培训行业

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到