index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ECO FIELDS ORGANICS LTD</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css"/>
    <link  rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css'/>
</head>
<body>

<header>  
   
    <div class="navbar navbar-expand-sm navbar-light bg-light">
        <a href="#" class="navbar-brand">ECO FIELDS ORGANICS LTD</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
            <span class='navbar-toggler-icon'></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a href="index.html" class="nav-link active">Home</a>
                </li>
                <li class="nav-item">
                    <a href="about.html" class="nav-link">About Us</a>
                </li>
                <li class="nav-item">
                    <a href="products.html" class="nav-link">Products</a>
                </li>
                <li class="nav-item">
                    <a href="gallery.html" class="nav-link">Gallery</a>
                </li>
                <li class="nav-item">
                    <a href="contact.html" class="nav-link">Contact Us</a>
                </li>
            </ul>
        </div>
    </div>

<!--Carousel-->
  
<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="w-100" src='img/img5.jpg'/>
      <div class="container">
        <div class="carousel-caption text-left">
        
          <p>Licensed Exporters of Organic Produce.</p>
          <p><a class="btn" id="readmore"href="about.html" role="button">Learn more</a></p>
        </div>
      </div>
    </div>
    <div class="carousel-item">
     <img class="w-100" src='img/img4.jpg'/>
      <div class="container">
        <div class="carousel-caption">
          
          <p>Choose from our numerous products</p>
          <p><a class="btn" id="readmore" href="products.html" role="button">shop</a></p>
        </div>
      </div>
    </div>
    <div class="carousel-item">
      <img class="w-100" src='img/img6.jpg'/>
      <div class="container">
        <div class="carousel-caption text-right">
          <h1>Get in touch with us for more informatiom</h1>
          <p><a class="btn"id="readmore" href="gallery.html" role="button">Browse gallery</a></p>
        </div>
      </div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

</header> 


<!--Company Description-->

<section class="company-description">
  <div class="container">
      <div class="desc mt-5">
      <p class='text-center'>  Eco Fields Organics Kenya Ltd is a duly registered and a licensed 
        Fresh Organic Produce Exporter specializing in growing, packaging and marketing 
        of Organic Certified hass avocados, exotic tropical fruits and nuts. </p>
       
      
      </div>
  </div>




	<div class="container">
		<div class="row">
			<div class="col-sm-6 offset-sm-3 mt-4 mb-4">
				<h2 class="text-center">Our Products</h2>
				<p class="text-center">Check out our range of products</p>
			</div>
		</div>

		<div class="row">
			<div class="col-md-4">
				<div class="card-box text-center">
					<div class="user-pic">
						<img src="img/passion.png" class="img-fluid" alt="User Pic">
					</div>
					<h4>Passion Fruits</h4>
					<hr>
					<p>Passion fruit is a native of southern Brazil where it grows on the edges of rain forests.The fruit may be eaten fresh, 
            but mostly the pulp is extracted and preserved by heating or cooling. The juice has a unique and intense flavour and high acidity,
             which makes it a natural concentrate</p>
					<a href="products.html" class="btn btn-success">Know More</a>
				</div>
			</div>

			<div class="col-md-4">
				<div class="card-box text-center">
					<div class="user-pic">
						<img src="img/pineapple.png" class="img-fluid" alt="User Pic">
					</div>
					<h4>Pineapple</h4>
				
					<hr>
					<p>Pineapple is native to South America.Pineapple is grown for its fruit that is eaten fresh, as dessert, in salads; processed
             into juice, jam, dried fruits and preserves; 
            cooked in pies, cakes, puddings; or used in sauces.   </p>
					<hr>
					<a href="products.html" class="btn btn-success">Know More</a>
				</div>
			</div>

			<div class="col-md-4">
				<div class="card-box text-center">
					<div class="user-pic">
						<img src="img/avocado.png" class="img-fluid" alt="User Pic">
					</div>
					<h4>Hass Avocado</h4>
					<hr>
					<p>Hass avocados have a pebbly skin that ripens from green to deep purple or nearly black.
             Although the skin is thick, it is relatively easy to peel. 
            The flesh is soft, creamy, with good oil content. The flavor is rich and nutty with a slightly sweet finish. </p>
					<hr>
					<a href="products.html" class="btn btn-success">Know More</a>
				</div>
			</div>
		</div>
	</div>
   
  </section>

  <!--Get more products-->

  <div class="row justify-content-center">
  <a href="" class="mb-4" id="readmore">View More</a>
</div>
<!--Products-->
<section class="products">
<div class="home-products-section">
 <h2>Why Us ?</h2>
</div>

</section>


<!--Not sure yet-->
<!--Company Description-->
<section class="company-description">
  
    <div class="container">
     <div class="row">
       <div class="col-md-4 col-sm-12 company-description-1 description mt-5">
        <i class="fas fa-door-open fa-2x center circle-icon"></i>
        <h4 class="company-desc">Licensed and duly Registered Fresh Produce Exporter</h4>
        Eco Fields Organics Kenya Ltd is a duly registered and a licensed 
          Fresh Produce Exporter specializing in growing, packaging and marketing 
          of Organic Certified hass avocados, exotic tropical fruits and nuts. 
         
       </div>
       <div class="col-md-4 col-sm-12 company-description-2  description mt-5">
        <i class="fas fa-tablet-alt fa-2x center circle-icon"></i>
        <h4 class="company-desc">Partnership with out-grower producers</h4>
        <p class="main-company-description"> We work with contracted small holder producer groups.
        We work in close partnership with our out-grower producers and we have
         full control over the entire production value chains and traceability to ensure that we are meeting the pre-eminent quality and sustainability standards.
         <p>
      </div>
      <div class=" col-md-4  col-sm-12 company-description-3 description mt-5">
        <i class="fas fa-tags fa-2x center circle-icon"></i> 
        <h4 class="company-desc">Commitment To Fresh Produce</h4>
      <p class="main-company-description">
          Eco Fields Organics is committed to supplying the freshest product
           of the best quality possible to our customers around the world. Our unique and traceable supply chain focuses more on our customer needs.
          </p>
        </div>
    
    </div>
    <div>
  </section>
<!--Footer-->

    <!--Footer-->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-3 menu-section mt-5">
              <ul>
                <li>About Us</li>
                <li>Products</li>
                <li>Gallery</li>
                <li>Contact Us</li>
              </ul>
        </div>
    
        <div class="col-md-3">
            <h2 class="h2-medium">Mission</h2>
         <p class="footer_text">
          Maintain a solid position in the international agribusiness markets thanks to a product of excellent quality, 
          maximizing added value through an efficient human team with a sense of belonging, as well as high social and
           environmental standards.
          </p>
        </div>
        <div class="col-md-3">
          <h2 class="h2-medium">Vision</h2>
          <p class="footer_text">
              To be among the best fresh produce exporters in the world of agribusiness by products of first quality, efficient service and 
              by positive contribution to the environmental conversation and wellbeing of our out growers.
           </p>
        </div>
        <div class="col-md-3 justify-content-center">
            <a href=""id="readmore" class="">Get In Touch</a>
      </div>
    </div>
   
    </footer>
    <div class="copyright">
      <p>Copyright @Knightley Technologies 2020</p>
    </div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>  

</body>
</html>