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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

47 184 62



模板描述: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="#">[email protected]</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="#">[email protected]</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="#">[email protected]</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="#">[email protected]</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="#">[email protected]</a></p>
                                    <p><a href="#">[email protected]</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自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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