SHARE
TWEET

Kode Demo Mobile Responsive

pustakakoran Jan 27th, 2019 (edited) 76 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <title>PenNews AMP demo - The Best Wordpress Theme for News/Magazine/Blog</title>
  6.     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
  7.     <style type="text/css">
  8.         *{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
  9.         body{
  10.             background: #000;
  11.             color: #e4e4e4;
  12.         }
  13.         .amp-heading {
  14.             font-family: 'Montserrat', sans-serif;
  15.             text-transform: uppercase;
  16.             font-weight: 600;
  17.             font-size: 36px;
  18.             margin-bottom: 40px;
  19.         }
  20.         #penci-amp-wrapper{
  21.             text-align: center;
  22.             margin-top: 40px;
  23.             margin-bottom: 40px;
  24.         }
  25.     .penci-amp-bg {
  26.     display: inline-block;
  27.     position: relative;
  28.     background: url(http://pennews.pencidesign.com/pennews-demo-amp/iphone-mockup.png) no-repeat top left;
  29.     width: 430px;
  30.     background-size: 100% auto;
  31.         }
  32.         .penci-amp-bg:before {
  33.             content: "";
  34.             display: block;
  35.             content: "";
  36.             width: 100%;
  37.             padding-top: 190%;
  38.             background: none !important;
  39.             box-shadow: none !important;
  40.         }
  41.        
  42. }
  43.         .penci-amp-bg .penci-amp-iframe {
  44.             position: absolute;
  45.             height: 600px;
  46.             display: block;
  47.             border: none;
  48.             left: 40px;
  49.             width: 350px;
  50.             top: 92px;
  51.         }
  52.     </style>
  53. </head>
  54. <body>
  55.     <div id="penci-amp-wrapper">
  56.         <h1 class="amp-heading">PenNews Theme 100% Fully Support for AMP</h1>
  57.         <div class="penci-amp-bg">
  58.             <iframe src="http://pustakakoran.com/" class="penci-amp-iframe">
  59.         </div>
  60.     </div>
  61. </body>
  62. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top