Advertisement
anggagmlg

Untitled

Aug 26th, 2018
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.25 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Angga Gemilang</title>
  5.     <style type="text/css">
  6.         *, html, body
  7.         {
  8.             margin: 0;
  9.             padding: 0;
  10.             overflow-y: hidden;
  11.         }
  12.         .header
  13.         {
  14.             position: absolute;
  15.             width: 100%;
  16.             height: 12%;
  17.             background: #fff;
  18.             box-shadow: 0 10px 20px rgba(0,0,0,.5);
  19.             z-index: 3;
  20.         }
  21.         .header .logo
  22.         {
  23.             overflow-y: hidden;
  24.             width: 50%;
  25.             position: absolute;
  26.             height: 100%;
  27.         }
  28.         .header .logo img
  29.         {
  30.             height: 85px;
  31.             padding: 18px 60px;
  32.         }
  33.         .header nav
  34.         {
  35.             width: 40%;
  36.             position: absolute;
  37.             z-index: 3;
  38.             left: 50%;
  39.             height: 100%;
  40.             float: right;
  41.             margin: 45px 130px;
  42.         }
  43.         .header nav ul
  44.         {
  45.             display: flex;
  46.         }
  47.         .header nav ul li
  48.         {
  49.             font-size: 15pt;
  50.             margin-left: 20px;
  51.             list-style: none;
  52.             text-transform: uppercase;
  53.         }
  54.         .header nav ul li a
  55.         {
  56.             text-decoration: none;
  57.             color: #000;
  58.         }
  59.         .separator h1
  60.         {
  61.             position: absolute;
  62.             top: 55%;
  63.             left: 10%;
  64.             text-transform: uppercase;
  65.             font-size: 30pt;
  66.             transform: translate(-50%, -50%);
  67.         }
  68.         .container
  69.         {
  70.             width: 100%;
  71.             height: 100%;
  72.             z-index: 1;
  73.             position: absolute;
  74.             /*
  75.             background: linear-gradient(-45deg, red, blue);
  76.             */
  77.         }
  78.         .container1
  79.         {
  80.             width: 90%;
  81.             height: 66%;
  82.             background: #fff;
  83.             z-index: 2;
  84.             box-shadow: 0 10px 20px rgba(0,0,0,0.5);
  85.             position: absolute;
  86.             transform: translate(-50%, -50%);
  87.             top: 56%;
  88.             left: 50%;
  89.         }
  90.         .container1 .kiri
  91.         {
  92.             width: 100%;
  93.             height: 100%;
  94.         }
  95.         .container1 .kiri img
  96.         {
  97.             height: 20em;
  98.             float: left;
  99.             padding: 10% 30px;
  100.         }
  101.         .container1 .kiri p
  102.         {
  103.             float: none;
  104.             padding-top: 45px;
  105.             padding-bottom: 45px;
  106.             padding-right: 20px;
  107.             text-align: justify;
  108.             font-size: 14pt;
  109.         }
  110.     </style>
  111. </head>
  112. <body>
  113.     <div class="header">
  114.         <div class="logo">
  115.             <img src="logo.png" title="Logo">
  116.         </div>
  117.         <nav>
  118.                 <ul>
  119.                     <li><a href="">Home</a></li>
  120.                     <li><a href="">About</a></li>
  121.                     <li><a href="">Service</a></li>
  122.                     <li><a href="">Portofolio</a></li>
  123.                     <li><a href="">Team</a></li>
  124.                     <li><a href="">Contact</a></li>
  125.                 </ul>
  126.             </nav>
  127.     </div>
  128.     <div class="container">
  129.        
  130.     </div>
  131.     <div class="container1">
  132.         <div class="kiri">
  133.             <img src="pocong.jpg">
  134.             <p>  Kejadian ini terjadi beberapa tahun yang lalu sob, sebutlah si dody ( nama samaran ) dia masih terhitung pernah jadi temen kecil saya, berhubung kita beda komplek dan orang nya cukup pendiam jadi biar saling kenal juga kalau pas ketemu juga paling say hello aja sob, si dodi ini anak laki laki satu satunya di keluarganya dan untuk menopang hidup nya setelah ortunya pensiun dari angkatan darat, bapak nya dia beli angkot dan buka warung di rumah nya, sejujur nya saya setelah selepas remaja ga begitu banyak tau tentang kawan ku yang satu ini,  selain dulu aja pernah satu SD dengan adik perempuan nya, selebih nya saya ga pernah tau lagi mengenai kawan ku yang satu ini selain dia sering jadi supir angkot  miliknya  sendiri
  135.  
  136.             Pada suatu hari yang naas kawan ku ini dia melintasi rel kereta api tanpa palang pintu di daerah stadion lapangan bola, arah jalan keluar yang tak jauh dari komplek, ya mungkin udah takdir nya dia sob, kawan ku ini saat mau narik angkot nya dia  malah ketabrak kereta api, dan akhir nya dia pun meninggal di tempat kejadian
  137.  
  138.             Biasa nya orang yang meninggal secara tragis dan tiba tiba atau ngedadak, ya sebutlah seperti kecelakaan atau artinya meninggal secara penasaran karena saat moment moment dia mau di cabut nyawanya, orang yang mengalami hal seperti ini mungkin saja dia masih merasa ada di dunia, dan mungkin juga ada tujuan atau beberapa urusan yang belum di selesaikan. makanya  biasa nya suka jadi. Ya jadi gentayangan.atau, ada saja cerita yang menyeramkan berkembang mengenai sikorban. seperti  hal nya kawan ku yang satu ini sob
  139.  
  140.             Setelah di hari  yang naas menimpanya otomatis beberapa warung kopi yang tak jauh dari sekitar lokasi kejadian banyak memilih untuk tutup alias ga berjualan, bisa di tebak kenapa?? Ngerasa serem kali jualan malam,  mana barusan ada yang ketabrak mati
  141.             Namun pada suatu malam kalau tidak salah mungkin malam kedua setelah terjadi kecelakaan tersebut, ada salah satu warung kopi yang memilih untuk membuka warung nya sob, saya sendiri kenal ama pemilik warung itu dia dulu bekas tetangga saya waktu saya masih ngontrak di tepi jalan raya dulu
  142.  
  143.             Nah pada suatu malam nih sob, saat kondisi warung sepi, tiba tiba ada seorang pemuda datang dengan tergopoh gopoh ke warung kopi yang tak jauh dari lokasi kejadian, pemuda ini seperti nampak kebingungan sambil memanggil manggil si pemilik warung dia bertanya pak liat angkot saya ngga pak, ber ulang ulang si pemuda ini bertanya ke si pemilik warung, kala itu si pemilik warung masih belum sadar kalau yang bertanya itu adalah korban kemarin yang meninggal kecelakaan tertabrak kereta berikut angkot nya
  144.  
  145.             Pertama yang membuat si pemilik warung gak menyadari hal tersebut, karena si pemuda ini yang meninggal kemarin ga menampakan wujud seram atau berdarah darah dengan muka ancur seperti biasa nya korban kecelakaan Cuma berdasarkan cerita yang di sampaikan pemilik warung si pemuda ini hanya terlihat pucat biasa aja seperti ya kaya gimana orang panik kehilangan kendaraan nya, balik lagi ke cerita pas si pemuda ini nanyain angkot nya..
  146.  
  147.             Hantu ( h ) >>>>>>pemilik warung (pw)
  148.  
  149.             H         “ pak liat angkot saya ngga pak, angkot saya ko ga ada
  150.             Pw       gak mas, emang angkot nya hilang di mana
  151.             H         saya juga gak tau pak se ingat saya kemarin angkot saya ada di rel kereta api itu,
  152.  
  153.             si pemuda menunjuk ke TKP yang kurang lebih berjarak 15 meter dari warung kopi,baru disini si pemilik warung baru sadar dan teringat mengenai kecelakaan yang merenggut sopir angkot beberapa hari yang lalu
  154.  
  155.             si pemilik warung kala itu se akan akan mulut nya terkunci tidak bisa lagi meneruskan percakapan dengan si pemuda tersebut hanya menganga sejadi jadi nya aja  yang kemudian di barengi dengan hilang nya si pemuda secara tiba tiba dari hadapan nya.
  156.             kemudian gak perlu pake lama dia si pemilik warung kopi langsung secepat kilat menutup warung kopi nya malam itu.dan hampir 2 bulan kios nya di tinggalin begitu aja,  ga jualan jualan lagi.</p>
  157.         </div>
  158.     </div>
  159. </body>
  160. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement