<!DOCTYPE html>
<html lang="en">
<head>
<title>DevCourse - Bootstrap 5 Landing Page Template For Online Courses</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap 4 Landing Page Template For Online Courses">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:800|Roboto:400,500,700&display=swap" rel="stylesheet">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
</head>
<body>
<header class="header">
<section class="hero-section">
<div class="hero-mask">
</div><!--//hero-mask-->
<div class="container text-center py-5">
<div class="single-col-max mx-auto">
<div class="hero-heading-upper pt-3 mb-3">Promote Your Online Course <br class="d-md-none">Like A Pro</div>
<h1 class="hero-heading mb-5">
<span class="brand mb-4 d-block"><span class="text-highlight pr-2">{</span><span class="name">DevCourse</span><span class="text-highlight pl-2">}</span></span>
<span class="desc d-block">A Course Landing Page Template For Developers</span>
</h1>
<div class="text-center mb-5">
<a href="#section-pricing" class="btn btn-primary btn-lg scrollto">Start Learning Now</a>
</div>
<div class="hero-summary">
<div class="row">
<div class="item col-4">
<div class="summary-desc mb-1"><i class="icon fas fa-video me-2"></i>Content</div>
<h4 class="summary-heading">80+ <span class="desc">Videos</span></h4>
</div><!--//col-->
<div class="item col-4">
<div class="summary-desc mb-1"><i class="icon fas fa-clock me-2"></i>Duration</div>
<h4 class="summary-heading">72 <span class="desc">Hours</span></h4>
</div><!--//col-->
<div class="item col-4">
<div class="summary-desc mb-1"><i class="icon fas fa-user-circle me-2"></i>Access</div>
<h4 class="summary-heading">Lifetime</h4>
</div><!--//col-->
</div><!--//row-->
</div><!--//hero-summary-->
</div><!--//single-col-max-->
</div><!--//container-->
</section><!--//hero-section-->
</header><!--//header-->
<div class="sections-wrapper">
<div class="section-blocks mb-5">
<div id="section-overview" class="section-overview section pt-md-4 pt-lg-5">
<div class="container py-5">
<div class="section-col-max mx-auto">
<h3 class="section-title mb-4">What Will You Learn</h3>
<p class="mb-4">Your course overview goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae posuere nibh, at posuere enim. Sed vulputate ante congue, euismod odio a, gravida neque. Maecenas volutpat risus dolor.</p>
<div class="text-center mb-3">
<ul class="column-list list-unstyled mx-auto d-inline-block">
<li><i class="theme-check-icon fas fa-check me-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check me-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check me-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check me-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check me-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check me-2"></i>Course highlight lorem ipsum</li>
</ul>
</div><!--//text-center-->
<div class="text-center mb-5">
<a class="btn btn-primary scrollto" href="#section-pricing">Join Course Now</a>
</div>
<div class="video-container">
<div class="ratio ratio-16x9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/qz0aGYrrlhU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div><!--//video-container-->
</div><!--//section-col-max-->
</div><!--//container-->
</div><!--//section-overview-->
<div id="section-content" class="section-content section">
<div class="container py-5">
<div class="section-col-max mx-auto">
<h3 class="section-title mb-5">What's Included</h3>
<div class="data-summary justify-content-center text-center">
<div class="row mb-5">
<div class="item col-6 col-lg-3 mb-3 mb-lg-0">
<div class="data">10+</div>
<div class="meta">Modules</div>
</div><!--//item-->
<div class="item col-6 col-lg-3 mb-3 mb-lg-0">
<div class="data">80+</div>
<div class="meta">Videos</div>
</div><!--//item-->
<div class="item col-6 col-lg-3 mb-3 mb-lg-0">
<div class="data">40+</div>
<div class="meta">Resources</div>
</div><!--//item-->
<div class="item col-6 col-lg-3 mb-3 mb-lg-0">
<div class="data">72</div>
<div class="meta">Hours</div>
</div><!--//item-->
</div><!--//row-->
</div><!--//course-summary-->
<h4 class="text-center mb-4">Course Modules</h4>
<div class="accordion module-accordion" id="module-accordion">
<div class="module-item card">
<div class="module-header card-header" id="module-heading-1">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-1" data-bs-toggle="collapse" data-bs-target="#module-1" aria-expanded="true" aria-controls="module-1">
<i class="module-toggle-icon fas fa-minus me-2"></i>
Module 1 - Lorem Ipsum Dolor Sit Amet
</a>
</h4>
</div><!--//card-header-->
<div id="module-1" class="module-content collapse show" aria-labelledby="module-heading-1" >
<div class="card-body p-0">
<div class="module-intro p-3">Module intro goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque interdum elit non neque venenatis, ut mattis sapien lobortis. Integer eget turpis non ipsum convallis convallis vitae eu nunc.</div>
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary me-2">1.1</span><a class="video-play-trigger" href="#" data-bs-toggle="modal" data-bs-target="#modal-video">Module Intro Video</a><span class="badge bg-primary ms-2">Preview</span></div>
<div class="col-3 text-end extra-info">02:30</div>
</div>
</div><!--//module-sub-item-->
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary me-2">1.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-end extra-info">15:20</div>
</div>
</div><!--//module-sub-item-->
<div class="module-sub-item p-3">
在线课程定制展示网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
124 浏览量
2024-04-02
09:32:25
上传
评论
收藏 8.83MB ZIP 举报
在线课程定制展示网页模板-适配移动端设备-HTML网页源码.zip （2000个子文件） 
config.codekit3 77KB bootstrap.css 232KB bootstrap.rtl.css 232KB theme.css 204KB bootstrap.rtl.min.css 189KB bootstrap.min.css 189KB all.css 135KB fontawesome.css 110KB all.min.css 98KB fontawesome.min.css 79KB bootstrap-utilities.css 73KB bootstrap-utilities.rtl.css 73KB bootstrap-grid.rtl.css 71KB bootstrap-grid.css 71KB bootstrap-utilities.min.css 55KB bootstrap-utilities.rtl.min.css 55KB bootstrap-grid.rtl.min.css 52KB bootstrap-grid.min.css 52KB v4-shims.css 40KB v4-shims.min.css 26KB brands.css 22KB svg-with-js.css 21KB brands.min.css 17KB svg-with-js.min.css 16KB bootstrap-reboot.css 8KB bootstrap-reboot.rtl.css 8KB bootstrap-reboot.rtl.min.css 7KB bootstrap-reboot.min.css 7KB v4-font-face.css 2KB v4-font-face.min.css 2KB v5-font-face.css 871B v5-font-face.min.css 794B regular.css 619B solid.css 611B regular.min.css 566B solid.min.css 558B .gitignore 94B
index.html 59KB
hero-bg.jpg 357KB section-bg-alt.jpg 146KB course-1.jpg 144KB course-2.jpg 142KB course-3.jpg 110KB tutor.jpg 104KB section-bg.jpg 102KB user-3.jpg 40KB user-5.jpg 22KB user-2.jpg 22KB tutor-sm.jpg 15KB user-1.jpg 13KB user-4.jpg 7KB all.js 1.73MB all.min.js 1.65MB solid.js 1.03MB solid.min.js 1.02MB brands.js 460KB brands.min.js 451KB bootstrap.bundle.js 203KB regular.js 147KB regular.min.js 142KB bootstrap.js 142KB bootstrap.esm.js 132KB fontawesome.js 109KB bootstrap.bundle.min.js 78KB bootstrap.esm.min.js 72KB bootstrap.min.js 59KB fontawesome.min.js 53KB conflict-detection.js 36KB v4-shims.js 30KB v4-shims.min.js 26KB popper.min.js 19KB conflict-detection.min.js 15KB gumshoe.polyfills.js 12KB gumshoe.js 11KB smoothscroll.min.js 4KB gumshoe.polyfills.min.js 4KB gumshoe.min.js 3KB main-backup.js 3KB vanilla-back-to-top.min.js 2KB main.js 496B icons.json 4.35MB shims.json 40KB bootstrap.rtl.min.css.map 748KB bootstrap.css.map 593KB bootstrap.rtl.css.map 593KB bootstrap.min.css.map 509KB bootstrap.bundle.js.map 439KB bootstrap.bundle.min.js.map 321KB bootstrap.js.map 301KB bootstrap.esm.js.map 300KB bootstrap.esm.min.js.map 213KB bootstrap-grid.rtl.css.map 209KB bootstrap-grid.css.map 209KB bootstrap.min.js.map 209KB bootstrap-utilities.css.map 194KB bootstrap-utilities.rtl.css.map 194KB bootstrap-grid.rtl.min.css.map 131KB bootstrap-grid.min.css.map 131KB bootstrap-utilities.min.css.map 114KB bootstrap-utilities.rtl.min.css.map 114KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
DTcode7
- 粉丝: 3819
- 资源: 4084
最新资源
- 课设毕设基于SSM的校园餐厅管理 LW+PPT+源码可运行.zip
- Python井字棋代码
- 课设毕设基于SSM的书店仓库管理系统2021 LW+PPT+源码可运行.zip
- 课设毕设基于SSM的沙县小吃点餐系统 LW+PPT+源码可运行.zip
- 课设毕设基于SSM的旅游景点线路网站 LW+PPT+源码可运行.zip
- EDA实验计数器CNT9999-DTCNT9999实验源代码
- 课设毕设基于SSM的抗疫医疗用品销售平台 LW+PPT+源码可运行.zip
- 基于Halcon的仿照VisonPro的机器视觉软件.zip
- battery-percentage-detector 使用 Javascript 的电池百分比检测器
- 毕业设计基于Qt+FFmpeg+SDL实现的音视频播放器源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
