API tools faq
paste
Advertisement
Guest User

test

a guest
Apr 24th, 2017
547
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!-- Website Template by freewebsitetemplates.com -->
  3. <html>
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>Contact - Laboratory Website Template</title>
  7.     <link rel="stylesheet" href="css/style.css" type="text/css"><style>
  8.          * {margin:0; padding:0;}
  9.  
  10.          nav {
  11.             background-color:#5cb85c;
  12.             height:50px;
  13.             line-height:50px;
  14.             position:relative;
  15.             width:770px;
  16.             margin:auto;
  17.             margin-top:80px;
  18.          }
  19.  
  20.          nav ul {
  21.             list-style:none;
  22.          }
  23.          nav ul li a {
  24.             float:left;
  25.             width:150px;
  26.             display:block;
  27.             text-align:center;
  28.             color:#FFF;
  29.             text-decoration:none;
  30.             text-transform:uppercase;
  31.          }
  32.  
  33.          nav ul li a:hover {
  34.             background-color:#666;
  35.             display:block;
  36.          }
  37.  
  38.          nav ul li:hover ul {
  39.             display:block;
  40.          }
  41.          nav ul ul {
  42.             display:none;
  43.             list-style:none;
  44.             position:absolute;
  45.             background-color:#5cb85c;
  46.             left:300px;
  47.             top:50px;
  48.             width:190px;
  49.          }
  50.  
  51.          nav ul ul li a {
  52.             float:none;
  53.             display:block;
  54.             padding-left:30px;
  55.             text-align:left;
  56.             width:160px;
  57.          }
  58.  
  59.          nav ul ul li a:hover {
  60.             color:#990;
  61.          }
  62.          </style>
  63. </head>
  64. <body>
  65.     <div id="header">
  66.         <a href="beranda.html" class="logo"><img src="images/logo.png" alt=""></a>
  67.     </div>
  68.         <div style="background-color:#5cb85c">
  69.     <nav>
  70.         <ul>
  71.             <li><a href="beranda.html">Beranda</a></li>
  72.             <li><a href="lokasi.html">Lokasi</a></li>
  73.             <li>
  74.                 <a href="informasi.html">Informasi</a>
  75.                 <ul>
  76.                     <li><a href="jantung.html">Jantung</a></li>
  77.                     <li><a href="hipertensi.html">Hipertensi</a></li>
  78.                     <li><a href="stroke.html">Stroke</a></li>
  79.                     <li><a href="kolesterol.html">Kolesterol Tinggi</a></li>
  80.                     <li><a href="diabetes.html">Diabetes Melitus</a></li>
  81.                 </ul>
  82.             </li>
  83.             <li><a href="kontak.html">Kontak</a></li>
  84.             <li><a href="masuk.html">Masuk</a></li>
  85.         </ul>
  86.     </nav>
  87.     </div><div id="body">
  88.         <div class="content">
  89.             <img src="images/telephone.jpg" alt="">
  90.             <h2>send us a message</h2>
  91.             <form action="index.html">
  92.                 <label for="namaDepan"> <span>Nama Depan*</span>
  93.                     <input type="text" name="namaDepan" id="firstName">
  94.                 </label>
  95.                 <label for="namaBelakang"> <span>Nama Belakang*</span>
  96.                     <input type="text" name="namaBelakang" id="lastName">
  97.                 </label>
  98.                 <label for="email"> <span>email*</span>
  99.                     <input type="text" name="email" id="email">
  100.                 </label>
  101.                 <label for="nomorTelepon"> <span>Nomor Telepon</span>
  102.                     <input type="text" name="nomorTelepon" id="phoneNumber">
  103.                 </label>
  104.                 <label for="subyek"> <span>Subyek*</span>
  105.                     <input type="text" name="subyek" id="subject">
  106.                 </label>
  107.                 <label for="komentar"> <span>Komentar</span>
  108.                     <textarea name="" id="komentar" cols="30" rows="10"></textarea>
  109.                 </label>
  110.                 <input type="kirim" value="" id="kirim">
  111.             </form>
  112.         </div>
  113.         <div class="sidebar">
  114.             <h3>contact</h3>
  115.             <ul>
  116.                 <li>
  117.                     <span class="address">Alamat</span>
  118.                     <ul>
  119.                         <li>
  120.                             JL. Cempaka Putih Barat 2B No. 11E
  121.                         </li>
  122.                         <li>
  123.                             Kecamatan Cempaka Putih
  124.                         </li>
  125.                         <li>
  126.                             Jakarta Pusat, 10520
  127.                         </li>
  128.                     </ul>
  129.                 </li>
  130.                 <li>
  131.                     <span class="phone">Telepon</span>
  132.                     <ul>
  133.                         <li>
  134.                             +6285693768837
  135.                         </li>
  136.                     </ul>
  137.                 </li>
  138.                 <li>
  139.                     <span class="email">Email</span>
  140.                     <ul>
  141.                         <li>
  142.                             <a href="mailto:">rinawdyn06@gmail.com</a>
  143.                         </li>
  144.                     </ul>
  145.                 </li>
  146.             </ul>
  147.         </div>
  148.     </div>
  149.     <div id="footer">
  150.         <div>
  151.             <p>
  152.                 <span>2017 &copy; Illumelabs Diagnostic Center.</span><a href="#" >Terms of Service</a> | <a href="#" >Privacy Policy</a>
  153.             </p>
  154.         </div>
  155.     </div>
  156. </body>
  157. </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!