Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
469 lines (349 sloc) 24.3 KB
<!DOCTYPE html>
<html>
<head>
<!-- Site made with Mobirise Website Builder v3.12.1, https://mobirise.com -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Mobirise v3.12.1, mobirise.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
<meta name="description" content="">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&amp;subset=latin">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="assets/bootstrap-material-design-font/css/material.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/dropdown/css/style.css">
<link rel="stylesheet" href="assets/animate.css/animate.min.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 id="menu-1">
<nav class="navbar navbar-dropdown navbar-fixed-top">
<div class="container">
<div class="mbr-table">
<div class="mbr-table-cell">
<div class="navbar-brand">
<a class="navbar-caption text-black" href="https://mobirise.com">MOBIRISE</a>
</div>
</div>
<div class="mbr-table-cell">
<button class="navbar-toggler pull-xs-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
<div class="hamburger-icon"></div>
</button>
<ul class="nav-dropdown collapse pull-xs-right nav navbar-nav navbar-toggleable-sm" id="exCollapsingNavbar"><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle" href="https://mobirise.com/" data-toggle="dropdown-submenu" aria-expanded="false">DEMOS</a><div class="dropdown-menu"><a class="dropdown-item" href="cv-demo/index.html">Resume Template</a><a class="dropdown-item" href="app-showcase-demo/index.html">Mobile App Template</a><a class="dropdown-item" href="coming-soon-demo/index.html">Coming Soon Template</a><a class="dropdown-item" href="photo-portfolio/index.html">Photo Portfolio Template</a></div></li><li class="nav-item dropdown"><a class="nav-link link dropdown-toggle" href="https://mobirise.com/" aria-expanded="false" data-toggle="dropdown-submenu"><span style="font-weight: normal;">BLOCKS</span></a><div class="dropdown-menu"><a class="dropdown-item" href="blocks.html#header3-13">INTRO BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-18">CAROUSEL BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-1b">GALLERY BLOCK</a><a class="dropdown-item" href="blocks.html#msg-box8-1f">FEATURES BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-1k">MEDIA BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-1n">ARTICLE BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-1x">INFO BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-22">TESTIMONIAL BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-26" aria-expanded="false">SOCIAL BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-2b">PRICING TABLES</a><a class="dropdown-item" href="blocks.html#msg-box8-2e">FORM BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-2g">MAP BLOCKS</a><a class="dropdown-item" href="blocks.html#msg-box8-2f">FOOTERS</a></div></li><li class="nav-item nav-btn"><a class="nav-link btn btn-black-outline btn-black" href="mobirise-3-bootstrap-template.zip">DOWNLOAD</a></li></ul>
<button hidden="" class="navbar-toggler navbar-close" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
<div class="close-icon"></div>
</button>
</div>
</div>
</div>
</nav>
</section>
<section class="engine"><a rel="external" href="https://mobirise.com">mobirise.com</a></section><section class="mbr-section mbr-section-hero mbr-section-full mbr-parallax-background mbr-section-with-arrow mbr-after-navbar" id="header1-36" style="background-image: url(assets/images/mbr-1.jpg);">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(255, 255, 255);"></div>
<div class="mbr-table-cell">
<div class="container">
<div class="row">
<div class="mbr-section col-md-10 col-md-offset-1 text-xs-center">
<h1 class="mbr-section-title display-1">FREE BOOTSTRAP TEMPLATE</h1>
<p class="mbr-section-lead lead">Mobirise 3 is a free bootstrap template.</p>
<div class="mbr-section-btn"><a class="btn btn-lg btn-secondary" href="mobirise-3-bootstrap-template.zip">FREE DOWNLOAD</a> <a class="btn btn-lg btn-secondary-outline btn-secondary" href="home.html#features3-37">VIEW DEMOS</a></div>
</div>
</div>
</div>
</div>
<div class="mbr-arrow mbr-arrow-floating" aria-hidden="true"><a href="#header3-3z"><i class="mbr-arrow-icon"></i></a></div>
</section>
<section class="mbr-section mbr-section__container article" id="header3-3z" style="background-color: rgb(255, 255, 255); padding-top: 60px; padding-bottom: 0px;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h3 class="mbr-section-title display-2">FOUR SPLENDID PRE-MADE SITES</h3>
</div>
</div>
</div>
</section>
<section class="mbr-cards mbr-section mbr-section-nopadding" id="features3-37" style="background-color: rgb(255, 255, 255);">
<div class="mbr-cards-row row">
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="cv-demo/index.html"><img src="assets/images/cv-demo.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="cv-demo/index.html" class="text-black">Resume Template</a></h4>
<p class="card-text"><span style="font-size: 1rem; line-height: 1.5;">This theme is perfect for those who want to place information about their professional skills online: education, experience, awards and works. Modern, clean, but yet flexible design based on Bootstrap.&nbsp;</span><br></p>
<div class="card-btn"><a href="cv-demo/index.html" class="btn btn-secondary">VIEW DEMO</a></div>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="app-showcase-demo/index.html"><img src="assets/images/app-demo.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="app-showcase-demo/index.html" class="text-black">Mobile App Template</a></h4>
<p class="card-text">This is a one-page Bootstrap template for mobile app promotion. The template is fully editable to place testimonials, pricing tables, features description, and intro blocks with a parallax background.</p>
<div class="card-btn"><a href="app-showcase-demo/index.html" class="btn btn-secondary">VIEW DEMO</a></div>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="coming-soon-demo/index.html"><img src="assets/images/coming-soon-demo.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="coming-soon-demo/index.html" class="text-black">Coming Soon Template</a></h4>
<p class="card-text">This is a neat and laconic "coming soon" one-page template. A full-screen intro element includes a counter, an animated text element and a subscribe form.</p>
<div class="card-btn"><a href="coming-soon-demo/index.html" class="btn btn-secondary">VIEW DEMO</a></div>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="photo-portfolio/index.html"><img src="assets/images/photographer-demo.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="photo-portfolio/index.html" class="text-black">Photo Portfolio Template</a></h4>
<p class="card-text">This portfolio demo template includes several pages: a masonry gallery, full-screen parallax images, and a project description. It looks awesome and also functional.</p>
<div class="card-btn"><a href="photo-portfolio/index.html" class="btn btn-secondary">VIEW DEMO</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section mbr-section__container article" id="header3-3v" style="background-color: rgb(239, 239, 239); padding-top: 60px; padding-bottom: 40px;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h3 class="mbr-section-title display-2">TEMPLATE BLOCKS</h3>
</div>
</div>
</div>
</section>
<section class="mbr-cards mbr-section mbr-section-nopadding" id="features3-3s" style="background-color: rgb(239, 239, 239);">
<div class="mbr-cards-row row">
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html"><img src="assets/images/menu-blocks.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html" class="text-black">Menu blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#header3-13"><img src="assets/images/intro-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#header3-13" class="text-black">Intro Blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-18"><img src="assets/images/slider-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-18" class="text-black">Slider Blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-1b"><img src="assets/images/gallery-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-1b" class="text-black">Gallery Blocks</a></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-cards mbr-section mbr-section-nopadding" id="features3-3t" style="background-color: rgb(239, 239, 239);">
<div class="mbr-cards-row row">
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-1f"><img src="assets/images/features-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-1f" class="text-black">Features blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-1k"><img src="assets/images/media-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-1k" class="text-black">Media blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-1n"><img src="assets/images/article-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-1n" class="text-black">Article Blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-1x"><img src="assets/images/info-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-1x" class="text-black">Info blocks</a></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-cards mbr-section mbr-section-nopadding" id="features3-3w" style="background-color: rgb(239, 239, 239);">
<div class="mbr-cards-row row">
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-22"><img src="assets/images/testimonials-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-22" class="text-black">Testimonial blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-26"><img src="assets/images/social-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-26" class="text-black">Social Blocks</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-2b"><img src="assets/images/pricing-tables.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-2b" class="text-black">Pricing tables</a></h4>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 40px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-2e"><img src="assets/images/form-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<h4 class="card-title"><a href="blocks.html#msg-box8-2e" class="text-black">Form blocks</a></h4>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="features3-3y" custom-code="true"><section class="mbr-cards mbr-section mbr-section-nopadding" style="background-color: #efefef ;">
<div class="mbr-cards-row row">
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-2g"><img src="assets/images/maps-blocks-1.jpg" class="card-img-top"></a></div>
<div class="card-block">
<a class="text-black" href="blocks.html#msg-box8-2g"><h4 class="card-title mbr-editable-content">Map Blocks</h4></a>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"><a href="blocks.html#msg-box8-2f"><img src="assets/images/footer-blocks-2.jpg" class="card-img-top"></a></div>
<div class="card-block">
<a class="text-black" href="blocks.html#msg-box8-2f"><h4 class="card-title mbr-editable-content">Footers</h4></a>
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3 hideinthedark" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"></div>
<div class="card-block">
</div>
</div>
</div>
</div>
<div class="mbr-cards-col col-xs-12 col-lg-3 hideinthedark" style="padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="card cart-block">
<div class="card-img"></div>
<div class="card-block">
</div>
</div>
</div>
</div>
</div>
</section></div>
<section class="mbr-section mbr-section__container article" id="header3-42" style="background-color: rgb(239, 239, 239); padding-top: 20px; padding-bottom: 20px;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h3 class="mbr-section-title display-2">FEATURES</h3>
</div>
</div>
</div>
</section>
<section class="mbr-section article mbr-section__container" id="content1-41" style="background-color: rgb(239, 239, 239); padding-top: 20px; padding-bottom: 60px;">
<div class="container">
<div class="row">
<div class="col-xs-12 lead"><ul><li>Based on Bootstrap 4</li><li>Responsive and <a href="https://mobirise.com/mobile-friendly-website/">mobile-friendly websites</a></li><li> jQuery powered</li><li> SEO-optimized</li><li><a href="https://mobirise.com/parallax-scrolling/">Parallax background</a></li><li>Image and <a href="https://mobirise.com/video-background/">video background</a></li><li>Google fonts support</li><li>Clean code</li><li>Animation</li><li>Modern and functional site elements</li><li>Touch swipe support</li><li><a href=" https://mobirise.com/bootstrap-gallery/">Bootstrap image gallery</a> and <a href="https://mobirise.com/bootstrap-carousel/">bootstrap carousel</a></li><li><a href="https://mobiriseicons.com/">Free icon fonts</a></li><li>Bootstrap drop-down menu&nbsp;</li></ul></div>
</div>
</div>
</section>
<section class="mbr-section article mbr-parallax-background" id="msg-box3-40" style="background-image: url(assets/images/mbr.jpg); padding-top: 120px; padding-bottom: 120px;">
<div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(239, 239, 239);">
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h3 class="mbr-section-title display-2">FREE BOOTSTRAP TEMPLATE</h3>
<div class="lead"><p>Mobirise 3 template is free for everyone, you can use it for your commercial and non-profit sites.</p></div>
<div><a class="btn btn-secondary" href="mobirise-3-bootstrap-template.zip">DOWNLOAD NOW</a> </div>
</div>
</div>
</div>
</section>
<footer class="mbr-small-footer mbr-section mbr-section-nopadding" id="footer1-2p" style="background-color: rgb(0, 0, 0); padding-top: 1.75rem; padding-bottom: 1.75rem;">
<div class="container">
<p class="text-xs-center">Copyright (c) 2017 Mobirise | <a href="license.txt" class="text-white">License</a></p>
</div>
</footer>
<script src="assets/web/assets/jquery/jquery.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/touch-swipe/jquery.touch-swipe.min.js"></script>
<script src="assets/viewport-checker/jquery.viewportchecker.js"></script>
<script src="assets/jarallax/jarallax.js"></script>
<script src="assets/theme/js/script.js"></script>
<input name="animation" type="hidden">
</body>
</html>