<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/favicon.png">
    <title>Welcome at Fayyaz Group</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/animate.css">
	<link href="css/prettyPhoto.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet" />

  </head>
  <body>
	<header>
		<?php require_once 'inc/nav.php';?>
	</header>

	<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <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>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
    <li data-target="#myCarousel" data-slide-to="5"></li>
      <li data-target="#myCarousel" data-slide-to="6"></li>
    <!--<li data-target="#myCarousel" data-slide-to="3"></li>-->
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="images/slider/slide6.jpg" alt="" style="width: 100%;">
    </div>
    <div class="item">
      <img src="images/slider/slide7.jpg" alt="" style="width: 100%;">
    </div>
      <div class="item">
          <img src="images/slider/slide8.jpg" alt="" style="width: 100%;">
      </div>
    <div class="item">
      <img src="images/slider/slide1.jpg" alt="" style="width: 100%;">
    </div>
    <div class="item">
      <img src="images/slider/slide2.jpg" alt="" style="width: 100%;">
    </div>
    <div class="item">
      <img src="images/slider/slide4.jpg" alt="" style="width: 100%;">
    </div>
    <div class="item">
      <img src="images/slider/slide5.jpg" alt="" style="width: 100%;">
    </div>



    </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
	<div class="about">
		<div class="container">
			<div class="col-md-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms" >
				<h2>About Us</h2>
				<img src="images/6.jpg" class="img-responsive"/>
			</div>
			<div class="col-md-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms" >
			<br><br><br><br>

                <p align="justify">Fayyaz Group is one of the largest, most well known and reputable company in the cotton industry with eight ginning factories & oil mills in operation. Its annual production is around one-lac twenty five thousand bales, more than two percent of the total production of the country.It has also diversified into, agriculture products(including seeds), poultry, edible oil and ghee and real estate development(commercial and residential).</p>
				<p align="justify">Fayyaz Group has seen a phenomenal growth in recent past. The total turnover stands at around of Rs. 14 billions. The group has paid more than Rs.70 million in taxes last year, and is expected to pay around Rs. 100 million this year.<a href="who-we-are.php" class="btn-link">Read More</a>
				</p>

			</div>
		</div>
	</div><br>
	<!-- Our Products -->
	<div class="section">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="text-center">Our Products</h1>
                        <p class="text-center">We are a group of skilled individuals</p>
                    </div>
                </div><br>
                <div class="row">
                    <div class="col-md-3">
                        <img src="images/products/thumbnail/cotton-lint.jpg"
                        class="img-quadrata img-thumbnail center-block img-responsive">
                        <h3 class="text-center">Cotton Lint
                        <br/>
                        <small><a href="cotton-lint.php" class="btn-link">View Details</a></small></h3>
                    </div>
                    <div class="col-md-3">
                        <img src="images/products/thumbnail/cotton-seed.jpg"
                        class="center-block img-thumbnail img-quadrata img-responsive">
                        <h3 class="text-center" >Cotton Seed
                        <br/>
                        <small><a href="cotton-seed.php" class="btn-link">View Details</a></small></h3>
                    </div>
                    <div class="col-md-3">
                        <img src="images/products/thumbnail/seed-oil.jpg"
                        class="center-block img-quadrata img-responsive img-thumbnail">
                        <h3 class="text-center" >Seed Oil
                        <br/>
                        <small><a href="seed-oil.php" class="btn-link">View Details</a></small></h3>
                    </div>
                    <div class="col-md-3">
                        <img src="images/products/thumbnail/oil-cake.jpg"
                        class="center-block img-quadrata img-responsive img-thumbnail">
                        <h3 class="text-center">Oil Cake
                        <br/>
                        <small><a href="oil-cake.php" class="btn-link">View Details</a></small></h3>
                    </div>
                    <div class="col-md-3">
                        <img src="images/products/tezro-seed/1.jpg"
                        class="center-block img-quadrata img-responsive img-thumbnail">
                        <h3 class="text-center">Tezro Seeds
                        <br/>
                        <small><a href="tezro-seeds.php" class="btn-link">View Details</a></small></h3>
                    </div>


                    <div class="col-md-3">
                        <img src="images/products/thumbnail/khuloos-ghee-oil.jpg"
                        class="center-block img-quadrata img-responsive img-thumbnail">
                        <h3 class="text-center">Khuloos Ghee & Cooking Oil
                        <br/>
                        <small><a href="ghee-and-cooking-oil.php" class="btn-link">View Details</a></small></h3>
                    </div>
                    <div class="col-md-3">
                        <img src="images/products/thumbnail/fayyaz-chicks.jpg"
                        class="center-block img-quadrata img-responsive img-thumbnail">
                        <h3 class="text-center">Fayyaz Chicks
                        <br/>
                        <small><a href="chicken-meat.php" class="btn-link">View Details</a></small></h3>
                    </div>
                    <div class="col-md-3">
                        <img src="images/products/thumbnail/fayyaz-holdings.jpg"
                             class="center-block img-quadrata img-responsive img-thumbnail">
                        <h3 class="text-center">Fayyaz Holdings
                            <br/>
                            <small><a href="fayyaz-holdings.php" class="btn-link">View Details</a></small></h3>
                    </div>

                </div>
            </div>
        </div><br>
    <!-- Our Products -->

	<br>
	<section id="conatcat-info">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <div class="media contact-info wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="pull-left">
                            <i class="fa fa-phone"></i>
                        </div>
                        <div class="media-body">
                            <h2 style="color:#1bbd36;">Have a question or need any support?</h2>
                            <p align="justify">We would love to hear from you. Please drop us an email at fayyazcotton@fayyazgroup.com.pk or call us any time at 068-55-72020 or 068-55-73083.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/.container-->
    </section><!--/#conatcat-info-->
    <footer>
	    <?php require_once 'inc/footer.php';?>
    </footer>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery-2.1.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/functions.js"></script>
</body>
</html>