Kode Demo Mobile Responsive


<!DOCTYPE html>
<html lang="en">
<head>
	<title>PenNews AMP demo - The Best Wordpress Theme for News/Magazine/Blog</title>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
	<style type="text/css">
		*{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
		body{
			background: #000;
			color: #e4e4e4;
		}
		.amp-heading {
			font-family: 'Montserrat', sans-serif;
			text-transform: uppercase;
			font-weight: 600;
			font-size: 36px;
			margin-bottom: 40px;
		}
		#penci-amp-wrapper{
			text-align: center;
			margin-top: 40px;
			margin-bottom: 40px;
		}
	.penci-amp-bg {
    display: inline-block;
    position: relative;
    background: url(http://pennews.pencidesign.com/pennews-demo-amp/iphone-mockup.png) no-repeat top left;
    width: 430px;
    background-size: 100% auto;
		}
		.penci-amp-bg:before {
			content: "";
			display: block;
			content: "";
			width: 100%;
			padding-top: 190%;
			background: none !important;
			box-shadow: none !important;
		}

}
		.penci-amp-bg .penci-amp-iframe {
			position: absolute;
			height: 600px;
			display: block;
			border: none;
			left: 40px;
			width: 350px;
			top: 92px;
		}
	</style>
</head>
<body>
	<div id="penci-amp-wrapper">
		<h1 class="amp-heading">PenNews Theme 100% Fully Support for AMP</h1>
		<div class="penci-amp-bg">
			<iframe src="http://pustakakoran.com/" class="penci-amp-iframe">
		</div>
	</div>
</body>
</html>