@extends('site.template.template')

@section('conteudo')

	<!-- gray bg -->	
	<section class="container tm-home-section-1" id="more">
		<div class="row">
			<!-- slider -->
			<div class="flexslider flexslider-about effect2">
			  <ul class="slides">
			    <li>
			      <img src="{{ asset('img/about-1.jpg') }}" alt="image" />
			      <div class="flex-caption texto-sobre">
			      	<h2 class="slider-title">{{$elemento->sobre_titulo}}</h2>
			      	<h3 class="slider-subtitle">{{$elemento->sobre_subtitulo}}</h3>
			      	<p class="slider-description">{{$elemento->sobre_texto}}</p>
			      </div>			      
			    </li>
			  </ul>
			</div>
		</div>  
    </section>	
    
@endsection
@section('js')
	<script type="text/javascript" src="{{ asset( 'js/jquery-1.11.2.min.js') }}"></script>      		<!-- jQuery -->
  	<script type="text/javascript" src="{{ asset( 'js/bootstrap.min.js') }}"></script>					<!-- bootstrap js -->
  	<script type="text/javascript" src="{{ asset( 'js/jquery.flexslider-min.js') }}"></script>			<!-- flexslider js -->
  	<script type="text/javascript" src="{{ asset( 'js/templatemo-script.js') }}"></script>      		<!-- Templatemo Script -->
	<script>
		$(function() {

			// https://css-tricks.com/snippets/jquery/smooth-scrolling/
		  	$('a[href*=#]:not([href=#])').click(function() {
			    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			      var target = $(this.hash);
			      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
			      if (target.length) {
			        $('html,body').animate({
			          scrollTop: target.offset().top
			        }, 1000);
			        return false;
			      }
			    }
		  	});		  	
		});
		$(window).load(function(){
			// Flexsliders
		  	$('.flexslider.flexslider-banner').flexslider({
			    controlNav: false
		    });
		  	$('.flexslider').flexslider({
		    	animation: "fade",
		    	directionNav: false,
		    	slideshow: false
		  	});
		});
    </script>
@endsection