<!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>Star</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:#e33442;">
				<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>-->
			<img src="img/mhome.png" style="height:26px;">
			<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" style="display: none;" onclick="window.location.href='offer.html'">
			<img src="img/sale.png" style="height:25px;">

			<p class="footer-label no-gap">
				Offers
			</p>
		</div>
		<div class="footer-icon no-gap center-align" onclick="window.location.href='cart.html'">
			<i class="ion-android-cart"></i>
			<p class="footer-label no-gap">
				Cart
			</p>
		</div>
	</div>


	<script type="text/javascript">
		$(document).ready(function () {
			var data = "";
			$.ajax({
				url: base + '/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>