<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="text" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="images/icon/favicon.ico">
<title>Shakti Mining</title>
<link rel="stylesheet" type="text/css" href="style/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style/css/plugins.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/navigation.css">
<link rel="stylesheet" type="text/css" href="style/type/icons.css">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="style/css/color/red.css">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="content-wrapper">
  <nav class="navbar">
     <div class="top-bar gray-wrapper">
      <div class="container flex-it">
        <div class="align-right text-right">
          <ul class="icon-list list-inline mb-0 color-white">
            <li><i class="et-old-phone icon-color"></i> Call Us: +00 (123) 456 78 90 </li>
            <li><i class="et-mail icon-color"></i> <a href="mailto:first.last@email.com" class="nocolor">Mail Us: first.last@email.com</a> </li>
          </ul>
        </div>
        <!--/.align-left -->
        <!--/.align-right -->
      </div>
      <!--/.container -->
    </div>
    <!--/.top-bar -->
    <div class="container">
      <div class="flex-it">
        <div class="navbar-header">
          <div class="navbar-brand"  data-aos="fade-right" data-aos-easing="linear" data-aos-duration="700">
            <a href="index.php"><img src="#" srcset="images/logo1.png" alt="" style="width: 200px;"/></a></div>
          <div class="nav-bars-wrapper">
            <div class="nav-bars-inner">
              <div class="nav-bars" data-toggle="collapse" data-target=".navbar-collapse"><span></span></div>
            </div>
            <!-- /.nav-bars-inner --> 
          </div>
          <!-- /.nav-bars-wrapper --> 
        </div>
        <!-- /.nav-header -->
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav"  >
            <li><a href="index.php">Home</a>
              <!--/.dropdown-menu --> 
            </li>
            <li><a href="about.php">About Us</a>
            </li>
            
            <li><a href="product.php">Products</a>
            </li>
            
            <li><a href="infra.php">Infrastructure</a>
            </li>
                         
            <li><a href="gallery.php">Gallery </a>        
            </li>
            
            <li><a href="blogs.php">News & Updates </a>              
            </li>
            
            <li><a href="career.php">Career</a>
            </li>
              
            <li><a href="contact.php">Contact Us</a>
              <!--/.dropdown-menu --> 
            </li>
      
          </ul>
          <!--/.navbar-nav --> 
        </div>
        <!--/.nav-collapse --> 
      </div>
      <!--/.flex-it --> 
    </div>
    <!--/.container --> 
  </nav>
  <!--/.navbar -->