<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Edukator - Education Category Bootstrap Responsive Template | Elements</title>
<!-- google fonts -->
<link href="//fonts.googleapis.com/css2?family=Jost:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- Template CSS -->
<link rel="stylesheet" href="assets/css/style-liberty.css">
</head>
<body>
<!--header-->
<header id="site-header" class="fixed-top">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark stroke">
<h1>
<a class="navbar-brand" href="index.html">
<i class="fas fa-chalkboard-teacher"></i> Edukator</a>
</h1>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Pages <span class="fa fa-angle-down"></span>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="blog.html">Blog posts</a>
<a class="dropdown-item" href="blog-single.html">Blog single</a>
<a class="dropdown-item" href="error.html"> 404 Error page</a>
<a class="dropdown-item" href="landing-single.html"> Landing page</a>
<a class="dropdown-item" href="email-template.html"> Email template</a>
<a class="dropdown-item" href="elements.html"> Elements page</a>
</div>
</li>
<li class="nav-item mr-lg-1">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<!--/search-right-->
<li class="header-search mr-lg-2 mt-lg-0 mt-4 position-relative">
<div class="search-right">
<a href="#search" class="btn btn-style search-btn" title="search"><span class="fas fa-search mr-2"
aria-hidden="true"></span> Search</a>
<!-- search popup -->
<div id="search" class="pop-overlay">
<div class="popup">
<form action="error.html" method="GET" class="search-box">
<input type="search" placeholder="Enter Keyword" name="search" required="required" autofocus="">
<button type="submit" class="btn"><span class="fas fa-search" aria-hidden="true"></span></button>
</form>
</div>
<a class="close" href="#close">×</a>
</div>
<!-- /search popup -->
</div>
</li>
<!--//search-right-->
</ul>
</div>
<!-- toggle switch for light and dark theme -->
<div class="mobile-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container py-1">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!--/header-->
<!-- breadcrumb -->
<section class="w3l-about-breadcrumb text-center">
<div class="breadcrumb-bg breadcrumb-bg-about py-5">
<div class="container py-lg-5 py-md-4">
<div class="w3breadcrumb-gids">
<div class="w3breadcrumb-left text-left">
<h2 class="title AboutPageBanner">
Elements </h2>
<p class="inner-page-para mt-2">
Learn Anytime, Anywhere.
Accelerate Your Future.</p>
</div>
<div class="w3breadcrumb-right">
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li class="active"><span class="fas fa-angle-double-right mx-2"></span> Elements</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--//breadcrumb-->
<!--/Elements-->
<section class="bootstrap-components page-blogw3 py-5">
<div class="container pt-lg-4 pb-lg-5">
<div class="title-content text-center">
<h5 class="title-subw3hny mb-2">Components</h5>
<h3 class="title-w3l mb-4">Bootstrap
<span
class="inn-text">Elements</span></h3>
</div>
<div class="pb-lg-5 typo-wthree">
<!-- blockquotes -->
<!-- Outline buttons -->
<div class="components mt-5">
<h3 class="inner-heading mb-3">Jumbotron</h3>
<div class="components-info">
<div class="jumbotron">
<h1 class="display-4">Hello, world!</h1>
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention
to featured content or information.</p>
<hr class="my-4">
<p>It uses utility classes for typography and spacing to space content out within the larger container.
</p>
<p class="lead mt-5">
<a class="btn btn-style btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>
</div>
</div>
<!-- //Outline buttons -->
<!-- Outline buttons code -->
<div class="code">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"jumbotron"</span><span class="nt">></span>
<span class="nt"><h1</span> <span class="na">class=</span><span class="s">"display-4"</span><span class="nt">></span>Hello, world!<span class="nt"></h1></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"lead"</span><span class="nt">></span>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.<span class="nt"></p></span>
<span class="nt"><hr</span> <span class="na">class=</span><span class="s">"my-4"</span><span class="nt">></span>
<span class="nt"><p></span>It uses utility classes for typography and spacing to space content out within the larger container.<span class="nt"></p></span>
<span class="nt"><p</
在线教育课程动态网站模板-适配移动端&PC端-HTML网站源码.zip
版权申诉
138 浏览量
2024-04-02
09:31:57
上传
评论
收藏 9.39MB ZIP 举报
在线教育课程动态网站模板-适配移动端&PC端-HTML网站源码.zip （59个子文件） 
在线教育课程动态网站模板-适配移动端&PC端-HTML网站源码 html 
email-template.html 57KB assets js 
bootstrap.min.js 57KB theme-change.js 692B jquery-3.3.1.min.js 68KB webfonts fa-brands-400.woff 90KB fa-brands-400.ttf 133KB
fa-brands-400.svg 730KB fa-solid-900.woff 102KB fa-solid-900.eot 200KB fa-solid-900.ttf 200KB fa-brands-400.woff2 77KB fa-regular-400.woff2 13KB fa-brands-400.eot 134KB fa-regular-400.eot 34KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 78KB fa-solid-900.svg 896KB css style-starter.css 308KB style-liberty.css 330KB images 
ins.png 1KB
b1.jpg 43KB 2.jpg 32KB b8.jpg 45KB tw.png 939B b2.jpg 28KB team4.jpg 17KB b6.jpg 39KB 1.jpg 68KB team3.jpg 23KB banner3.jpg 256KB
line-edu.mp4 6.64MB b7.jpg 32KB b3.jpg 28KB arrow-right.png 470B ab3.jpg 61KB team2.jpg 22KB fb.png 791B b5.jpg 31KB b4.jpg 29KB banner1.jpg 238KB ab2.jpg 54KB logo-icon.png 636B arrow-left.png 505B team1.jpg 21KB banner2.jpg 194KB li.png 841B ab1.jpg 58KB media-img.png 1015B courses.html 26KB blog-single.html 22KB index.html 35KB elements.html 86KB contact.html 15KB about.html 22KB error.html 3KB landing-single.html 56KB blog.html 24KB资源评论
