i<!DOCTYPE html>
<html>
<head>
	<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="msapplication-tap-highlight" content="no">
	<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
	<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" media="all" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	
	<script type="text/javascript" src="cordova.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<title>Amma Ji Enterprises</title>
	<style type="text/css">
		.blog{
			border: 1px solid #fff;
		    margin-top: 10px;
		    background: #fff;
		    padding: 10px;
		}
	</style>
</head>
<body>
	
	<header class="header pink-bg white-text z-depth-1">
		<div class="navbar">
			<button class="darken-2 navigation button-collapse" onclick="goBack()" style="background: #36b507;">
				<i class="ion-android-arrow-back"></i>
			</button>
			<h5>All Blogs</h5>
			
			<button class="pink-bg navigation go-to-cart">
				<i class="ion-android pink-bg"></i>
			</button>
		</div>
	
	</header>
	
	<div class="main-container" id="main-container">
		<div class="row">
			<div class="col s12" id="blog1">
			  
		  </div>
	  </div>
	</div>
	<div class="footer">
		<div class="footer-icon no-gap center-align" onclick="window.location.href='index.html'">
			<i class="ion-home footer-icon"></i>
			<p class="footer-label no-gap">
				Home
			</p>
		</div>
		<div class="footer-icon no-gap center-align" onclick="window.location.href='categories.html'">
			<i class="ion-android-apps"></i>
			<p class="footer-label no-gap">
				Categories
			</p>
		</div>
		<div class="footer-icon no-gap center-align" onclick="window.location.href='search.html'">
			<i class="ion-android-search"></i>
			<p class="footer-label no-gap">
				Search
			</p>
		</div>
		<div class="footer-icon no-gap center-align" onclick="window.location.href='offer.html'">
			<i class="ion-ios-chatbubble-outline"></i>
			<p class="footer-label no-gap">
				Offers
			</p>
		</div>
		<div class="footer-icon no-gap center-align cart-badge-container" onclick="window.location.href='cart.html'">
			<i class="ion-android-cart pink-bg"></i>
			<p class="footer-label no-gap cart-badge-container">
				Cart
			</p>
			<span class="cart-badge" style="display: flex;margin: -7px -5px;">0</span>
		</div>
	</div>


 <script type="text/javascript">
    $(document).ready(function(){
        var data="";
       $.ajax({
		   url:"https://www.dtuat.com/apps/amma/appcode/fetch_blog_text.php",
		   type: "post",     
           dataType: "json",
               success: function (response)
                    {
                   //console.log(response);  
                   if(response.blog1!=''){
                  data += '<div class="blog"> '+ response.blog1  +'</div>';
                   }

                  if( response.blog2!=''){
                  data += '<div class="blog"> '+ response.blog2 +'</div>';
                   }

                  if( response.blog3!=''){
                  	data += '<div class="blog"> '+ response.blog3  +'</div>';
                  }
                  

                  if(response.blog4!=''){
                  	 data += '<div class="blog"> '+ response.blog4  +'</div>';
                  }
                 

                  if(response.blog5!=''){
                  data += '<div class="blog"> '+ response.blog5  +'</div>';
                  }

                  if(response.blog6!=''){
                  data += '<div class="blog"> '+ response.blog6  +'</div>';
                   }

                  if(response.blog7!=''){
                  data += '<div class="blog"> '+ response.blog7  +'</div>';
                   }

                  if(response.blog8!=''){
                  data += '<div class="blog"> '+ response.blog8  +'</div>';
                   } 

                 data+='<a class="btn" href='+response.page_link+' style="background:#8bc34a;margin-top:10px;">Read More</a>';
                 $('#blog1').append(data);
                   },
                // $('select').material_select();
		  });
		});
</script>
	
	<script type="text/javascript" src="js/materialize.min.js"></script>
	<script type="text/javascript" src="js/myfunctions.js"></script>
	<script type="text/javascript" src="js/functions.js"></script>
</body>
</html>