Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
678 lines (560 sloc) 30.8 KB
<!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v4.3.2, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v4.3.2, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="assets/images/logo2.png" type="image/x-icon">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<section class="menu cid-qxyOwCSYXH" once="menu" id="menu2-1" data-rv-view="74">
<nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-fixed-top navbar-toggleable-sm bg-color transparent">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="menu-logo">
<div class="navbar-brand">
<span class="navbar-caption-wrap"><a class="navbar-caption text-white display-4" href="https://mobirise.com">
MOBIRISE
</a></span>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
<a class="nav-link link text-white display-4" href="https://mobirise.com">
Services
</a>
</li>
<li class="nav-item">
<a class="nav-link link text-white display-4" href="https://mobirise.com">
About Us
</a>
</li></ul>
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-white display-4" href="tel:+1-234-567-8901">
<span class="btn-icon mbri-mobile mbr-iconfont mbr-iconfont-btn">
</span>
+1-234-567-8901
</a></div>
</div>
</nav>
</section>
<section class="engine"><a href="https://mobirise.co/d">web page software</a></section><section class="header1 cid-qxyOwk585I mbr-parallax-background" id="header1-0" data-rv-view="76">
<div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(7, 33, 81);">
</div>
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-1">EDUCATION TEMPLATE</h1>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-2">Incredible additional courses</h3>
<p class="mbr-text align-center pb-3 mbr-fonts-style display-5">
Curabitur in nisl a quam aliquet elementum nec quis est. Nunc luctus volutpat magna.
</p>
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-qxyQjKRhZ6" id="content4-3" data-rv-view="79">
<div class="container">
<div class="media-container-row">
<div class="title col-12 col-md-8">
<h2 class="align-center pb-3 mbr-fonts-style display-2"><strong>Our courses</strong></h2>
</div>
</div>
</div>
</section>
<section class="features3 cid-qxyQhLuxk5" id="features3-2" data-rv-view="81">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/66-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">Basic Poetry Course</h4>
<p class="mbr-text mbr-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br><strong>This course starts on 17 May and runs for 8 weeks.</strong><br>
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.com" class="btn btn-primary display-4">
Enroll</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/8987890-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">
Сopywriting</h4>
<p class="mbr-text mbr-fonts-style display-7">
Aenean vitae sapien non urna ullamcorper laoreet.<br><strong>This course starts on 8 September and runs for 12 weeks.</strong><br>
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.com" class="btn btn-primary display-4">
Enroll</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/9879-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">Blogging
</h4>
<p class="mbr-text mbr-fonts-style display-7">
Duis congue eros ac urna cursus, nec luctus risus elementum.<br><strong>This course starts on 17 September and runs for 4 weeks.</strong>
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.com" class="btn btn-primary display-4">
Enroll</a></div>
</div>
</div>
</div>
</div>
</section>
<section class="features3 cid-qxyQnyyrYv" id="features3-4" data-rv-view="84">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/43543-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">
Needlework</h4>
<p class="mbr-text mbr-fonts-style display-7">
Vivamus interdum pulvinar risus, nec tincidunt dolor interdum ut.<br><strong>This course starts on 8 September and runs for 12 weeks.</strong><br>
</p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.com" class="btn btn-primary display-4">
Enroll</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/545-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">Graphical drawing</h4>
<p class="mbr-text mbr-fonts-style display-7">
Interdum et malesuada fames ac ante ipsum primis in faucibus.&nbsp;<br><strong>This course starts on 17 May and runs for 8 weeks.</strong></p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.com" class="btn btn-primary display-4">
Enroll</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/098890098-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title mbr-fonts-style display-5">HTML Basics</h4>
<p class="mbr-text mbr-fonts-style display-7">
Nullam condimentum eros nisl, id rutrum orci viverra facilisis.&nbsp;<br><strong>This course starts on 1 January and runs for 8 weeks.</strong></p>
</div>
<div class="mbr-section-btn text-center"><a href="https://mobirise.com" class="btn btn-primary display-4">
Enroll</a></div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials4 cid-qxz0gNvgdF" id="testimonials4-8" data-rv-view="87">
<div class="container">
<h2 class="pb-3 mbr-fonts-style mbr-white align-center display-2"><strong>Our teachers</strong></h2>
<h3 class="mbr-section-subtitle mbr-light pb-3 mbr-fonts-style mbr-white align-center display-5">
Click any text to edit or style it. Click blue "Gear" icon in the top right corner to hide/show images, titles and change the amount items or the block and cards background.
</h3>
<div class="col-md-10 testimonials-container">
<div class="testimonials-item">
<div class="user row">
<div class="col-lg-3 col-md-4">
<div class="user_image">
<img src="assets/images/6767-960x960.jpg" alt="" title="" media-simple="true">
</div>
</div>
<div class="testimonials-caption col-lg-9 col-md-8">
<div class="user_text ">
<p class="mbr-fonts-style display-7">
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae nostrum, quos voluptas fugiat blanditiis, temporibus expedita cumque doloribus ea, officiis consequuntur repellat minus ad veritatis? Facere similique accusamus, accusantium sunt!"
</p>
</div>
<div class="user_name mbr-bold mbr-fonts-style align-left pt-3 display-7">
Jon
</div>
<div class="user_desk mbr-light mbr-fonts-style align-left pt-2 display-7">
Writer, Poerty and Copywriting courses</div>
</div>
</div>
</div><div class="testimonials-item">
<div class="user row">
<div class="col-lg-3 col-md-4">
<div class="user_image">
<img src="assets/images/22-960x960.jpg" alt="" title="" media-simple="true">
</div>
</div>
<div class="testimonials-caption col-lg-9 col-md-8">
<div class="user_text">
<p class="mbr-fonts-style display-7">
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae nostrum, quos voluptas fugiat blanditiis, temporibus expedita cumque doloribus ea, officiis consequuntur repellat minus ad veritatis? Facere similique accusamus, accusantium sunt!"
</p>
</div>
<div class="user_name mbr-bold mbr-fonts-style align-left pt-3 display-7">
Regina
</div>
<div class="user_desk mbr-light mbr-fonts-style align-left pt-2 display-7">
Blogger</div>
</div>
</div>
</div><div class="testimonials-item">
<div class="user row">
<div class="col-lg-3 col-md-4">
<div class="user_image">
<img src="assets/images/trte-960x960.jpg" alt="" title="" media-simple="true">
</div>
</div>
<div class="testimonials-caption col-lg-9 col-md-8">
<div class="user_text">
<p class="mbr-fonts-style display-7">
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae nostrum, quos voluptas fugiat blanditiis, temporibus expedita cumque doloribus ea, officiis consequuntur repellat minus ad veritatis? Facere similique accusamus, accusantium sunt!"
</p>
</div>
<div class="user_name mbr-bold mbr-fonts-style align-left pt-3 display-7">
Tom
</div>
<div class="user_desk mbr-light mbr-fonts-style align-left pt-2 display-7">
Web Designer</div>
</div>
</div>
</div><div class="testimonials-item">
<div class="user row">
<div class="col-lg-3 col-md-4">
<div class="user_image">
<img src="assets/images/3434-960x960.jpg" alt="" title="" media-simple="true">
</div>
</div>
<div class="testimonials-caption col-lg-9 col-md-8">
<div class="user_text">
<p class="mbr-fonts-style display-7">
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae nostrum, quos voluptas fugiat blanditiis, temporibus expedita cumque doloribus ea, officiis consequuntur repellat minus ad veritatis? Facere similique accusamus, accusantium sunt!"
</p>
</div>
<div class="user_name mbr-bold mbr-fonts-style align-left pt-3 display-7">
Arnold
</div>
<div class="user_desk mbr-light mbr-fonts-style align-left pt-2 display-7">
Designer, Needlework and Grapics courses</div>
</div>
</div>
</div></div>
</div>
</section>
<section class="header1 cid-qxyWY3CmNn mbr-parallax-background" id="header1-6" data-rv-view="99">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(255, 255, 255);">
</div>
<div class="container">
<div class="row justify-content-md-center">
<div class="mbr-white col-md-10">
<h1 class="mbr-section-title align-center mbr-bold pb-3 mbr-fonts-style display-2">
Get a discount now</h1>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-5">
Beautiful mobile websites
</h3>
<p class="mbr-text align-center pb-3 mbr-fonts-style display-5">
Full width intro with adjustable height, background image and a color overlay. Click any text to edit or style it.
</p>
<div class="mbr-section-btn align-center"><a class="btn btn-md btn-primary display-4" href="https://mobirise.com"><span class="mbri-tablet-vertical mbr-iconfont mbr-iconfont-btn"></span>
+1-234-567-8901</a></div>
</div>
</div>
</div>
</section>
<section class="features12 cid-qxyWAdFTd6" id="features12-5" data-rv-view="102">
<div class="container">
<h2 class="mbr-section-title pb-2 mbr-fonts-style display-2"><strong>Distance education</strong></h2>
<h3 class="mbr-section-subtitle pb-3 mbr-fonts-style display-5">
Click any text or icon to edit or style it. Use the block parameters to hide/show text or icons and change media size.
</h3>
<div class="media-container-row pt-5">
<div class="block-content align-right">
<div class="card pl-3 pr-3 pb-5">
<div class="mbr-card-img-title">
<div class="mbr-crt-title">
<h4 class="card-title py-2 mbr-crt-title mbr-fonts-style display-5">
Host Anywhere
</h4>
</div>
</div>
<div class="card-box">
<p class="mbr-text mbr-section-text mbr-fonts-style display-7">
Publish your website to a local drive, FTP or host on Amazon S3, Google Cloud, Github Pages. Don't be a hostage to just one platform or service provider.
</p>
</div>
</div>
<div class="card pl-3 pr-3 pb-5">
<div class="mbr-card-img-title">
<div class="mbr-crt-title">
<h4 class="card-title py-2 mbr-crt-title mbr-fonts-style display-5">
Easy and Simple to Use
</h4>
</div>
</div>
<div class="card-box">
<p class="mbr-text mbr-section-text mbr-fonts-style display-7">
Just drop the blocks into the page, edit content inline and publish - no technical skills required.
</p>
</div>
</div>
</div>
<div class="mbr-figure" style="width: 50%;">
<img src="assets/images/3435-1000x800.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="block-content align-left ">
<div class="card pl-3 pr-3 pb-5">
<div class="mbr-card-img-title">
<div class="mbr-crt-title">
<h4 class="card-title py-2 mbr-crt-title mbr-fonts-style display-5">
Over 400 Amazing Blocks
</h4>
</div>
</div>
<div class="card-box">
<p class="mbr-text mbr-section-text mbr-fonts-style display-7">
Mobirise offers several themes that include sliders, galleries, article blocks, counters, accordions, video and many more.
</p>
</div>
</div>
<div class="card pl-3 pr-3 pb-5">
<div class="mbr-card-img-title">
<div class="mbr-crt-title">
<h4 class="card-title py-2 mbr-crt-title mbr-fonts-style display-5">
Unlimited Sites
</h4>
</div>
</div>
<div class="card-box">
<p class="mbr-text mbr-section-text mbr-fonts-style display-7">
Mobirise gives you the freedom to develop as many websites as you like given the fact that it is a desktop app.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="header3 cid-qxET4xhTQD" id="header3-e" data-rv-view="105">
<div class="container">
<div class="media-container-row">
<div class="mbr-figure" style="width: 100%;">
<img src="assets/images/mbr-1408x1080.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="media-content">
<h1 class="mbr-section-title mbr-white pb-3 mbr-fonts-style display-2"><strong>
Get a certificate</strong></h1>
<div class="mbr-section-text mbr-white pb-3 ">
<p class="mbr-text mbr-fonts-style display-5">
Full width intro with image background, color overlay and a picture on the left. You can easily change the size of image in block parameters.
</p>
</div>
<div class="mbr-section-btn"><a class="btn btn-md btn-primary display-4" href="https://mobirise.com">LEARN MORE</a></div>
</div>
</div>
</div>
</section>
<section class="mbr-section form1 cid-qxz1h4KTgM" id="form1-9" data-rv-view="108">
<div class="container">
<div class="row justify-content-center">
<div class="title col-12 col-lg-8">
<h2 class="mbr-section-title align-center pb-3 mbr-fonts-style display-2"><strong>Contact Us</strong></h2>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="media-container-column col-lg-8" data-form-type="formoid">
<div data-form-alert="" hidden="">
Thanks for filling out the form!
</div>
<form class="mbr-form" action="https://mobirise.com/" method="post" data-form-title="Mobirise Form"><input type="hidden" data-form-email="true" value="SM3u4rKLkOZ9W+5iXe9pcC3SaOu+88pSpDTrEfc8XT1MeN8jMv8WImd386OD70aJRZRX97g3C2sfGpy6OQ8Tw950f0oib4WvSUPB8crH1WLyedWbzygCLm5+/RC8xm1v">
<div class="row row-sm-offset">
<div class="col-md-4 multi-horizontal" data-for="name">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="name-form1-9">Name</label>
<input type="text" class="form-control" name="name" data-form-field="Name" required="" id="name-form1-9">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="email">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="email-form1-9">Email</label>
<input type="email" class="form-control" name="email" data-form-field="Email" required="" id="email-form1-9">
</div>
</div>
<div class="col-md-4 multi-horizontal" data-for="phone">
<div class="form-group">
<label class="form-control-label mbr-fonts-style display-7" for="phone-form1-9">Phone</label>
<input type="tel" class="form-control" name="phone" data-form-field="Phone" id="phone-form1-9">
</div>
</div>
</div>
<div class="form-group" data-for="message">
<label class="form-control-label mbr-fonts-style display-7" for="message-form1-9">Message</label>
<textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" id="message-form1-9"></textarea>
</div>
<span class="input-group-btn">
<button href="" type="submit" class="btn btn-primary btn-form display-4">SEND FORM</button>
</span>
</form>
</div>
</div>
</div>
</section>
<section class="cid-qxz61ptK8m" id="social-buttons3-c" data-rv-view="111">
<div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(255, 255, 255);">
</div>
<div class="container">
<div class="media-container-row">
<div class="col-md-8 align-center">
<h2 class="pb-3 mbr-section-title mbr-fonts-style display-2"><strong>
Share this page:</strong></h2>
<div>
<div class="mbr-social-likes">
<span class="btn btn-social socicon-bg-facebook facebook mx-2" title="Share link on Facebook">
<i class="socicon socicon-facebook"></i>
</span>
<span class="btn btn-social twitter socicon-bg-twitter mx-2" title="Share link on Twitter">
<i class="socicon socicon-twitter"></i>
</span>
<span class="btn btn-social plusone socicon-bg-googleplus mx-2" title="Share link on Google+">
<i class="socicon socicon-googleplus"></i>
</span>
<span class="btn btn-social vkontakte socicon-bg-vkontakte mx-2" title="Share link on VKontakte">
<i class="socicon socicon-vkontakte"></i>
</span>
<span class="btn btn-social odnoklassniki socicon-bg-odnoklassniki mx-2" title="Share link on Odnoklassniki">
<i class="socicon socicon-odnoklassniki"></i>
</span>
<span class="btn btn-social pinterest socicon-bg-pinterest mx-2" title="Share link on Pinterest">
<i class="socicon socicon-pinterest"></i>
</span>
<span class="btn btn-social mailru socicon-bg-mail mx-2" title="Share link on Mailru">
<i class="socicon socicon-mail"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials1 cid-qxz5aDsFVp" id="testimonials1-b" data-rv-view="114">
<div class="container">
<div class="media-container-row">
<div class="title col-12 align-center">
<h2 class="pb-3 mbr-fonts-style display-2"><strong>Student feedback</strong></h2>
<h3 class="mbr-section-subtitle mbr-light pb-3 mbr-fonts-style display-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
</div>
</div>
</div>
<div class="container pt-3 mt-2">
<div class="media-container-row">
<div class="mbr-testimonial p-3 align-center col-12 col-md-6 col-lg-4">
<div class="panel-item p-3">
<div class="card-block">
<div class="testimonial-photo">
<img src="assets/images/user1-960x960.jpg" alt="" title="" media-simple="true">
</div>
<p class="mbr-text mbr-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris libero urna, cursus ut dignissim vel, mattis non eros.
</p>
</div>
<div class="card-footer">
<div class="mbr-author-name mbr-bold mbr-fonts-style display-7">
Macie
</div>
</div>
</div>
</div>
<div class="mbr-testimonial p-3 align-center col-12 col-md-6 col-lg-4">
<div class="panel-item p-3">
<div class="card-block">
<div class="testimonial-photo">
<img src="assets/images/user3-960x960.jpg" alt="" title="" media-simple="true">
</div>
<p class="mbr-text mbr-fonts-style display-7">
Etiam ac bibendum nunc. Duis lacinia aliquam odio, et dignissim ligula aliquet quis. Praesent lobortis placerat consequat.
</p>
</div>
<div class="card-footer">
<div class="mbr-author-name mbr-bold mbr-fonts-style display-7">
Malvina
</div>
</div>
</div>
</div>
<div class="mbr-testimonial p-3 align-center col-12 col-md-6 col-lg-4">
<div class="panel-item p-3">
<div class="card-block">
<div class="testimonial-photo">
<img src="assets/images/user2-960x960.jpg" alt="" title="" media-simple="true">
</div>
<p class="mbr-text mbr-fonts-style display-7">
Quisque laoreet quis leo a placerat. Aenean id pulvinar justo, id ultricies tortor. Vestibulum varius dictum egestas.
</p>
</div>
<div class="card-footer">
<div class="mbr-author-name mbr-bold mbr-fonts-style display-7">
Edwin
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section once="" class="cid-qxz2d2nfR8" id="footer6-a" data-rv-view="117">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="col-12">
<p class="mbr-text mb-0 mbr-fonts-style display-7">
© Copyright 2017 Free Bootstrap Templates - All Rights Reserved
</p>
</div>
</div>
</div>
</section>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smooth-scroll/smooth-scroll.js"></script>
<script src="assets/dropdown/js/script.min.js"></script>
<script src="assets/jarallax/jarallax.min.js"></script>
<script src="assets/social-likes/social-likes.js"></script>
<script src="assets/touch-swipe/jquery.touch-swipe.min.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
</body>
</html>