API tools faq
paste
Advertisement
ujiajah1

younghipster/puisi.php

ujiajah1
Aug 21st, 2016
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 6.47 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. $knows = "Entah Karena";
  3. $manusia = 'Ketidaktahuan Yang Sering Kali Jauh';
  4. $mabuk = 'Lebih Memabukkan Daripada Kesadaran';
  5. $saya = "Puji Ermanto@2016";
  6. $kota = 'Bandung-ParisVanJava';
  7. $website= 'http://younghipster.comli.com/puisi.php';
  8. ?>
  9. <!doctype html>
  10. <html lang="en">
  11. <head>
  12.     <meta charset="UTF-8">
  13.     <title>YoungHipter<<Industrial</title>
  14.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  16.     <script src="js/jquery.js"></script>
  17.     <link rel="stylesheet" href="popup/magnific-popup.css">
  18.     <script src="popup/jquery.magnific-popup.js"></script>
  19.  
  20.     <link rel="stylesheet" href="style2.css">
  21.     <link rel="shortcut icon" href="img/logos/2.png"/>
  22.    
  23.     <!-- Bootstrap Core CSS -->
  24.     <!--- <link href="css/costume/bootstrap.min.css" rel="stylesheet">
  25.     <link href="css/costume/botstrap.css" rel="stylesheet"> --->
  26.  
  27.     <!-- Custom CSS -->
  28.     <link href="css/costume/hipster.css" rel="stylesheet">
  29.     <link rel="stylesheet" href="css/costume/bootstrap.css">
  30.     <link rel="stylesheet" href="css/costume/bootstrap.min.css">
  31.     <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  32.     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  33.     <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  34.     <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  35.     <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
  36.  <link rel="stylesheet" href="css/thumbnail.css" media="screen" title="no title" charset="utf-8">
  37.  
  38.  
  39. <style>
  40.     #toTop{
  41.     visibility: hidden;
  42.     position: absolute;
  43.     bottom: 10px;
  44.     right: 10px;
  45.     cursor: pointer;
  46.     display: none;
  47. }
  48. </style>
  49.    
  50.     <script src="js/jquery.js"></script>
  51.     <link rel="stylesheet" href="popup/magnific-popup.css">
  52.     <script src="popup/jquery.magnific-popup.js"></script>
  53.  
  54.     <link rel="stylesheet" href="style.css">
  55. </head>
  56.  
  57. <body>
  58.  
  59.  
  60. <!--- -------------------------------------------banner----------------------------------------------------------- --->
  61.  
  62.     <div id="banner">
  63.         <header id="logo">
  64.             <img src="img/overlay2.png" alt="mamam yu sayang"><?php echo '<br><br>'; ?>
  65.            
  66.             <h1><?php echo '&nbsp;&nbsp;&nbsp;';?>Young&nbsp;<i class="fa fa-diamond fa-inverse fa-1x"></i>
  67.                     Hipster</h1>
  68.             <span style="color:#ffffff; font-size=25px;">Puji&raquo;Ermanto</span>
  69.             <span id="jobdesc" style="font-size=30px;"><br>
  70.                 Menghadirkan Gelak Tawa Manusia<br>Lalu Berguling.
  71.             </span>
  72.         </header><br>
  73.         <div id="overlay"></div>
  74.     </div>
  75.  
  76.  
  77. <!--- -------------------------------------------banner----------------------------------------------------------- --->
  78.  
  79.     <section>
  80.    
  81.        <center>
  82.  
  83.     <strong>
  84.  
  85. <br><br><?php
  86. /*
  87. setiap manusia pasti pernah menyesal
  88. dan melewati hidup dengan penyesalan
  89. kalau sudah seperti itu,
  90. cobalah untuk bersahabat dan berteman dengan penyesalanmu
  91. dan lalui hari-harimu yang lebih baik lagi.
  92. */ ?>
  93.  
  94. <head>
  95.  
  96. <title>puisi&Delta;bersuara</title>
  97.  
  98. <?php //awal style ?>
  99. <?php
  100. $style = "<style>
  101.     body{
  102.         background-color: #f1c40f;
  103.         -webkit-animation: color 5s ease-in  0s infinite alternate running;
  104.         -moz-animation: color 5s linear  0s infinite alternate running;
  105.         animation: color 5s linear  0s infinite alternate running;
  106.     }
  107.  
  108.     /* Animasi + Prefix untuk browser */
  109.     @-webkit-keyframes color {
  110.         0% { background-color: #f1c40f; }
  111.         32% { background-color: #e74c3c; }
  112.         55% { background-color: #9b59b6; }
  113.         76% { background-color: #16a085; }
  114.         100% { background-color: #2ecc71; }
  115.     }
  116.     @-moz-keyframes color {
  117.          0% { background-color: #f1c40f; }
  118.         32% { background-color: #e74c3c; }
  119.         55% { background-color: #9b59b6; }
  120.         76% { background-color: #16a085; }
  121.         100% { background-color: #2ecc71; }
  122.     }
  123.     @keyframes color {
  124.       0% { background-color: #f1c40f; }
  125.         32% { background-color: #e74c3c; }
  126.         55% { background-color: #9b59b6; }
  127.         76% { background-color: #16a085; }
  128.         100% { background-color: #2ecc71; }
  129.     }
  130.  
  131.     h1.puisi{
  132.        margin: 0;
  133.             text-transform: uppercase;
  134.                     font-family: 'halvetica', sans-serif;
  135.                     color: #ecf0f1;
  136.                     font-size: 20pt;
  137.                     text-align: center;
  138.                     line-height: 100px;
  139.                    letter-spacing: 0.1em
  140.     }
  141.     p{
  142.         margin: 0;
  143.             text-transform: uppercase;
  144.                     font-family: 'halvetica', sans-serif;
  145.                     color: #ecf0f1;
  146.                     font-size: 15pt;
  147.                     text-align: center;
  148.                     line-height: 50px;
  149.                    letter-spacing: 0.1em
  150.     }
  151.     /*a{
  152.         text-decoration: none;
  153.         color: #000;
  154.     }*/
  155.    
  156.     p.footer{
  157. border : 4px dashed #CCDD00;
  158. font-weight:bold;
  159.                 margin: 0;
  160.             text-transform: uppercase;
  161.                     font-family: 'halvetica', sans-serif;
  162.                     color: #FFFFFF;
  163.                     font-size: 12pt;
  164.                     text-align: left;
  165.                     line-height: 30px;
  166.                    letter-spacing: 0.0em
  167.     }
  168.     footer {
  169.     display: inline;
  170.     font-size: 80%;
  171.     /*padding: 100px 0px 0px 20px;*/
  172.     }
  173.     </style>";
  174. echo $style;
  175. ?>
  176. <?php //akhir style ?>
  177.  
  178. </head>
  179.  
  180.  
  181. <body>
  182. <P>
  183. <?php
  184. $puisi = array( "Horison Mengesani Titik pandang yang penuh batas.<br>" ,
  185. "Hutan hutan melembah ke selatan <br>" , "lereng-lereng melandai ke hilir, memuncaki ingatan.<br>" ,
  186. "tebing-tebing dirampas konsumerisme para pendatang.<br>" ,
  187. "Gunung gemunung menjadi saksi hingar bingar,<br>" ,  
  188. "keragaman warta dan peristiwa dalam sebuah masa cerita.<br>" ,
  189. "halimun mendiaspora keterasingan sendu.<br>" ,
  190. "dengannya ada udara yang berdistraksi,<br>" ,
  191. "pada asas dogmatis seleksi alam.<br>" ,
  192. "Arogansi kelam diakhir pandang, cahaya mata pualam.");
  193. foreach ($puisi as $sajak){
  194. echo $sajak."\n";
  195. }
  196. ?></p>
  197.  
  198. <footer>
  199.     <p class="footer"><a href="<?=$website;?>"><?= $saya; ?></a>
  200.             <br /><?php echo $kota; ?></p> 
  201.             </footer>
  202.  
  203.     <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
  204.     <!-- Bootstrap Core JavaScript -->
  205.     <script src="js/costume/bootstrap.min.js"></script>
  206.     <script src="js/costume/bootstrap.js"></script>
  207.     <script src="js/costume/hipster.js"></script>
  208.     <script src="js/scripts.js"></script>
  209.     </body>
  210.  
  211. </body>
  212.  
  213. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!