<!doctype html>
<html lang="en">
<head>
	<!-- .site-wrap 604-->
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">      
	</head>	
	<body>

	<!-- Header -->
	<div class="homepage">
	<header>
	    <div class="navbar navbar-default" role="navigation">
	      <div class="container">
	        <div class="navbar-header">
	          <span class="navbar-brand">Sports Coach</span>
	        </div>
	        <div class="navbar-collapse collapse">
	          <ul class="nav navbar-nav navbar-right">
	            <li><a href="/"><img src="img/en.png"></a></li>
				<li><a href="fr/"><img src="img/fr.png"></a></li>
				<li><a href="de/"><img src="img/de.png"></a></li>
				<li><a href="es/"><img src="img/es.png"></a></li>
				<li><a href="it/"><img src="img/it.png"></a></li>
	          </ul>
	        </div><!--/.nav-collapse -->
	      </div>
	    </div>
	</header>
	<!-- end Header -->

	<!-- Slider and Form -->
	<section id="menu-slider" class="header">
        <div class="container">
            <div class="col-md-12 col-xs-12 col-sm-12 content_slider">
                <h1 id="fittext3" class="title-head text-center white">
                   Dolore magna aliqua
                </h1>
                
                <p class="sub-title-head text-center white">
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                   tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.tempor incididunt ut labore et dolore magna aliqua.
                </p>

            </div>
            <!-- /slider -->
        </div>
    </section>
	<!-- end Slider and Form -->
	</div>

	<!-- Features -->
	<section id="menu-features" class="features">
       <h2 id="fittext2" class="title-start">Curabitur aliquet</h2>
       <p class="sub-title">Integer quis metus vitae elit lobortis egestas.</p>  
       <div class="container column-section">
	       <div class="item-section col-md-4">
	            <div class="icon text-center"><i class="fa fa-3x fa-circle-o-notch"></i></div>
	            <h4 class="item-title text-center">Aliquam euismod</h4>
	            <p class="featured-text">Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis.</p>
	       </div>
	       <div class="item-section col-md-4">
	            <div class="icon text-center"><i class="fa fa-3x fa-life-ring"></i></div>
	            <h4 class="item-title text-center">Aliquam euismod</h4>
	            <p class="featured-text">Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis.</p>
	       </div>
	       <div class="item-section col-md-4">
	            <div class="icon text-center"><i class="fa fa-3x fa-star"></i></div>
	            <h4 class="item-title text-center">Aliquam euismod</h4>
	            <p class="featured-text">Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis.</p>
	       </div>
       </div>

	</section>
	<!-- end Features -->


	<!-- Information -->
   <section id="menu-information"  class="container information generic">
       <h2 id="fittext2" class="title-start">Aliquam convallis</h2>
       <p class="sub-title">INTEGER QUIS METUS VITAE ELIT LOBORTIS EGESTAS.</p>  
				<div class="item col-md-4">
           <div class="blok-read-sm">
             <span class="hover-image">
                <img src="img/cricket.jpg" alt="">
                <span class="layer-block">Morbi vel erat</span>
             </span>
             <div class="info-text visible-md visible-lg">
             	<span class="left-text">Faucibus</span>
	             <span class="right-text">Cras</span>
             </div>
            <div class="content-block">
              <span class="point-caption bg-blue-point"></span>
              <span class="bottom-line bg-blue-point"></span>
                <h4>Integer id felis</h4>
                <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer..</p>
            	</div>
            </div>
          </div>
            <div class="item col-md-4">
               <div class="blok-read-sm">
                 <span class="hover-image">
                    <img src="img/sports.jpg" alt="">
                    <span class="layer-block">Morbi vel erat</span>
                 </span>
                 <div class="info-text visible-md visible-lg">
	             	<span class="left-text">Faucibus</span>
	             	<span class="right-text">Cras</span>
             	</div>
                <div class="content-block">
                  <span class="point-caption bg-blue-point"></span>
                  <span class="bottom-line bg-blue-point"></span>
                    <h4>Integer id felis</h4>
                	<p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer..</p>
                	   </div>
                    </div>
                 </div>
                <div class="item col-md-4">
                   <div class="blok-read-sm">
                       <span class="hover-image">
                          <img src="img/baseball.jpg" alt="">
                          <span class="layer-block">Morbi vel erat</span>
                       </span>
                        <div class="info-text visible-md visible-lg">
			             	<span class="left-text">Faucibus</span>
	             			<span class="right-text">Cras</span>
		             	</div>
                    <div class="content-block">
                      <span class="point-caption bg-blue-point"></span>
                      <span class="bottom-line bg-blue-point"></span>
                        <h4>Integer id felis</h4>
                		<p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer..</p>
                    	</div>
                    </div>
                </div>
            </section>
	<!-- end Information -->
	<!-- Countdown -->
    <section id="menu-countdown" class="countdown generic examples examples--styled">
         <h2 id="fittext2" class="title-start white">Maecenas adipiscing ante non diam</h2>
         <p class="sub-title white">Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas.</p>
    </section>
	<!-- end Countdown -->


	<!-- Pricing Table -->
	<section id="menu-price" class="container price generic">
		<h2 id="fittext2" class="title-start">Pellentesque</h2>
        <p class="sub-title">Integer tortor tellus</p>
        <p>Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat.</p>

	</section>
	<!-- end Pricing Table -->
	<!-- Testimonials -->
	<section id="menu-testimonial" class="testimonial">
		<div class="container">
		    <h2 id="fittext2" class="title-start white">Faucibus</h2>
	        <p class="sub-title white">Integer quis metus vitae elit lobortis</p>
	        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
				    <div class="item-image">
				      <img src="img/client3.jpg" class="img-circle" width="150" height="150" alt="...">
				    </div>  
				    <div class="carousel-caption">
				    	<span class="text-center head-text">Jane Doe</span><br />
				        Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. 
				    </div>
			    </div>

			  </div>


			</div>
		</div>
	</section>
	<!-- end Testimonials -->


	<!-- Footer -->
	<section class="footer">
	    <div class="footer-section container">
	       <div class="item-footer col-sm-6 col-xs-12 col-md-3">
	             <h4 class="footer-title">Metus</h4>
	              <p class="gold" style="color: rgb(194, 194, 194)!important;">Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
	       </div>
	       <div class="item-footer col-sm-6 col-xs-12 col-md-3">
	            <h4 class="footer-title">Metus</h4>
	            <ul class="gold links-footer">
	            	<li>Aliquam</li>
                    <li>Convallis</li>
                    <li>Sollicitudin</li>
                    <li>Purus</li>
	            </ul>
	       </div>
	       <div class="item-footer col-sm-6 col-xs-12 col-md-3">
	            <h4 class="footer-title">Metus</h4>
	            <ul class="gold links-footer">
	            	<li>Aliquam</li>
                    <li>Convallis</li>
                    <li>Sollicitudin</li>
                    <li>Purus</li>
	            </ul>
	       </div>
	       <div class="item-footer col-sm-6 col-xs-12 col-md-3">
	            <h4 class="footer-title footer-tags">Metus</h4>
	            <p class="gold" style="color: rgb(194, 194, 194)!important;">Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
	       </div>
	   </div>
    </section>
    <section class="footer-bottom">
    	<p class="text-center copyright-text">Powered by : <a href="https://www.wosas.org.uk" target="_blank">wosas.org.uk</a></p>
    </section>

    </body>    
</html>