~NAXC~

File Content: `index.php`

<!DOCTYPE html>
<html>
<head>
<title>Shree Gayatri & Co. - Fire Safety Equipments in Pithampur and Dhar </title>
<link rel="icon" href="images/favicon.jpg" sizes="16x16" type="image/png"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Shree Gayatri & Co., Shree G Fire pithampur, Shree G Fire dhar, Shree G Fire indore, fire extingusgier reffling, fire extingushier AMC, fire equipment in pithampur, safety shoes, safety goggles, safety helmates, safety gloves, fire extinguisher, fire ball, fire equipments, safety Equipments, personal safety equipments, abc type fire extingushier, fire alarm system, fire hydrant system, DCP type fire extingushier, CO2 type fire extingushier, Mechinical foam type fire extingushier, BC type fire extingushier, fire spray, fire cylender, water type fire extingushier, D type fire extingushier, fire accessories, fire cylenders,fire equipmets in indore, fire safety company in indore, fire equipment in mhow, fire extinguisher ball, fire safety accessories" />
<meta name="description" content="Shree Gayatri & Co. is a leading and emerging fire safety equipments supplier in India. Shree Gayatri & Co. is the supplier of all type of fire extingushier, Fire safety equipments, personnel safety equipments and fire alaram system">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	    
	    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
	 <!------ Light Box ------>
    <link rel="stylesheet" href="css/swipebox.css">
    <script src="js/jquery.swipebox.min.js"></script> 
    <script type="text/javascript">
		jQuery(function($) {
			$(".swipebox").swipebox();
		});
	</script>
    <!------ Eng Light Box ------>	
<style>
* {box-sizing: border-box;}


#navbar {
  overflow: hidden;
  background-color: #fff;
  padding: 10px 10px;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}

#navbar a {
  float: left;
  color: #474747;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

#navbar #logo {
  font-size: 35px;
  font-weight: bold;
  transition: 0.4s;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: dodgerblue;
  color: white;
}

#navbar-right {
  float: right;
  margin: 68px 41px 0px 0px;
}

@media screen and (max-width: 580px) {
  #navbar {
    padding: 20px 10px !important;
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }
}
</style>
</head>
<body>
<div id="navbar">
  <div   id="logo">
				 <img src="images/shreegfire.png" style="width:15%" alt=""/> 
			 
  <div id="navbar-right">
     <a   href="#home"  ><span data-hover="Home">HOME</span></a>
    <a href="#services"  ><span data-hover="services">SERVICES</span></a>
    <a href="#work"  ><span data-hover="buy now"><span>BUY NOW</span></a>
	<a href="#about"  ><span data-hover="about">ABOUT</span></a>
	<a href="#contact"  ><span data-hover="contact">CONTACT</span></a>
 </div></div>
</div><br/><br/><br/><br/><br/><br/> 
<div class="header" id="head">	
      <div class="container"> 
            
		  <div class="index-banner">
       	   <div class="wmuSlider example1">
			   <div class="wmuSliderWrapper">
				   <article style="position: absolute; width: 100%; opacity: 0;"> 
				   	<div class="banner-wrap">
				   	       	<div class="banner_center">
				   		 		<h2>whatever <span>burn,</span></h2> 
				   		 		<h2>never <span>return</span></h2>
				   		 		 
				   		 		</div>
				   		 </div>
					</article>
				   <article style="position: relative; width: 100%; opacity: 1;"> 
				   	   	<div class="banner-wrap">
				   	      <div class="banner_center">
				   		 		<h2>Think of <span>fire,</span></h2> 
				   		 		<h2>before you  <span>starts</span></h2>
				   		 		 
				   		 		</div>
				   		  </div>
				   </article>
				   <article style="position: absolute; width: 100%; opacity: 0;">
				   	  	<div class="banner-wrap">
				   	       <div class="banner_center">
				   		 		<h2>Kill <span>Fire ,</span></h2> 
				   		 		<h2>before it  <span>kills you</span></h2>
				   		 		 
				   		 		</div>
				   		 </div>
					 </article>
				 </div>
				
            </div>
            <script src="js/jquery.wmuSlider.js"></script> 
			  <script>
       			$('.example1').wmuSlider();         
   		     </script> 	           	      
      </div>
	 </div>     
	</div>
	<div class="content">
		<div class="services-section" id="services">
			<div class="container"> 
			<div class="services-header">
				<h3><span>[</span> services <span>]</span></h3>
					<p>We had started Shree G Fire Equipments on May 2017 with the aim of safety and security of fire. We have started with serving Fire Safety Works for all industries and professional companies and growing up perodically one of the leader of this field.</p>
			</div>
			<div class="services-sectiongrids">
				<div class="col-md-4 services-grid">
					<img src="images/fe.jpg" style="width:128px;height:128px;" alt=""/>
					<h4>Fire Extinguisher refilling & AMC</h4>
					<p>We provide all type of fire extinguishers like Clean agent Automatic & Trolly, Co2 type ABC type, DCP type mounted according to the need of customers. </p>
				</div>
				<div class="col-md-4 services-grid">
					<img src="images/fh.jpg" style="width:128px;height:128px;" alt=""/>
					<h4>Fire Hydrant System & AMC</h4>
					<p>We provide Fire Hydrant System  supply & installation of a complete range of Fire & Safety equipments. </p>
				</div>
				<div class="col-md-4 services-grid">
					<img src="images/fa.jpg" style="width:128px;height:128px;" alt=""/>
					<h4>Fire Alarm System & AMC</h4>
					<p>We provide solutions for Security metal detectors, Electronic security systems, Fire & Security alarms  Banks security system, Security for Society. </p>
				</div>
				<div class="clearfix"></div>
				<div class="arrow1">
					<a href="#work" class="scroll"><img src="images/arrow1.png" alt=""/></a>
					</div>
		</div>
		</div>
		</div>
		<div class="works-section" id="work" id="work">
		   <div class="works-header">
				<h3><span>[</span> Buy Now <span>]</span></h3>
					<p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. </p>
			</div>
			<div class="portfolio-section-bottom-row" id="portfolio">
			<div class="container">
		 <ul id="filters" class="clearfix">
		 <li><span class="filter" data-filter="icon">Extinguishers</span></li>
						<!--<li><span class="filter active" data-filter="app card icon web logo1">All</span></li>
						
						<li><span class="filter" data-filter="app">Alaram</span></li>
						<li><span class="filter" data-filter="card">Blankets</span></li>
						
						<li><span class="filter" data-filter="logo1">Hydrates</span></li>
						<li><span class="filter" data-filter="logo2">Hose</span></li>
						<li><span class="filter" data-filter="logo3">Sign</span></li>-->
						</ul>
					<div id="portfoliolist">
					 			
					 				
					<div class="portfolio icon mix_all  wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper grid_box">		
							 <a href="images/ca.jpeg" class="swipebox"  title="Image Title"> <img src="images/ca.jpeg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>

		                </div>

					</div>
					<div class="portfolio icon mix_all  wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper grid_box">		
							 <a href="images/water.jpeg" class="swipebox"  title="Image Title"> <img src="images/water.jpeg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>

		                </div>

					</div>
					 		
					 	
					<div class="portfolio icon mix_all  wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper grid_box">		
							 <a href="images/powder.jpeg" class="swipebox"  title="Image Title"> <img src="images/powder.jpeg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>

		                </div>
						</div>
					 
					<div class="portfolio icon mix_all  wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
						<div class="portfolio-wrapper grid_box">		
							 <a href="images/foam.jpeg" class="swipebox"  title="Image Title"> <img src="images/foam.jpeg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>

		                </div>
						</div>
 
					
<div class="clearfix"></div>					
				</div>
 <!-- Script for gallery Here -->
				<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
					<script type="text/javascript">
					$(function () {
						
						var filterList = {
						
							init: function () {
							
								// MixItUp plugin
								// http://mixitup.io
								$('#portfoliolist').mixitup({
									targetSelector: '.portfolio',
									filterSelector: '.filter',
									effects: ['fade'],
									easing: 'snap',
									// call the hover effect
									onMixEnd: filterList.hoverEffect()
								});				
							
							},
							
							hoverEffect: function () {
							
								// Simple parallax effect
								$('#portfoliolist .portfolio').hover(
									function () {
										$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
										$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');				
									},
									function () {
										$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
										$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');								
									}		
								);				
							
							}
				
						};
						
						// Run the show!
						filterList.init();
						
						
					});	
					</script>
			<!-- Gallery Script Ends -->
			
		
	  
	  <div class="arrow">
				<a href="#about" class="scroll"><img src="images/arrow.png" alt=""/></a>
				</div>
			</div>
		</div>
	</div>
	<!-- portfolio-section-ends -->
	<div class="about-section" id="about" id="about">
	<div class="container">
		<div class="about-header">
			<h3><span>[</span> about <span>]</span></h3>
			<div class="about-imag">
			<img src="images/fb logo.jpg"   alt=""/>
			</div>
			<div class="about-text">
					<p>We had started Shree G Fire Equipments on May 2017 with the aim of safety and security of fire. We have started with serving Fire Safety Works for all industries and professional companies and growing up perodically one of the leader of this field.</p>
			</div>
			<div class="clearfix"></div>
			</div>
			
	<div class="arrow1">
	<a href="#contact" class="scroll"><img src="images/arrow1.png" alt=""/></a>
					</div>
	</div>
	</div>
	</div>
	<div class="footer-section" id="contact" id="contact">
			<div class="container"> 
			<div class="contact-header">
				<h3><span>[</span> contact <span>]</span></h3>
				<p><b>Head Office:</b> Indore<br/><b>Branches::</b> Pithampur, Delhi, Punjab, Mhow 
<br/><b>Mobile::</b> 7566666678<br/><b>Email::</b> shreegfire@hotmail.com				</p>
			</div>
			<div class="social-icon">
				<a href="#"><i class="icon1"></i></a>
				<a href="https://www.facebook.com/Shree-G-Fire-Equipments-104026374418186/?modal=admin_todo_tour" target="_blank"><i class="icon2"></i></a>
				<a href="#"><i class="icon3"></i></a>
				<a href="#"><i class="icon4"></i></a>
				 
			</div>
			<div class="contact">
			<div class="col-md-4 contactgrid">
			<form action="" method="post">
				<input required type="text" class="text" name="name"   placeholder="name">
				</div>
				<div class="col-md-4 contactgrid">
				<input required type="email" class="text" name="email" placeholder="email">
				</div>
				<div class="col-md-4 contactgrid">
				<input required type="text" class="text" name="mobile" placeholder="mobile">
				</div>
				<div class="col-md-8 contactgrid1">
				<textarea  placeholder="message" name="message"></textarea>
				</div>
				<div class="col-md-4 contactgrid2">
				<input type="submit" name="submit" value="[submit]">
			   </div>
			   </form>
			   <?php
			   if(isset($_POST['submit'])) 
 {
			   //Your authentication key
$authKey = "93527A6eqs1QVu5603e97a";
 
//Multiple mobiles numbers separated by comma
$mobileNumber = "7566666678";
 
//Sender ID,While using route4 sender id should be 6 characters long.
$senderId = "SGFIRE";

//Your message to send, Add URL encoding here.		  
$message = urlencode("New Inquiry from 
Name: ".$_POST["name"].",
Mobile: ".$_POST["mobile"].",
Email: ".$_POST["email"].",
Message: ".$_POST["message"]."") ;

//Define route 
$route = "Route 4";
//Prepare you post parameters
$postData = array(
    'authkey' => $authKey,
    'mobiles' => $mobileNumber,
    'message' => $message,
    'sender' => $senderId,
    'route' => $route
);




//API URL
$url="https://control.msg91.com/sendhttp.php";

// init the resource
$ch = curl_init();
curl_setopt_array($ch, array(
    CURLOPT_URL => $url,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_POST => true,
    CURLOPT_POSTFIELDS => $postData
    //,CURLOPT_FOLLOWLOCATION => true
));


//Ignore SSL certificate verification
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);


//get response
$output = curl_exec($ch);

//Print error if any
if(curl_errno($ch))
{ 
    echo 'error:' . curl_error($ch);
}

curl_close($ch);

  $output; 
  }
			   ?>
			   <div class="clearfix"></div>
				</div>
				<div class="footer-bottom">
<img src="images/mii.png" style="width:7%;background-color:white;"> <img src="images/msme.png" style="width:7%;background-color:white;">
					<p> Copyright &copy;2019  All rights  Reserved </p>

					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>

		</div>		
	</div>
	<script>
// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 15 || document.documentElement.scrollTop > 15) {
    document.getElementById("navbar").style.padding = "0px 10px";
    document.getElementById("logo").style.fontSize = "1px";
  } else {
    document.getElementById("navbar").style.padding = "10px 10px";
    document.getElementById("logo").style.fontSize = "5px";
  }
}
</script>
	
</body>
</html>
File Content: index.php

File Content: `index.php`
