<!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.0">
<meta name="description" content="">
<meta name="author" content="Vivek Jain" >
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/favicon.png">
<title>Apex Flour - Maida, Sooji, Atta, Vivatta, Wheat Flour India</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<!-- side menu -->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/effects.js"></script>
<script type="text/javascript" src="js/side-bar.js"></script>
</head>
<body>

<section class="with_dep">

<div class="side_bar_cover">
  <div id="sideBar">
    <div id="sideBarContents">
      <div id="sideBarContentsInner">
        <ul>
          <li class="main"><a href="about.html">About </a></li>
          <li><a href="about.html#history">History </a></li>
          <li><a href="about.html#units">Flour Milling Units</a></li>
          <li><a href="about.html#leadership">Leadership</a></li>
          <li><a href="about.html#quality"> Quality</a></li>
        </ul>
        <ul>
          <li class="main"><a href="products.html">Products </a></li>
          <li><a href="products.html#atta">Chakki Atta</a></li>
          <li><a href="products.html#maida">Maida</a></li>
          <li><a href="products.html#sooji">Sooji</a></li>
          <li><a href="products.html#wheat">Wheatgerm</a></li>
          <li><a href="products.html#bran">Bran</a></li>
        </ul>
        <ul>
          <li class="main"><a href="partnerships.html">Partnerships </a> </li>
        </ul>
        <ul>
          <li class="main"><a href="customers.html">Customers </a></li>
        </ul>
        <ul>
          <li class="main"><a href="contact.html">Contact </a></li>
        </ul>
      </div>
    </div>
    <a href="#" id="sideBarTab"><img src="img/blank.png" alt="sideBar" title="sideBar" /></a> 
  </div>
  
    <div class="side_bar_right">
      <div class="container">
      <div class="row clearfix">
        <div class="col-md-12 column">
          <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
              <a class="navbar-brand" href="index.html"><img alt="Apex Mills" src="img/logo.jpg"></a> </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
                <li class="dropdown about"> <a href="about.html" class="dropdown-toggle" data-toggle="dropdown">About<strong class="caret"></strong></a>
                  <ul class="dropdown-menu">
                    <li><a href="about.html#history">History </a></li>
                    <li><a href="about.html#units">Flour Milling Units</a></li>
                    <li><a href="about.html#leadership">Leadership</a></li>
                    <li><a href="about.html#quality"> Quality</a></li>
                  </ul>
                </li>
                <li class="dropdown"> <a href="products.html" class="dropdown-toggle" data-toggle="dropdown">Products<strong class="caret"></strong></a>
                  <ul class="dropdown-menu">
                    <li><a href="products.html#atta">Chakki Atta</a></li>
                    <li><a href="products.html#maida">Maida</a></li>
                    <li><a href="products.html#sooji">Sooji</a></li>
                    <li><a href="products.html#wheat">Wheatgerm</a></li>
                    <li><a href="products.html#bran">Bran</a></li>
                  </ul>
                </li>
                <li> <a href="partnerships.html">Partnerships</a> </li>
                <li><a href="customers.html">Customers </a></li>
                <li><a href="contact.html">Contact</a></li>
              </ul>
            </div>
          </nav>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-12 column">
          <div class="row clearfix h-row1">
            <div class="col-md-3 column">
              <h2>good<br/>
                <span class="yellow">wheat</span></h2>
            </div>
            <div class="col-md-1 column plus">
              <h2>+</h2>
            </div>
            <div class="col-md-3 column h-col2">
              <h2>best<br/>
                <span class="grey"> machineries</span></h2>
            </div>
            <div class="col-md-1 column plus">
              <h2>+</h2>
            </div>
            <div class="col-md-3 column">
              <h2>fantastic<br/>
                <span class="blue"> people</span></h2>
            </div>
          </div>
          <div class="row clearfix h-row2">
            <div class="col-md-12 column plus">
              <h2>+</h2>
            </div>
          </div>
          <div class="row clearfix h-row3">
            <div class="col-md-12 column">
              <h2> lots of <span class="red">passion</span></h2>
            </div>
          </div>
          <div class="row clearfix h-row4">
            <div class="col-md-12 column plus">
              <h2>=</h2>
            </div>
          </div>
          <div class="row clearfix h-row5">
            <div class="col-md-2 column"><img alt="140x140" src="img/flour.jpg" /></div>
            <div class="col-md-2 column">
              <h3>Premium<br/>
                flour</h3>
            </div>
            <div class="col-md-2 column">
            <img class="mob-img" src="img/user-v.jpg" />
            <img alt="140x140" src="img/user.jpg" /></div>
            <div class="col-md-2 column">
              <h3>happy<br/>
                USER</h3>
            </div>
            <div class="col-md-2 column">
            <img class="mob-img" src="img/world-v.jpg" />
            <img alt="140x140" src="img/world.jpg" /></div>
            <div class="col-md-2 column">
              <h3>happier<br/>
                world</h3>
            </div>
          </div>
          <div class="row clearfix">
            <div class="col-md-12 column  h-row6">
              <p>Apex Group today is a leading player in the processed wheat creating products for end-consumers in the form of atta, maida, sooji, wheatgerm and bran. We operate three processing units that have a combined capacity of over 700 tons per day. The consistent and relentless focus on quality excellence has enabled us to become suppliers to leading brands and distributors.</p>
            </div>
          </div>
          <div class="row clearfix footer">
            <div class="col-md-6 column">
              <p>© 2020 Apex Group</p>
            </div>
            <div class="col-md-6 column col2">
              <p>Designed by <a href="http://strapp.net" target="_blank">StrApp</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

</section>
<!-- /container --> 

<!-- Bootstrap core JavaScript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster -->
</body>
</html>
