<!DOCTYPE html>
<html lang="en">
<head>
<title>Elearn</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Elearn project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
<link href="plugins/video-js/video-js.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
</head>
<body>
<div class="super_container">
<!-- Header -->
<header class="header">
<!-- Top Bar -->
<div class="top_bar">
<div class="top_bar_container">
<div class="container">
<div class="row">
<div class="col">
<div class="top_bar_content d-flex flex-row align-items-center justify-content-start">
<ul class="top_bar_contact_list">
<li><div class="question">Have any questions?</div></li>
<li>
<div>(009) 35475 6688933 32</div>
</li>
<li>
<div>info@elaerntemplate.com</div>
</li>
</ul>
<div class="top_bar_login ml-auto">
<ul>
<li><a href="#">Register</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Header Content -->
<div class="header_container">
<div class="container">
<div class="row">
<div class="col">
<div class="header_content d-flex flex-row align-items-center justify-content-start">
<div class="logo_container">
<a href="#">
<div class="logo_content d-flex flex-row align-items-end justify-content-start">
<div class="logo_img"><img src="images/logo.png" alt=""></div>
<div class="logo_text">learn</div>
</div>
</a>
</div>
<nav class="main_nav_contaner ml-auto">
<ul class="main_nav">
<li class="active"><a href="#">home</a></li>
<li><a href="about.html">about us</a></li>
<li><a href="courses.html">courses</a></li>
<li><a href="news.html">news</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
<div class="search_button"><i class="fa fa-search" aria-hidden="true"></i></div>
<!-- Hamburger -->
<div class="hamburger menu_mm">
<i class="fa fa-bars menu_mm" aria-hidden="true"></i>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- Header Search Panel -->
<div class="header_search_container">
<div class="container">
<div class="row">
<div class="col">
<div class="header_search_content d-flex flex-row align-items-center justify-content-end">
<form action="#" class="header_search_form">
<input type="search" class="search_input" placeholder="Search" required="required">
<button class="header_search_button d-flex flex-column align-items-center justify-content-center">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Menu -->
<div class="menu d-flex flex-column align-items-end justify-content-start text-right menu_mm trans_400">
<div class="menu_close_container"><div class="menu_close"><div></div><div></div></div></div>
<div class="search">
<form action="#" class="header_search_form menu_mm">
<input type="search" class="search_input menu_mm" placeholder="Search" required="required">
<button class="header_search_button d-flex flex-column align-items-center justify-content-center menu_mm">
<i class="fa fa-search menu_mm" aria-hidden="true"></i>
</button>
</form>
</div>
<nav class="menu_nav">
<ul class="menu_mm">
<li class="menu_mm"><a href="index.html">Home</a></li>
<li class="menu_mm"><a href="courses.html">Courses</a></li>
<li class="menu_mm"><a href="instructors.html">Instructors</a></li>
<li class="menu_mm"><a href="#">Events</a></li>
<li class="menu_mm"><a href="blog.html">Blog</a></li>
<li class="menu_mm"><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="menu_extra">
<div class="menu_phone"><span class="menu_title">phone:</span>(009) 35475 6688933 32</div>
<div class="menu_social">
<span class="menu_title">follow us</span>
<ul>
<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
<!-- Home -->
<div class="home">
<div class="home_slider_container">
<!-- Home Slider -->
<div class="owl-carousel owl-theme home_slider">
<!-- Slider Item -->
<div class="owl-item">
<!-- Background image artist https://unsplash.com/@benwhitephotography -->
<div class="home_slider_background" style="background-image:url(images/index.jpg)"></div>
<div class="home_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_content text-center">
<div class="home_logo"><img src="images/home_logo.png" alt=""></div>
<div class="home_text">
<div class="home_title">Complete Online Courses</div>
<div class="home_subtitle">Maecenas rutrum viverra sapien sed fermentum. Morbi tempor odio eget lacus tempus pulvinar. Praesent vel nisl fermentum, gravida augue ut, fermentum ipsum.</div>
</div>
<div class="home_buttons">
<div class="button home_button"><a href="#">learn more<div class="button_arrow"><i class="fa fa-angle-right" aria-hidden="true"></i></div></a></div>
<div class="button home_button"><a href="#">see all courses<div class="button_arrow"><i class="fa fa-angle-right" aria-hidden="true"></i></div></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Slider Item -->
<div class="owl-item">
<!-- Background image artist https://unsplash.com/@benwhitephotography -->
<div class="home_slider_background" style="background-image:url(images/index.jpg)"></div>
<div class="home_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_content text-center">
<div class="home_logo"><img src="images/home_logo.png" alt=""></div>
<div class="home_text">
<div class="home_title">Complete Online Courses</div>
<div class="home_subtitle">Maecenas rutrum viverra sapien sed fermentum. Morbi tempor odio eget lacus tempus pulvinar. Praesent vel nisl fermentum, gravida augue ut, fermentum ipsum.</div>
</div>
<div class="home_buttons">
<div class="button home_button"><a href="#">learn more<div class="button_arrow"><i class="fa fa-angle-right" aria-hidden="true"></i></div></a></div>
<div class="button home_button"><a href="#">see all courses<div class="button_arrow"><i class="fa fa-angle-right" aria-hidden="true"></i></div></a></div>
</div>
基于HTML+CSS+JS开发的网站-在线学习阅读响应式网站模板.7z （129个子文件） 
bootstrap.min.css 124KB animate.css 72KB video-js.css 44KB font-awesome.css 37KB main_styles.css 32KB font-awesome.min.css 30KB news.css 26KB elements.css 25KB courses.css 25KB contact.css 21KB about.css 21KB responsive.css 7KB elements_responsive.css 6KB courses_responsive.css 6KB contact_responsive.css 5KB about_responsive.css 5KB news_responsive.css 5KB owl.carousel.css 4KB owl.theme.default.css 1KB fontawesome-webfont.eot 162KB
ajax-loader.gif 3KB
index.html 30KB courses.html 22KB elements.html 19KB about.html 19KB news.html 18KB contact.html 12KB
elements.jpg 140KB contact.jpg 137KB course_8.jpg 127KB news.jpg 114KB index.jpg 110KB about_2.jpg 86KB course_6.jpg 83KB course_2.jpg 82KB video.jpg 81KB milestones.jpg 79KB course_3.jpg 72KB about.jpg 71KB about_1.jpg 63KB news_6.jpg 63KB featured.jpg 63KB course_4.jpg 58KB course_1.jpg 58KB news_7.jpg 57KB course_7.jpg 50KB elearn.jpg 49KB course_5.jpg 47KB teacher_5.jpg 47KB news_5.jpg 45KB tab.jpg 44KB teacher_2.jpg 44KB courses.jpg 43KB course_9.jpg 43KB teacher_1.jpg 37KB teacher_6.jpg 36KB teacher_4.jpg 36KB teacher_3.jpg 35KB news_1.jpg 3KB news_4.jpg 2KB news_3.jpg 2KB news_2.jpg 2KB course_author_3.jpg 1KB featured_author.jpg 1KB course_author_2.jpg 993B video.min.js 385KB TweenMax.min.js 110KB jquery-3.2.1.min.js 85KB owl.carousel.js 83KB popper.js 80KB bootstrap.min.js 49KB progressbar.min.js 21KB TimelineMax.min.js 20KB ScrollMagic.min.js 17KB Youtube.min.js 13KB easing.js 8KB parallax.min.js 7KB elements.js 7KB custom.js 6KB contact.js 5KB ScrollToPlugin.min.js 3KB about.js 3KB news.js 2KB courses.js 2KB animation.gsap.min.js 1KB icons.less 49KB variables.less 22KB mixins.less 2KB path.less 771B animated.less 713B rotated-flipped.less 622B bordered-pulled.less 585B font-awesome.less 495B stacked.less 476B core.less 452B list.less 377B larger.less 370B fixed-width.less 119B screen-reader.less 118B FontAwesome.otf 132KB共 129 条
- 1
- 2
资源评论
