/home/wwspor/public_html/desarrollos
<style type="text/css">
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
	margin-top:16px;
}

.features-box {
    text-align: center;
    background: transparent;
    padding-top: 40px;
    padding-bottom: 20px;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.features-box .icon {
    position: relative;
    text-align: center;
    display: inline-block;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.icon {
    background-color: white;
}

.icon {
    border-width: 0;
    border-color: ;
    border-style: solid;
    border-radius: 50%;
    padding: 5px;
    width: 60px;
    height: 60px;
}
</style>

<link rel="stylesheet" href="css/animsition.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<link rel="stylesheet" href="css/flag-icon.css">
	<link rel="stylesheet" href="css/bx.css">
	<link rel="stylesheet" href="css/gtl.css">

<!--<img src="images/fondo.png" class="img-fluid">-->



<section id="welcome">
	
<ul class="slider">

	<li>
		 <a href="#" target="_self">
			<img src="https://assets-cdn.static-gm.com/Assets/cf8fe345-bea6-492e-a6f8-c0e8af1a0e48/fe95f1a4-6b3a-4320-8248-0d5ce86c9707/v-1610066182/Mobile.jpg" />
		</a>
	</li>

	<li>
		 <a href="#" target="_self">
			<img src="https://assets-cdn.static-gm.com/Assets/cf8fe345-bea6-492e-a6f8-c0e8af1a0e48/fe95f1a4-6b3a-4320-8248-0d5ce86c9707/v-1610066182/Mobile.jpg" />
		</a>
	</li>


	<li>
		 <a href="#" target="_self">
			<img src="https://assets-cdn.static-gm.com/Assets/cf8fe345-bea6-492e-a6f8-c0e8af1a0e48/fe95f1a4-6b3a-4320-8248-0d5ce86c9707/v-1610066182/Mobile.jpg" />
		</a>
	</li>
    
</ul>
</section>


<section style="background-color: #255943;padding: 20px;min-height: 100px;color: white;text-transform: uppercase;margin: 0;border: 0;vertical-align: baseline;border-top: 2px solid #92c73d;/*background-image: url(images/grass_back.jpg);*/">
  <div class="container">

  	<div class="row">
  		<div class="col-12">
				<h2 class="section-heading" style="color:white!important;">
					Beneficios del Pasto Sintético				</h2>
				
			</div>
			<hr class="primary">
  	</div>

    <div class="row slideanim slide">
      	  
      	  <div class="col-sm-3 features-box">
              <div class="icon">
                <i class="fa fa-pagelines fa-3x" style="color: #255943;"></i>
              </div>
                <p style="padding-top: 10px;font-weight: bold;">Aspecto natural</p>
           </div>

           <div class="col-sm-3 features-box">
              <div class="icon">
                <i class="fa fa-wrench fa-3x" style="color: #255943;"></i>
              </div>
                <p style="padding-top: 10px;font-weight: bold;">Sin Mantenciones</p>
           </div>

           <div class="col-sm-3 features-box">
              <div class="icon">
                <i class="fa fa-recycle fa-3x" style="color: #255943;"></i>
              </div>
                <p style="padding-top: 10px;font-weight: bold;">Ahorro de Agua</p>
           </div>

           <div class="col-sm-3 features-box">
              <div class="icon">
                <i class="fa fa-globe fa-3x" style="color: #255943;"></i>
              </div>
                <p style="padding-top: 10px;font-weight: bold;">Cuida el planeta</p>
           </div>

          
           
    </div>
    
  </div>
</section>


<section id="gallery" style="padding-bottom: 40px;">
			<div class="container-fluid">
				<div class="row">
					<div class="col-12">
						<h2 class="section-heading">
							NUESTROS PROYECTOS						</h2>
						<hr class="primary">
					</div>
				</div>
				<div class="row">
					<div class="video-carousel owl-carousel owl-theme col">

							
						
							<div class="item-video" data-merge="3">
								<a class="owl-video" href="https://youtube.com/watch?v=iZCDqrBx6G4"></a>
							</div>

							<div class="item-video" data-merge="3">
								<a class="owl-video" href="https://youtube.com/watch?v=SJCuUpbPeqA"></a>
							</div>
					</div>
				</div>
			</div>
		</section>

<!--
<section id="ranking" style="background-image: url(images/grass_back_black.png);">
	<div class="container">
		<div class="row">

			<div class="col-sm-12 contact">
                <h3>Contáctanos</h3>
                
               	<h3 class="text-center;">¿Tienes un Proyecto para tu Jardin?</h3>
			  		<p>Nosotros te los construímos</p>
		  		
                
            </div>			

		</div>
	</div>
</section>
-->



</main>


<script src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/animsition.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/downCount.js"></script>
<script src="js/bx.js"></script>
<script src="js/gtl.js"></script>

<script type="text/javascript">
$(document).ready(function(){


$('.video-carousel').owlCarousel({
			items:1,
			merge:true,
			loop:true,
			margin:10,
			video:true,
			lazyLoad:false,
			center:true,
			autoplay: true,
			nav: true,
			responsive:{
				480:{
					items:2
				},
				600:{
					items:4
				}
			}
		});


$('.dropdown-submenu > a').on("click", function(e) {
    var submenu = $(this);
    $('.dropdown-submenu .dropdown-menu').removeClass('show');
    submenu.next('.dropdown-menu').addClass('show');
    e.stopPropagation();
});

$('.dropdown').on("hidden.bs.dropdown", function() {
    // hide any open menus when parent closes
    $('.dropdown-menu.show').removeClass('show');
});

});
</script>

</body>
</html>


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=56995037140&text=Hola" class="float" target="_blank">
<i class="fa fa-whatsapp my-float" style="color: white;"></i>
</a>