Home main view your site


The home section includes main navigation and responsive carousel slider. All information about settings a navigation you find here. To bring some fresh your website we created fancy SVG background (fully responsive background). If you want to change background color you check the file custom.less and edit @bgColor. More information about changing styles find here. To insert information to carousel slider you need to change lines in markup presented below the text. Remember to use our pre-defined classes and markupsnippets in order to obtain the best possible look

Your slides

<div class="home-carousel-wrapper">
  <div id="home-carousel" class="owl-carousel owl-theme">
	<div class="item">
	  <div class="container">
		<div class="row">
		  <div class="col-md-7 col-sm-8 slide-content">
			<header class="yo-anim yo-anim-fade" data-animation-delay="200">
			  <h2>We build awesome App!</h2>
			</header>
			<div class="slide-text clearfix">
			  <p class="yo-anim yo-anim-fade" data-animation-delay="400">Pellentesque facilisis ante gravida felis iaculis, ut accumsan tellus bibendum. Phasellus consectetur sapien et massa auctor, non molestie dolor congue. Cras ligula orci, scelerisque faucibus ante ac, dapibus cursus nibh.</p> 
			  <div class="app-buttons yo-anim yo-anim-fade" data-animation-delay="1200">
				<a href="#">
				  <figure class="icon-app">
					<img src="img/app-btn1.png"/>
					<img src="img/app-btn1dark.png" class="dark-img hidden-xs"/>
				  </figure>
				  <span class="btn-text">App store</span>
				</a>
				<a href="#">
				  <figure>
					<img src="img/app-btn2.png"/>
					<img src="img/app-btn2dark.png" class="dark-img hidden-xs"/>
				  </figure>
				  <span>Google Play</span>
				</a>
			  </div>
			</div>
		  </div>
		...

Images into the slider

...
<div class="col-md-5 col-sm-4">
  <figure class="hidden-xs yo-anim yo-anim-fade" data-animation-delay="800"><img src="img/phone1.png" alt=""></figure>
</div>
...