| Server IP : 78.140.185.180 / Your IP : 216.73.216.203 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/builderbox/public_html/public/builder/templates/devcourse/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>DevCourse - Bootstrap 4 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-1.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 mr-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 mr-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 mr-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-nav-space-holder d-none d-lg-block">
<div id="section-nav-wrapper" class="section-nav-wrapper text-center">
<div class="container-fluid justify-content-center">
<ul id="section-nav" class="section-nav nav list-inline">
<li class="nav-item"><a class="nav-link scrollto" href="#section-overview">Overview</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#section-content">Content</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#section-requirements">Requirements</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#section-tutor">Tutor</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#section-reviews">Reviews</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#section-pricing">Pricing</a></li>
<li class="nav-item"><a class="nav-link scrollto" href="#section-faq">FAQ</a></li>
<li class="nav-item d-none"><a class="nav-link" href="#section-more">More</a></li>
</ul><!--//page-nav-->
</div>
</div><!--//page-nav-wrapper-->
</div><!--//page-nav-space-holder-->
<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 mr-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Course highlight lorem ipsum</li>
<li><i class="theme-check-icon fas fa-check mr-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="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/Ly6pm8UxZU4" frameborder="0" allow="accelerometer; autoplay; 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-toggle="collapse" data-target="#module-1" aria-expanded="true" aria-controls="module-1">
<i class="module-toggle-icon fas fa-minus mr-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 mr-2">1.1</span><a class="video-play-trigger" href="#" data-toggle="modal" data-target="#modal-video">Module Intro Video</a><span class="badge badge-primary ml-2">Preview</span></div>
<div class="col-3 text-right 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 mr-2">1.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">1.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</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 mr-2">1.4</span>Module Suspendisse Porttitor</div>
<div class="col-3 text-right extra-info">07:50</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 mr-2">1.5</span>Module Related Resources</div>
<div class="col-3 text-right extra-info"><span class="icon dripicons-download mr-2"></span>Resources</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-2">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-2" data-toggle="collapse" data-target="#module-2" aria-expanded="true" aria-controls="module-2">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 2 - Lorem Ipsum Dolor Sit Amet
</a>
</h4>
</div><!--//card-header-->
<div id="module-2" class="module-content collapse" aria-labelledby="module-heading-2" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">2.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">2.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">2.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-3">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-3" data-toggle="collapse" data-target="#module-3" aria-expanded="true" aria-controls="module-3">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 3 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-3" class="module-content collapse" aria-labelledby="module-heading-3" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">3.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">3.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">3.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-4">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-4" data-toggle="collapse" data-target="#module-4" aria-expanded="true" aria-controls="module-4">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 4 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-4" class="module-content collapse" aria-labelledby="module-heading-4" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">4.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">4.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">4.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-5">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-5" data-toggle="collapse" data-target="#module-5" aria-expanded="true" aria-controls="module-5">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 5 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-5" class="module-content collapse" aria-labelledby="module-heading-5" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">5.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">5.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">5.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-6">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-6" data-toggle="collapse" data-target="#module-6" aria-expanded="true" aria-controls="module-6">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 6 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-6" class="module-content collapse" aria-labelledby="module-heading-6" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">6.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">6.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">6.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-7">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-7" data-toggle="collapse" data-target="#module-7" aria-expanded="true" aria-controls="module-6">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 7 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-7" class="module-content collapse" aria-labelledby="module-heading-7" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">7.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">7.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">7.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-8">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-8" data-toggle="collapse" data-target="#module-8" aria-expanded="true" aria-controls="module-6">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 8 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-8" class="module-content collapse" aria-labelledby="module-heading-8" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">8.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">8.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">8.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-9">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-9" data-toggle="collapse" data-target="#module-9" aria-expanded="true" aria-controls="module-6">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 9 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-9" class="module-content collapse" aria-labelledby="module-heading-9" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">9.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">9.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">9.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
<div class="module-item card">
<div class="module-header card-header" id="module-heading-10">
<h4 class="module-title mb-0">
<a class="card-toggle module-toggle" href="#module-10" data-toggle="collapse" data-target="#module-10" aria-expanded="true" aria-controls="module-6">
<i class="module-toggle-icon fas fa-plus mr-2"></i>
Module 10 - Lorem ipsum dolor sit amet.
</a>
</h4>
</div><!--//card-header-->
<div id="module-10" class="module-content collapse" aria-labelledby="module-heading-10" >
<div class="card-body p-0">
<div class="module-sub-item p-3">
<div class="row justify-content-between">
<div class="col-9"><span class="theme-text-secondary mr-2">10.1</span>Module Intro Video</div>
<div class="col-3 text-right 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 mr-2">10.2</span>Module Lorem Ipsum</div>
<div class="col-3 text-right extra-info">15:20</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 mr-2">10.3</span>Module Suscipit Arcu</div>
<div class="col-3 text-right extra-info">23:15</div>
</div>
</div><!--//module-sub-item-->
</div><!--//card-body-->
</div><!--//module-content-->
</div><!--//module-item-->
</div><!--//module-accordion-->
<div class="text-center mt-5">
<a class="btn btn-primary scrollto" href="#section-pricing">Enrol Now</a>
</div>
</div>
</div><!--//container-->
</div><!--//section-content-->
<div id="section-requirements" class="section-requirements section">
<div class="container py-5">
<div class="section-col-max mx-auto">
<h3 class="section-title mb-4">Who Is This Course For</h3>
<p class="mb-4">This course is designed for developers lorem ipsum consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<div class="lead-form-wrapper single-col-max mx-auto theme-bg-light rounded p-5">
<h4 class="form-heading text-center mb-3">Get Free Course Previews</h4>
<div class="form-intro text-center mb-3">Sign up to get instant access to the course previews.</div>
<div class="form-wrapper">
<form class="lead-form" action="default-form-handler" method="post">
<div class="form-group mb-3">
<label for="email" class="sr-only">Email</label>
<input type="email" class="form-control " id="email" placeholder="Your Email">
</div>
<button type="submit" class="btn btn-ghost btn-submit btn-block">Sign Up Now</button>
</form>
</div><!--//form-wrapper-->
</div><!--//lead-form-wrapper-->
</div>
</div><!--//container-->
</div><!--//section-requirements-->
<div id="section-tutor" class="section-tutor section pb-5">
<div class="container">
<div class="container-inner p-5 position-relative theme-bg-primary rounded">
<div class="section-bg-container"></div>
<div class="row">
<div class="col-12 col-lg-3">
<div class="tutor-img-holder mb-5 mb-lg-0 text-center">
<img class="tutor-profile img-fluid rounded" src="assets/images/tutor.jpg" alt="">
</div><!--//tutor-img-holder-->
</div><!--//col-->
<div class="col-12 col-lg-9">
<div class="pl-lg-4">
<h3 class="section-title mb-4 text-white text-lg-left">Meet The Tutor</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at hendrerit augue, eu pellentesque dolor. Praesent vel congue velit. Fusce lorem nisl, condimentum in pulvinar et, laoreet vel felis. Duis tincidunt ex sed risus posuere, quis venenatis quam tincidunt. Quisque arcu lacus, mollis volutpat turpis sit amet, interdum eleifend sem.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam auctor leo at mi dignissim, tempor porttitor leo vehicula.</p>
<div class="text-center text-lg-left">
<ul class="social-list list-unstyled mt-4 mb-0 mx-auto mx-lg-0">
<li class="list-inline-item"><a href="#"><i class="fab fa-github fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-globe fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fa fa-blog fa-fw"></i></a></li>
</ul><!--//social-list-->
</div>
</div>
</div><!--//col-->
</div><!--//row-->
</div><!--//container-inner-->
</div><!--//container-->
</div><!--//section-tutor-->
<div id="section-reviews" class="section-reviews py-5">
<div class="container">
<h3 class="section-title mb-5">Course Reviews</h3>
<div class="row">
<div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="review-item rounded p-5">
<blockquote class="quote mb-4">
<div class="quote-icon-holder">
<svg class="quote-icon-svg" width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="quote-icon-path" d="M19.2093023,0 L19.2093023,1.17365269 C17.5968912,1.78044216 16.3333379,2.73452443 15.4186047,4.03592814 C14.5038714,5.33733186 14.0465116,6.69061174 14.0465116,8.09580838 C14.0465116,8.39920311 14.0930228,8.62275377 14.1860465,8.76646707 C14.2480623,8.86227593 14.3178291,8.91017964 14.3953488,8.91017964 C14.4728686,8.91017964 14.5891465,8.85429198 14.744186,8.74251497 C15.2403126,8.37524766 15.8682133,8.19161677 16.627907,8.19161677 C17.5116323,8.19161677 18.2945702,8.56287054 18.9767442,9.30538922 C19.6589181,10.0479079 20,10.9301346 20,11.9520958 C20,13.0219614 19.608531,13.9640678 18.8255814,14.7784431 C18.0426317,15.5928184 17.0930288,16 15.9767442,16 C14.6744121,16 13.5503923,15.4491073 12.6046512,14.3473054 C11.65891,13.2455035 11.1860465,11.7684723 11.1860465,9.91616766 C11.1860465,7.76046826 11.8294509,5.82835186 13.1162791,4.11976048 C14.4031072,2.4111691 16.4340947,1.03792934 19.2093023,0 Z M8.02325581,0 L8.02325581,1.17365269 C6.41084465,1.78044216 5.1472914,2.73452443 4.23255814,4.03592814 C3.31782488,5.33733186 2.86046512,6.69061174 2.86046512,8.09580838 C2.86046512,8.39920311 2.90697628,8.62275377 3,8.76646707 C3.06201581,8.86227593 3.13178256,8.91017964 3.20930233,8.91017964 C3.28682209,8.91017964 3.4031,8.85429198 3.55813953,8.74251497 C4.05426605,8.37524766 4.68216674,8.19161677 5.44186047,8.19161677 C6.32558581,8.19161677 7.10852372,8.56287054 7.79069767,9.30538922 C8.47287163,10.0479079 8.81395349,10.9301346 8.81395349,11.9520958 C8.81395349,13.0219614 8.42248453,13.9640678 7.63953488,14.7784431 C6.85658523,15.5928184 5.90698233,16 4.79069767,16 C3.48836558,16 2.36434581,15.4491073 1.41860465,14.3473054 C0.472863488,13.2455035 0,11.7684723 0,9.91616766 C0,7.76046826 0.643404419,5.82835186 1.93023256,4.11976048 C3.2170607,2.4111691 5.24804814,1.03792934 8.02325581,0 Z" ></path>
</g>
</svg><!--//quote-icon-->
</div>
<p>Great course lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum mi sed tortor lobortis, nec feugiat nisi venenatis.</p>
</blockquote><!--//quote-->
<div class="source">
<div class="row align-items-center">
<div class="col-3 col-lg-4">
<div class="profile"><img class="profile-image img-fluid" src="assets/images/users/user-1.jpg" alt=""></div>
</div><!--col-12-->
<div class="col-9 col-lg-8">
<div class="name font-weight-bold">Adam Doe</div>
<div class="meta">New York</div>
</div><!--//col-12-->
</div><!--//row-->
</div><!--//source-->
</div><!--//item-->
</div><!--//col-->
<div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="review-item rounded p-5">
<blockquote class="quote mb-4">
<div class="quote-icon-holder">
<svg class="quote-icon-svg" width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="quote-icon-path" d="M19.2093023,0 L19.2093023,1.17365269 C17.5968912,1.78044216 16.3333379,2.73452443 15.4186047,4.03592814 C14.5038714,5.33733186 14.0465116,6.69061174 14.0465116,8.09580838 C14.0465116,8.39920311 14.0930228,8.62275377 14.1860465,8.76646707 C14.2480623,8.86227593 14.3178291,8.91017964 14.3953488,8.91017964 C14.4728686,8.91017964 14.5891465,8.85429198 14.744186,8.74251497 C15.2403126,8.37524766 15.8682133,8.19161677 16.627907,8.19161677 C17.5116323,8.19161677 18.2945702,8.56287054 18.9767442,9.30538922 C19.6589181,10.0479079 20,10.9301346 20,11.9520958 C20,13.0219614 19.608531,13.9640678 18.8255814,14.7784431 C18.0426317,15.5928184 17.0930288,16 15.9767442,16 C14.6744121,16 13.5503923,15.4491073 12.6046512,14.3473054 C11.65891,13.2455035 11.1860465,11.7684723 11.1860465,9.91616766 C11.1860465,7.76046826 11.8294509,5.82835186 13.1162791,4.11976048 C14.4031072,2.4111691 16.4340947,1.03792934 19.2093023,0 Z M8.02325581,0 L8.02325581,1.17365269 C6.41084465,1.78044216 5.1472914,2.73452443 4.23255814,4.03592814 C3.31782488,5.33733186 2.86046512,6.69061174 2.86046512,8.09580838 C2.86046512,8.39920311 2.90697628,8.62275377 3,8.76646707 C3.06201581,8.86227593 3.13178256,8.91017964 3.20930233,8.91017964 C3.28682209,8.91017964 3.4031,8.85429198 3.55813953,8.74251497 C4.05426605,8.37524766 4.68216674,8.19161677 5.44186047,8.19161677 C6.32558581,8.19161677 7.10852372,8.56287054 7.79069767,9.30538922 C8.47287163,10.0479079 8.81395349,10.9301346 8.81395349,11.9520958 C8.81395349,13.0219614 8.42248453,13.9640678 7.63953488,14.7784431 C6.85658523,15.5928184 5.90698233,16 4.79069767,16 C3.48836558,16 2.36434581,15.4491073 1.41860465,14.3473054 C0.472863488,13.2455035 0,11.7684723 0,9.91616766 C0,7.76046826 0.643404419,5.82835186 1.93023256,4.11976048 C3.2170607,2.4111691 5.24804814,1.03792934 8.02325581,0 Z" ></path>
</g>
</svg><!--//quote-icon-->
</div>
<p>Highly recommend lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porttitor id velit in ullamcorper nam eu elit nec nunc. </p>
</blockquote><!--//quote-->
<div class="source">
<div class="row align-items-center">
<div class="col-3 col-lg-4">
<div class="profile"><img class="profile-image img-fluid" src="assets/images/users/user-2.jpg" alt=""></div>
</div><!--col-12-->
<div class="col-9 col-lg-8">
<div class="name font-weight-bold">Sarah Doe</div>
<div class="meta">London</div>
</div><!--//col-12-->
</div><!--//row-->
</div><!--//source-->
</div><!--//item-->
</div><!--//col-->
<div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="review-item rounded p-5">
<blockquote class="quote mb-4">
<div class="quote-icon-holder">
<svg class="quote-icon-svg" width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="quote-icon-path" d="M19.2093023,0 L19.2093023,1.17365269 C17.5968912,1.78044216 16.3333379,2.73452443 15.4186047,4.03592814 C14.5038714,5.33733186 14.0465116,6.69061174 14.0465116,8.09580838 C14.0465116,8.39920311 14.0930228,8.62275377 14.1860465,8.76646707 C14.2480623,8.86227593 14.3178291,8.91017964 14.3953488,8.91017964 C14.4728686,8.91017964 14.5891465,8.85429198 14.744186,8.74251497 C15.2403126,8.37524766 15.8682133,8.19161677 16.627907,8.19161677 C17.5116323,8.19161677 18.2945702,8.56287054 18.9767442,9.30538922 C19.6589181,10.0479079 20,10.9301346 20,11.9520958 C20,13.0219614 19.608531,13.9640678 18.8255814,14.7784431 C18.0426317,15.5928184 17.0930288,16 15.9767442,16 C14.6744121,16 13.5503923,15.4491073 12.6046512,14.3473054 C11.65891,13.2455035 11.1860465,11.7684723 11.1860465,9.91616766 C11.1860465,7.76046826 11.8294509,5.82835186 13.1162791,4.11976048 C14.4031072,2.4111691 16.4340947,1.03792934 19.2093023,0 Z M8.02325581,0 L8.02325581,1.17365269 C6.41084465,1.78044216 5.1472914,2.73452443 4.23255814,4.03592814 C3.31782488,5.33733186 2.86046512,6.69061174 2.86046512,8.09580838 C2.86046512,8.39920311 2.90697628,8.62275377 3,8.76646707 C3.06201581,8.86227593 3.13178256,8.91017964 3.20930233,8.91017964 C3.28682209,8.91017964 3.4031,8.85429198 3.55813953,8.74251497 C4.05426605,8.37524766 4.68216674,8.19161677 5.44186047,8.19161677 C6.32558581,8.19161677 7.10852372,8.56287054 7.79069767,9.30538922 C8.47287163,10.0479079 8.81395349,10.9301346 8.81395349,11.9520958 C8.81395349,13.0219614 8.42248453,13.9640678 7.63953488,14.7784431 C6.85658523,15.5928184 5.90698233,16 4.79069767,16 C3.48836558,16 2.36434581,15.4491073 1.41860465,14.3473054 C0.472863488,13.2455035 0,11.7684723 0,9.91616766 C0,7.76046826 0.643404419,5.82835186 1.93023256,4.11976048 C3.2170607,2.4111691 5.24804814,1.03792934 8.02325581,0 Z" ></path>
</g>
</svg><!--//quote-icon-->
</div>
<p>I've learnt so much lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quam magna, vulputate at sem id, gravida laoreet risus.</p>
</blockquote><!--//quote-->
<div class="source">
<div class="row align-items-center">
<div class="col-3 col-lg-4">
<div class="profile"><img class="profile-image img-fluid" src="assets/images/users/user-3.jpg" alt=""></div>
</div><!--col-12-->
<div class="col-9 col-lg-8">
<div class="name font-weight-bold">Luke Doe</div>
<div class="meta">Paris</div>
</div><!--//col-12-->
</div><!--//row-->
</div><!--//source-->
</div><!--//item-->
</div><!--//col-->
<div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="review-item rounded p-5">
<blockquote class="quote mb-4">
<div class="quote-icon-holder">
<svg class="quote-icon-svg" width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="quote-icon-path" d="M19.2093023,0 L19.2093023,1.17365269 C17.5968912,1.78044216 16.3333379,2.73452443 15.4186047,4.03592814 C14.5038714,5.33733186 14.0465116,6.69061174 14.0465116,8.09580838 C14.0465116,8.39920311 14.0930228,8.62275377 14.1860465,8.76646707 C14.2480623,8.86227593 14.3178291,8.91017964 14.3953488,8.91017964 C14.4728686,8.91017964 14.5891465,8.85429198 14.744186,8.74251497 C15.2403126,8.37524766 15.8682133,8.19161677 16.627907,8.19161677 C17.5116323,8.19161677 18.2945702,8.56287054 18.9767442,9.30538922 C19.6589181,10.0479079 20,10.9301346 20,11.9520958 C20,13.0219614 19.608531,13.9640678 18.8255814,14.7784431 C18.0426317,15.5928184 17.0930288,16 15.9767442,16 C14.6744121,16 13.5503923,15.4491073 12.6046512,14.3473054 C11.65891,13.2455035 11.1860465,11.7684723 11.1860465,9.91616766 C11.1860465,7.76046826 11.8294509,5.82835186 13.1162791,4.11976048 C14.4031072,2.4111691 16.4340947,1.03792934 19.2093023,0 Z M8.02325581,0 L8.02325581,1.17365269 C6.41084465,1.78044216 5.1472914,2.73452443 4.23255814,4.03592814 C3.31782488,5.33733186 2.86046512,6.69061174 2.86046512,8.09580838 C2.86046512,8.39920311 2.90697628,8.62275377 3,8.76646707 C3.06201581,8.86227593 3.13178256,8.91017964 3.20930233,8.91017964 C3.28682209,8.91017964 3.4031,8.85429198 3.55813953,8.74251497 C4.05426605,8.37524766 4.68216674,8.19161677 5.44186047,8.19161677 C6.32558581,8.19161677 7.10852372,8.56287054 7.79069767,9.30538922 C8.47287163,10.0479079 8.81395349,10.9301346 8.81395349,11.9520958 C8.81395349,13.0219614 8.42248453,13.9640678 7.63953488,14.7784431 C6.85658523,15.5928184 5.90698233,16 4.79069767,16 C3.48836558,16 2.36434581,15.4491073 1.41860465,14.3473054 C0.472863488,13.2455035 0,11.7684723 0,9.91616766 C0,7.76046826 0.643404419,5.82835186 1.93023256,4.11976048 C3.2170607,2.4111691 5.24804814,1.03792934 8.02325581,0 Z" ></path>
</g>
</svg><!--//quote-icon-->
</div>
<p>Great course lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum mi sed tortor lobortis, nec feugiat nisi venenatis.</p>
</blockquote><!--//quote-->
<div class="source">
<div class="row align-items-center">
<div class="col-3 col-lg-4">
<div class="profile"><img class="profile-image img-fluid" src="assets/images/users/user-4.jpg" alt=""></div>
</div><!--col-12-->
<div class="col-9 col-lg-8">
<div class="name font-weight-bold">Leo Doe</div>
<div class="meta">San Francisco</div>
</div><!--//col-12-->
</div><!--//row-->
</div><!--//source-->
</div><!--//item-->
</div><!--//col-->
<div class="col-12 col-md-6 col-lg-4 mb-4 align-items-center order-1 order-lg-0">
<div class="review-item item-promo rounded p-5">
<h4 class="item-promo-heading mb-3">Join Over 20,000 Others Worldwide!</h4>
<div class="item-promo-desc mb-3">Don’t just take our word for it. Look at what our learners are saying…</div>
<a class="btn btn-ghost scrollto" href="#section-pricing">Join Now</a>
</div>
</div><!--//col-->
<div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="review-item rounded p-5">
<blockquote class="quote mb-4">
<div class="quote-icon-holder">
<svg class="quote-icon-svg" width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="quote-icon-path" d="M19.2093023,0 L19.2093023,1.17365269 C17.5968912,1.78044216 16.3333379,2.73452443 15.4186047,4.03592814 C14.5038714,5.33733186 14.0465116,6.69061174 14.0465116,8.09580838 C14.0465116,8.39920311 14.0930228,8.62275377 14.1860465,8.76646707 C14.2480623,8.86227593 14.3178291,8.91017964 14.3953488,8.91017964 C14.4728686,8.91017964 14.5891465,8.85429198 14.744186,8.74251497 C15.2403126,8.37524766 15.8682133,8.19161677 16.627907,8.19161677 C17.5116323,8.19161677 18.2945702,8.56287054 18.9767442,9.30538922 C19.6589181,10.0479079 20,10.9301346 20,11.9520958 C20,13.0219614 19.608531,13.9640678 18.8255814,14.7784431 C18.0426317,15.5928184 17.0930288,16 15.9767442,16 C14.6744121,16 13.5503923,15.4491073 12.6046512,14.3473054 C11.65891,13.2455035 11.1860465,11.7684723 11.1860465,9.91616766 C11.1860465,7.76046826 11.8294509,5.82835186 13.1162791,4.11976048 C14.4031072,2.4111691 16.4340947,1.03792934 19.2093023,0 Z M8.02325581,0 L8.02325581,1.17365269 C6.41084465,1.78044216 5.1472914,2.73452443 4.23255814,4.03592814 C3.31782488,5.33733186 2.86046512,6.69061174 2.86046512,8.09580838 C2.86046512,8.39920311 2.90697628,8.62275377 3,8.76646707 C3.06201581,8.86227593 3.13178256,8.91017964 3.20930233,8.91017964 C3.28682209,8.91017964 3.4031,8.85429198 3.55813953,8.74251497 C4.05426605,8.37524766 4.68216674,8.19161677 5.44186047,8.19161677 C6.32558581,8.19161677 7.10852372,8.56287054 7.79069767,9.30538922 C8.47287163,10.0479079 8.81395349,10.9301346 8.81395349,11.9520958 C8.81395349,13.0219614 8.42248453,13.9640678 7.63953488,14.7784431 C6.85658523,15.5928184 5.90698233,16 4.79069767,16 C3.48836558,16 2.36434581,15.4491073 1.41860465,14.3473054 C0.472863488,13.2455035 0,11.7684723 0,9.91616766 C0,7.76046826 0.643404419,5.82835186 1.93023256,4.11976048 C3.2170607,2.4111691 5.24804814,1.03792934 8.02325581,0 Z" ></path>
</g>
</svg><!--//quote-icon-->
</div>
<p>I've learnt so much lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quam magna, vulputate at sem id, gravida laoreet risus.</p>
</blockquote><!--//quote-->
<div class="source">
<div class="row align-items-center">
<div class="col-3 col-lg-4">
<div class="profile"><img class="profile-image img-fluid" src="assets/images/users/user-5.jpg" alt=""></div>
</div><!--col-12-->
<div class="col-9 col-lg-8">
<div class="name font-weight-bold">Alice Doe</div>
<div class="meta">Australia</div>
</div><!--//col-12-->
</div><!--//row-->
</div><!--//source-->
</div><!--//item-->
</div><!--//col-->
</div><!--//row-->
</div><!--//container-->
</div><!--//section-reviews-->
<div id="section-pricing" class="section-pricing py-5">
<div class="container">
<div class="single-col-max mx-auto">
<h3 class="text-center mb-5">Join This Course</h3>
<div class="pricing-plan">
<div class="row">
<div class="col-12 col-lg-6 mb-4 mb-lg-0">
<div class="plan-item rounded">
<div class="plan-header">
<h4 class="plan-heading rounded-top p-3 theme-bg-primary">Free</h4>
</div><!--//plan-header-->
<div class="plan-details p-4">
<div class="plan-desc text-center mb-4">
<div class="plan-price">$0</div>
<div class="plan-price-desc">Limited Access</div>
</div>
<div class="plan-content px-3">
<div class="plan-content-intro">Join free and you'll get:</div>
<ul class="plan-content-list list-unstyled">
<li><i class="theme-check-icon fas fa-check mr-2"></i>Access to basic level videos</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>3 bonus resources</li>
</ul>
</div><!--//plan-content-->
</div><!--//plan-content-->
<div class="plan-cta text-center px-4">
<a class="btn btn-ghost btn-block" href="https://themes.3rdwavemedia.com/bootstrap-templates/product/devcourse-bootstrap-4-course-landing-page-template/" target="_blank">Join Free</a>
</div>
</div><!--//plan-item-->
</div><!--//col-->
<div class="col-12 col-lg-6 mb-4 mb-lg-0">
<div class="plan-item rounded">
<div class="plan-header">
<h4 class="plan-heading rounded-top p-3 theme-bg-primary">Premium</h4>
</div><!--//plan-header-->
<div class="plan-details p-4">
<div class="plan-desc text-center mb-4">
<div class="plan-price">$99</div>
<div class="plan-price-desc">Unlimited Access</div>
</div>
<div class="plan-content px-3">
<div class="plan-content-intro">Join free and you'll get:</div>
<ul class="plan-content-list list-unstyled">
<li><i class="theme-check-icon fas fa-check mr-2"></i>Access to all 80+ videos</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Access to all 40+ resources</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Access to projects source code</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Exclusive support forum</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Free updates</li>
<li><i class="theme-check-icon fas fa-check mr-2"></i>Digital certificate</li>
</ul>
</div><!--//plan-content-->
</div><!--//plan-content-->
<div class="plan-cta text-center px-4">
<a class="btn btn-primary btn-block" href="https://themes.3rdwavemedia.com/bootstrap-templates/product/devcourse-bootstrap-4-course-landing-page-template/" target="_blank">Enrol Now</a>
</div>
</div><!--//plan-item-->
</div><!--//col-->
</div><!--//row-->
</div><!--//pricing-plan-->
</div>
</div><!--//container-->
</div><!--//section-pricing-->
<div id="section-faq" class="section-faq my-lg-5">
<div class="container">
<div class="container-inner p-5 theme-bg-light rounded">
<div class="row">
<div class="col-12 col-lg-3">
<h3 class="section-title text-left mb-4">FAQ</h3>
<div class="intro mb-5 pr-lg-3">Can't find the answer you're looking for? Feel free to <a class="theme-link" href="#">get in touch</a>.</div>
</div>
<div class="col-12 col-lg-9">
<div class="faq-items pl-lg-3">
<div class="item">
<h4 class="faq-q mb-2"><i class="far fa-question-circle mr-2 text-primary"></i>What lorem ipsum dolor sit amet?</h4>
<div class="faq-a">
<p>Sed venenatis porta ante, nec accumsan leo suscipit ac. Praesent ultricies tortor nisi, eu convallis ex lacinia ac. Praesent vel risus eu ligula ullamcorper condimentum eu ac leo. Praesent leo odio <a href="#">link example</a> interdum vitae mi vitae, maximus porta lectus. Maecenas venenatis, felis quis rutrum luctus, tortor turpis maximus lacus, at scelerisque nisl metus nec augue. </p>
</div>
</div><!--//item-->
<div class="item">
<h4 class="faq-q mb-2"><i class="far fa-question-circle mr-2 text-primary"></i>How to lorem ipsum dolor sit amet?</h4>
<div class="faq-a">
<p>Donec tincidunt porttitor dictum. Cras laoreet ipsum vitae massa suscipit, at pretium justo molestie. Duis gravida vitae dui vel posuere. Maecenas pharetra, odio nec interdum efficitur, eros magna bibendum tortor, at pellentesque nunc quam eu diam. </p>
</div>
</div><!--//item-->
<div class="item">
<h4 class="faq-q mb-2"><i class="far fa-question-circle mr-2 text-primary"></i>Does lorem ipsum dolor sit amet?</h4>
<div class="faq-a">
<p>Maecenas felis mauris, pharetra at congue sed, semper et orci. Suspendisse maximus viverra tellus vel dictum. Cras lacinia lectus magna, facilisis congue lacus tristique non. </p>
</div>
</div><!--//item-->
<div class="item">
<h4 class="faq-q mb-2"><i class="far fa-question-circle mr-2 text-primary"></i>When do you lorem ipsum dolor sit amet?</h4>
<div class="faq-a">
<p>Suspendisse gravida gravida orci ut egestas. In in libero faucibus tortor blandit iaculis a fermentum lectus. Proin dictum lacus id fringilla interdum. </p>
</div>
</div><!--//item-->
<div class="item">
<h4 class="faq-q mb-2"><i class="far fa-question-circle mr-2 text-primary"></i>Can I lorem ipsum dolor sit amet?</h4>
<div class="faq-a">
<p>Nam feugiat quam nec ex consectetur volutpat. Phasellus urna diam, finibus non enim id, placerat facilisis orci. Maecenas tristique orci sit amet sem suscipit, vitae auctor lectus pellentesque. </p>
</div>
</div><!--//item-->
<div class="item">
<h4 class="faq-q mb-2"><i class="far fa-question-circle mr-2 text-primary"></i>Does lorem ipsum dolor sit amet?</h4>
<div class="faq-a">
<p>Nam feugiat quam nec ex consectetur volutpat. Phasellus urna diam, finibus non enim id, placerat facilisis orci. Maecenas tristique orci sit amet sem suscipit, vitae auctor lectus pellentesque. </p>
</div>
</div><!--//item-->
</div><!--//faq-items-->
</div>
</div><!--//row-->
</div><!--//container-inner-->
</div><!--//container-->
</div><!--//section-faq-->
<div id="section-more" class="section section-related py-5">
<div class="container">
<h3 class="section-title mb-5">More Courses You May Like</h3>
<div class="related-items row">
<div class="col-12 col-lg-4 mb-4 mb-lg-0">
<div class="item">
<div class="item-thumb">
<img class="img-fluid rounded-top" src="assets/images/course-1.jpg" alt="">
</div><!--//thumb-holder-->
<div class="item-desc p-4 rounded-bottom">
<h4 class="title mb-3"><a href="#">Course Title Lorem Ipsum</a></h4>
<div class="summary mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac aliquet felis. Suspendisse dignissim neque nibh, vitae vulputate elit luctus accumsan. </div>
<div class="text-center">
<a class="btn btn-ghost btn-block" href="#">Find out more</a>
</div>
</div><!--//desc-->
</div><!--//item-->
</div><!--//col-->
<div class="col-12 col-lg-4 mb-4 mb-lg-0">
<div class="item">
<div class="item-thumb">
<img class="img-fluid rounded-top" src="assets/images/course-2.jpg" alt="">
</div><!--//thumb-holder-->
<div class="item-desc p-4 rounded-bottom">
<h4 class="title mb-3"><a href="#">Course Title Lorem Ipsum</a></h4>
<div class="summary mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac aliquet felis. Suspendisse dignissim neque nibh, vitae vulputate elit luctus accumsan. </div>
<div class="text-center">
<a class="btn btn-ghost btn-block" href="#">Find out more</a>
</div>
</div><!--//desc-->
</div><!--//item-->
</div><!--//col-->
<div class="col-12 col-lg-4">
<div class="item">
<div class="item-thumb">
<img class="img-fluid rounded-top" src="assets/images/course-3.jpg" alt="">
</div><!--//thumb-holder-->
<div class="item-desc p-4 rounded-bottom">
<h4 class="title mb-3"><a href="#">Course Title Lorem Ipsum</a></h4>
<div class="summary mb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac aliquet felis. Suspendisse dignissim neque nibh, vitae vulputate elit luctus accumsan. </div>
<div class="text-center">
<a class="btn btn-ghost btn-block" href="#">Find out more</a>
</div>
</div><!--//desc-->
</div><!--//item-->
</div><!--//col-->
</div><!--//row-->
</div><!--//container-->
</div><!--//section-8-->
<div class="section section-contact text-center">
<div class="container">
<div class="container-inner p-5 position-relative theme-bg-primary rounded text-white">
<div class="section-bg-container"></div>
<div class="section-col-max mx-auto">
<h3 class="section-title mb-4 text-white">Get In Touch</h3>
<div class="profile-holder mb-3"><img class="profile-image" src="assets/images/tutor-sm.jpg" alt="image"></div>
<p class="intro">Want to hire me for your staff training or speaking at your conference? <br>You can email me at <a href="#">hello@yourwebsite.com</a></p>
<h5 class="intro text-white">Know someone who may find the course useful?</h5>
<div>Please help me spread the word! :)</div>
<div class="text-center mt-4">
<ul class="social-list list-unstyled mx-auto mb-0">
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-linkedin-in fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fas fa-envelope fa-fw"></i></a></li>
</ul><!--//social-list-->
</div>
</div><!--//section-col-max-->
</div><!--//container-inner-->
</div><!--//container-->
</div><!--//section-->
</div><!--//sections-block-->
</div><!--//section-wrapper-->
<footer class="footer pb-5 text-center">
<div class="container">
<div class="copyright mb-2">
<!--/* This template is free as long as you keep the footer attribution link. If you'd like to use the template without the attribution link, you can buy the commercial license via our website: themes.3rdwavemedia.com Thank you for your support. :) */-->
Designed with <i class="fas fa-heart" style="color: #fb866a;"></i> by <a class="theme-link" href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers
</div>
<div class="legal mb-0">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="#">Privacy</a></li>
<li class="list-inline-item theme-text-light">|</li>
<li class="list-inline-item"><a href="#">Terms of Services</a></li>
</ul>
</div>
</div><!--//container-->
</footer><!--//footer-->
<!-- Video Modal -->
<div class="modal modal-video" id="modal-video" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-body">
<div class="video-container embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/8TnBZ8rom9c" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div><!--//video-container-->
</div><!--//modal-body-->
</div><!--//modal-content-->
</div><!--//modal-dialog-->
</div><!--//modal-->
<!-- *****CONFIGURE STYLE (REMOVE ON YOUR PRODUCTION SITE)****** -->
<div id="config-panel" class="config-panel d-none d-lg-block">
<div class="panel-inner">
<a id="config-trigger" class="config-trigger config-panel-hide text-center" href="#"><i class="fas fa-cog mx-auto" data-fa-transform="down-6" ></i></a>
<h5 class="panel-title">Choose Colour</h5>
<ul id="color-options" class="list-inline mb-0">
<li class="theme-1 active list-inline-item"><a data-style="assets/css/theme-1.css" href="#"></a></li>
<li class="theme-2 list-inline-item"><a data-style="assets/css/theme-2.css" href="#"></a></li>
<li class="theme-3 list-inline-item"><a data-style="assets/css/theme-3.css" href="#"></a></li>
<li class="theme-4 list-inline-item"><a data-style="assets/css/theme-4.css" href="#"></a></li>
<li class="theme-5 list-inline-item"><a data-style="assets/css/theme-5.css" href="#"></a></li>
<li class="theme-6 list-inline-item"><a data-style="assets/css/theme-6.css" href="#"></a></li>
<li class="theme-7 list-inline-item"><a data-style="assets/css/theme-7.css" href="#"></a></li>
<li class="theme-8 list-inline-item"><a data-style="assets/css/theme-8.css" href="#"></a></li>
<li class="theme-9 list-inline-item"><a data-style="assets/css/theme-9.css" href="#"></a></li>
<li class="theme-10 list-inline-item"><a data-style="assets/css/theme-10.css" href="#"></a></li>
</ul>
<a id="config-close" class="close" href="#"><i class="fa fa-times-circle"></i></a>
</div><!--//panel-inner-->
</div><!--//configure-panel-->
<!-- Javascript -->
<script src="assets/plugins/jquery-3.4.1.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/back-to-top.js"></script>
<script src="assets/plugins/jquery.scrollTo.min.js"></script>
<script src="assets/js/main.js"></script>
<!-- Style Switcher (REMOVE ON YOUR PRODUCTION SITE) -->
<script src="assets/js/demo/style-switcher.js"></script>
</body>
</html>