Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
556 lines (441 sloc) 25.4 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/logo4.png" type="image/x-icon">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css">
<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/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="header1 cid-qx4tN47ZFV mbr-fullscreen mbr-parallax-background" id="header1-0" data-rv-view="296">
<div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(218, 248, 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-1">Event Template</h1>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-2">City festival</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-black-outline display-4" href="index.html#form1-2">
JOIN US</a>
<a class="btn btn-md btn-black-outline display-4" href="index.html#form1-2">
CONTACT US</a></div>
</div>
</div>
</div>
</section>
<section class="engine"><a href="https://mobirise.co/m">bootstrap table</a></section><section class="features1 cid-qx4ya5iRTC" id="features1-1" data-rv-view="299">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="mbr-iconfont mbrib-hearth" style="color: rgb(35, 35, 35);" media-simple="true"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 mbr-fonts-style display-5">dfsd</h4>
<p class="mbr-text mbr-fonts-style display-7">
Mobirise is an easy website builder - just drop site elements to your page, add content and style it to look the way you like.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="mbr-iconfont mbrib-music" style="color: rgb(35, 35, 35);" media-simple="true"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 mbr-fonts-style display-5">
Festival Music</h4>
<p class="mbr-text mbr-fonts-style display-7">
All sites you make with Mobirise are mobile-friendly. You don't have to create a special mobile version of your site.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="mbr-iconfont mbrib-globe" style="color: rgb(35, 35, 35);" media-simple="true"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 mbr-fonts-style display-5">Please Share</h4>
<p class="mbr-text mbr-fonts-style display-7">
Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-qx4KnwILkN" id="content4-f" data-rv-view="302">
<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-1">
MUSIC</h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">
Shape your future web project with sharp design and refine coded functions.
</h3>
</div>
</div>
</div>
</section>
<section class="header1 cid-qx4Dkaff8Z mbr-parallax-background" id="header1-b" data-rv-view="304">
<div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(119, 0, 194);">
</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"><span style="font-weight: normal;">Steel Jam</span></h1>
<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>
</div>
</div>
</section>
<section class="features2 cid-qx4JzuRhpj" id="features2-e" data-rv-view="307">
<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/mbr-4-1620x1080.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title pb-3 mbr-fonts-style display-7">Under Cat</h4>
<p class="mbr-text mbr-fonts-style display-7">
Mobirise is an easy website builder - just drop site elements to your page, add content and style it to look the way you like.</p>
</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/mbr-5-1620x1080.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box ">
<h4 class="card-title pb-3 mbr-fonts-style display-7">Christian Dark</h4>
<p class="mbr-text mbr-fonts-style display-7">
All sites you make with Mobirise are mobile-friendly. You don't have to create a special mobile version of your site.</p>
</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/mbr-6-1620x1080.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class="card-box">
<h4 class="card-title pb-3 mbr-fonts-style display-7">Light Dilemma</h4>
<p class="mbr-text mbr-fonts-style display-7">
Mobirise offers many site blocks in several themes, and though these blocks are pre-made, they are flexible</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="clients cid-qx4ykgevUu mbr-parallax-background" id="clients-3" data-rv-view="310">
<div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(230, 230, 230);">
</div>
<div class="container mb-5">
<div class="media-container-row">
<div class="col-12 align-center">
<h2 class="mbr-section-title pb-3 mbr-fonts-style display-1">
Our partners</h2>
<h3 class="mbr-section-subtitle mbr-light mbr-fonts-style display-5">
Click any image to change it.Click blue "Gear" icon in the top right corner to change background, amount slides and amount visible items at once.
</h3>
</div>
</div>
</div>
<div class="container">
<div class="carousel slide" data-ride="carousel" role="listbox">
<div class="carousel-inner" data-visible="5">
<div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/1.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/2.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/3.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/4.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div><div class="carousel-item ">
<div class="media-container-row">
<div class="col-md-12">
<div class="wrap-img ">
<img src="assets/images/5.png" class="img-responsive clients-img" media-simple="true">
</div>
</div>
</div>
</div></div>
<div class="carousel-controls">
<a data-app-prevent-settings="" class="carousel-control carousel-control-prev" role="button" data-slide="prev">
<span aria-hidden="true" class="mbri-left mbr-iconfont"></span>
<span class="sr-only">Previous</span>
</a>
<a data-app-prevent-settings="" class="carousel-control carousel-control-next" role="button" data-slide="next">
<span aria-hidden="true" class="mbri-right mbr-iconfont"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
<section class="mbr-section content4 cid-qx4yz3IFDf" id="content4-5" data-rv-view="324">
<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-1">
Find us</h2>
<h3 class="mbr-section-subtitle align-center mbr-light mbr-fonts-style display-5">
Shape your future web project with sharp design and refine coded functions.
</h3>
</div>
</div>
</div>
</section>
<section class="map2 cid-qx4ynbA0wJ" id="map2-4" data-rv-view="326">
<div class="container">
<div class="media-container-row">
<div class="col-md-8">
<div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA0Dx_boXQiwvdz8sJHoYeZNVTdoWONYkU&amp;q=place_id:ChIJn6wOs6lZwokRLKy1iqRcoKw" allowfullscreen=""></iframe></div>
</div>
</div>
</div></section>
<section class="mbr-section info2 cid-qx57E86wAs mbr-parallax-background" id="info2-g" data-rv-view="328">
<div class="mbr-overlay" style="opacity: 0.8; background-color: rgb(37, 170, 178);">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="media-container-column col-12 col-lg-3 col-md-4">
</div>
<div class="media-container-column title col-12 col-lg-7 col-md-6">
<h2 class="align-right mbr-bold mbr-white pb-3 mbr-fonts-style display-2"><span style="font-weight: normal;">#MEGACOOLFEST2049</span></h2>
<h3 class="mbr-section-subtitle align-right mbr-light mbr-white mbr-fonts-style display-5">Use our hashtag to share and explore photos on Instagram.</h3>
</div>
</div>
</div>
</section>
<section class="features11 cid-qx4AOS2Cfa" id="features11-a" data-rv-view="331">
<div class="container">
<div class="col-md-12">
<div class="media-container-row">
<div class="mbr-figure" style="width: 50%;">
<img src="assets/images/mbr-721x1080.jpg" alt="Mobirise" title="" media-simple="true">
</div>
<div class=" align-left">
<h2 class="mbr-title pt-2 mbr-fonts-style display-1">
Festival food</h2>
<div class="mbr-section-text">
<p class="mbr-text mb-5 pt-3 mbr-light 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 or position.
</p>
</div>
<div class="block-content">
<div class="card p-3 pr-3">
<div class="media">
<div class="media-body">
<h4 class="card-title mbr-fonts-style display-7"><strong>Burger Futurist</strong></h4>
</div>
</div>
<div class="card-box">
<p class="block-text mbr-fonts-style display-7">
Mobirise offers several themes that include sliders, galleries, article blocks, counters, accordions, video, animated text, live filtered tables, shop, contact forms, lightbox, testimonials, timelines, google map, progress bars and more.
</p>
</div>
</div>
<div class="card p-3 pr-3">
<div class="media">
<div class="media-body">
<h4 class="card-title mbr-fonts-style display-7"><strong>Cacao Food</strong></h4>
</div>
</div>
<div class="card-box">
<p class="block-text mbr-fonts-style display-7">
Cut down the development time with drag-and-drop website builder. Drop the blocks into the page, edit content inline and publish - no technical skills required.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mbr-section form1 cid-qx4ygxknCL mbr-parallax-background" id="form1-2" data-rv-view="334">
<div class="mbr-overlay" style="opacity: 0.9; background-color: rgb(15, 118, 153);">
</div>
<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-1">
Contact us</h2>
<h3 class="mbr-section-subtitle align-center mbr-light pb-3 mbr-fonts-style display-5">
Easily add subscribe and contact forms without any server-side integration.
</h3>
</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="wjxBslID9XRhPXMSme9vrWi/jTBTZGnZlWnFasNiEfl0EGkkWdRN5BbX/eHencbVUKWtc+06T0TZqu8ZNK1cp5F8/zKhQKjjSN/YXcuoWAZ6jYtWPgm7QeUaT0yON9XU">
<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-2">Name</label>
<input type="text" class="form-control" name="name" data-form-field="Name" required="" id="name-form1-2">
</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-2">Email</label>
<input type="email" class="form-control" name="email" data-form-field="Email" required="" id="email-form1-2">
</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-2">Phone</label>
<input type="tel" class="form-control" name="phone" data-form-field="Phone" id="phone-form1-2">
</div>
</div>
</div>
<div class="form-group" data-for="message">
<label class="form-control-label mbr-fonts-style display-7" for="message-form1-2">Message</label>
<textarea type="text" class="form-control" name="message" rows="7" data-form-field="Message" id="message-form1-2"></textarea>
</div>
<span class="input-group-btn"><button href="" type="submit" class="btn btn-form btn-white-outline display-4">SEND FORM</button></span>
</form>
</div>
</div>
</div>
</section>
<section class="cid-qx4yK1AHfP" id="social-buttons1-7" data-rv-view="337">
<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-1">
Share this page!
</h2>
<div>
<div class="mbr-social-likes" data-counters="false">
<span class="btn btn-social facebook mx-2" title="Share link on Facebook">
<i class="socicon socicon-facebook"></i>
</span>
<span class="btn btn-social twitter mx-2" title="Share link on Twitter">
<i class="socicon socicon-twitter"></i>
</span>
<span class="btn btn-social plusone mx-2" title="Share link on Google+">
<i class="socicon socicon-googleplus"></i>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section once="" class="cid-qx4yIyBn0A" id="footer7-6" data-rv-view="340">
<div class="container">
<div class="media-container-row align-center mbr-white">
<div class="row">
<ul class="foot-menu">
<li class="foot-menu-item mbr-fonts-style display-7">
<a class="text-white mbr-bold" href="#" target="_blank">About us</a></li><li class="foot-menu-item mbr-fonts-style display-7">
<a class="text-white mbr-bold" href="#" target="_blank">Services</a>
</li><li class="foot-menu-item mbr-fonts-style display-7">
<a class="text-white mbr-bold" href="#" target="_blank">Get In Touch</a>
</li><li class="foot-menu-item mbr-fonts-style display-7">
<a class="text-white mbr-bold" href="#" target="_blank">Careers</a>
</li><li class="foot-menu-item mbr-fonts-style display-7">
<a class="text-white mbr-bold" href="#" target="_blank">Work</a>
</li></ul>
</div>
<div class="row">
<div class="social-list align-right pb-2">
<div class="soc-item">
<a href="https://twitter.com/mobirise" target="_blank">
<span class="socicon-twitter socicon mbr-iconfont mbr-iconfont-social" media-simple="true"></span>
</a>
</div><div class="soc-item">
<a href="https://www.facebook.com/pages/Mobirise/1616226671953247" target="_blank">
<span class="socicon-facebook socicon mbr-iconfont mbr-iconfont-social" media-simple="true"></span>
</a>
</div><div class="soc-item">
<a href="https://www.youtube.com/c/mobirise" target="_blank">
<span class="socicon-youtube socicon mbr-iconfont mbr-iconfont-social" media-simple="true"></span>
</a>
</div><div class="soc-item">
<a href="https://instagram.com/mobirise" target="_blank">
<span class="socicon-instagram socicon mbr-iconfont mbr-iconfont-social" media-simple="true"></span>
</a>
</div><div class="soc-item">
<a href="https://plus.google.com/u/0/+Mobirise" target="_blank">
<span class="socicon-googleplus socicon mbr-iconfont mbr-iconfont-social" media-simple="true"></span>
</a>
</div><div class="soc-item">
<a href="https://www.behance.net/Mobirise" target="_blank">
<span class="socicon-behance socicon mbr-iconfont mbr-iconfont-social" media-simple="true"></span>
</a>
</div></div>
</div>
<div class="row row-copirayt">
<p class="mbr-text mb-0 mbr-fonts-style mbr-white display-7">
© Copyright 2017 <a href="https://mobirise.com/bootstrap-template/" class="text-white">Free Bootstrap Templates</a> - 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/bootstrap-carousel-swipe/bootstrap-carousel-swipe.js"></script>
<script src="assets/social-likes/social-likes.js"></script>
<script src="assets/smooth-scroll/smooth-scroll.js"></script>
<script src="assets/jarallax/jarallax.min.js"></script>
<script src="assets/theme/js/script.js"></script>
<script src="assets/formoid/formoid.min.js"></script>
</body>
</html>