daily pastebin goal
79%
SHARE
TWEET

home.php

dewiwataru Feb 11th, 2019 (edited) 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  2.  
  3. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
  4.  
  5.  
  6. <style>
  7.  
  8.    
  9.  
  10.     body{
  11.     width:100%;
  12.     height:auto;
  13.     margin:auto;
  14.     font-family: 'Open Sans', sans-serif;
  15.     font-size:14px;
  16.     background:#E9E9E9;
  17.     }
  18.    
  19.     p{
  20.     line-height:28px;
  21.     }
  22.    
  23.     a{
  24.     text-decoration:none;
  25.     }
  26.    
  27.     h1{
  28.     font-size:25px;
  29.     color:#888;
  30.     }
  31.    
  32.     h2{
  33.        
  34.     }
  35.    
  36.     h3,h4{
  37.  
  38.     }
  39.    
  40.     h5,h6{
  41.    
  42.     }
  43.    
  44.     #ctwrapper{
  45.     width:100%;
  46.     height:auto;
  47.     margin:auto;
  48.     }
  49.    
  50.     .ctall{
  51.     width:90%;
  52.     overflow:hidden;
  53.     height:auto;
  54.     margin:auto;
  55.     }
  56.    
  57.     /*============ Style For Side Left ==========*/
  58.    
  59.     #ctleft{
  60.     width: 350px;
  61.     position: fixed;
  62.     height: 100%;
  63.     z-index: 99;
  64.     background: #A00E11;
  65.     box-shadow: 3px 3px 10px #888;
  66.     padding-top: 40px;
  67.     }
  68.    
  69.     /*============ Style For Slogan ==========*/
  70.    
  71.     .ctslog{
  72.     padding-top:20px;
  73.     border-bottom: 2px solid rgba(0,0,0,0.1);
  74.     padding-bottom:10px;
  75.     }
  76.    
  77.    
  78.     /*============ Style For Menu ==========*/
  79.    
  80.     .ctmenu{
  81.     width:auto;
  82.     margin-top: 30px;
  83.     }
  84.    
  85.     .ctmenu ul{
  86.     margin:0;
  87.     padding:0;
  88.     list-style-type:none;
  89.     }
  90.    
  91.     .ctmenu li{
  92.     display:block;
  93.     }
  94.    
  95.     .ctmenu li a{
  96.     display: block;
  97.     line-height: 50px;
  98.     color: #fff;
  99.     font-weight: 700;
  100.     text-transform: uppercase;
  101.     margin-bottom:2px;
  102.     }
  103.    
  104.     .ctmenu li:hover a, .ctmenu .hm a{
  105.     color: #A00E11;
  106.     }
  107.    
  108.     /*============ Style For Background Menu ==========*/
  109.    
  110.     .hm{   
  111.     background: #fff url("Images/homehv.png")no-repeat scroll left center / 40px;
  112.     padding-left: 50px;
  113.     }
  114.    
  115.     .fr{
  116.     background: url("Images/form.png")no-repeat scroll left center / 40px;
  117.     padding-left: 50px;
  118.     }
  119.    
  120.     .fr:hover{
  121.     background: #fff url("Images/formhv.png")no-repeat scroll left center / 40px;
  122.     padding-left: 50px;
  123.     }
  124.    
  125.     .list{     
  126.     background: url("Images/list.png")no-repeat scroll left center / 40px;
  127.     padding-left: 50px;
  128.     }
  129.    
  130.     .list:hover{       
  131.     background: #fff url("Images/listhv.png")no-repeat scroll left center / 40px;
  132.     padding-left: 50px;
  133.     }
  134.    
  135.     .set{      
  136.     background: url("Images/setting.png")no-repeat scroll left center / 40px;
  137.     padding-left: 50px;
  138.     }
  139.    
  140.     .set:hover{    
  141.     background: #fff url("Images/settinghv.png")no-repeat scroll left center / 40px;
  142.     padding-left: 50px;
  143.     }
  144.    
  145.     /*============ Style For Side Right ==========*/
  146.    
  147.     #ctright{
  148.     float: right;
  149.     width: 1250px;
  150.     overflow: hidden;
  151.     }
  152.    
  153.     /*============ Style For Logo ==========*/
  154.  
  155.     .ctlogo{
  156.     margin: auto;
  157.     }
  158.  
  159.     .ctlogo img{
  160.     width: 100%;   
  161.     }
  162.    
  163.     /*============ Style For Footer ==========*/
  164.  
  165.     #ctft{
  166.     background:#0B173B;
  167.     padding: 5px 0;
  168.     margin: auto;
  169.     position: fixed;
  170.     bottom: 0;
  171.     width: 100%;
  172.     }
  173.  
  174.     #ctft p{
  175.     font-size:13px;
  176.     line-height:20px;
  177.     color:#fff;
  178.     }
  179.  
  180.     #ctft a{
  181.     color:#fff;
  182.    
  183.     }
  184.    
  185.  
  186.  
  187.    
  188.  
  189. </style>
  190.  
  191. <div id="ctwrapper">
  192.    
  193.     <div id="ctleft">
  194.    
  195.         <div class="ctlogo">
  196.             <div class="ctall">
  197.                 <a href=""><img src="Images/logo.png" alt="%Info-Name%"/></a>
  198.             </div>
  199.         </div>
  200.            
  201.         <div class="ctmenu">
  202.             <ul id="ctnavigation">
  203.                 <li class="hm"><a href="">Home</a></li>
  204.                 <li class="fr"><a href="">Form Pengajuan Cuti</a></li>
  205.                 <li class="list"><a href="">Daftar Pengajuan Cuti</a></li>
  206.                 <li class="set"><a href="">Setting</a></li>
  207.             </ul>
  208.         </div>
  209.            
  210.         <div class="ctcontact">            
  211.                
  212.         </div>
  213.     </div>
  214.    
  215.     <div id="ctright">
  216.    
  217.         <div class="ctall">
  218.             <div class="ctslog">
  219.                 <h1>E-Leave</h1>
  220.             </div>
  221.            
  222.             <div class="ctbiodata">
  223.            
  224.             </div>     
  225.         </div>
  226.  
  227.         <div style="clear:both;"></div>
  228.            
  229.         <div id="ctft">
  230.             <div class="ctall">
  231.                 <p>©2019 | <a href="">E-Leave Kantor Wilayah Bangka Belitung</a> |  <a href="">Kementerian Hukum dan HAM Republik Indonesia - RF</a>
  232.             </div>
  233.         </div>
  234.     </div>
  235.        
  236. </div>
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