API tools faq
paste
Advertisement
Guest User

header navbar yang tengah

a guest
Apr 21st, 2019
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <?php
  5.     session_start();
  6.     include 'config.php';
  7.     ?>
  8.     <title>BUMDES USAHA BERSAMA</title>
  9.     <meta name="description" content="ucorpora demo - Free Business Corporate HTML Template">
  10.   <meta name="keywords" content="ucorpora, ucorpora demo, free, template, corporate, clean, modern, bootstrap, creative, design">
  11.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.   <!--[if (gte IE 9)|!(IE)]>
  13.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14.    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  15.  <![endif]-->
  16.  
  17.   <!-- Favicon -->
  18.   <link href="../../img/favicon.ico" rel="icon" type="image/png">
  19.  
  20.   <!-- Styles -->
  21.   <link href="../../css/styles.css" rel="stylesheet" type="text/css">
  22.   <link href="../../css/bootstrap-override.css" rel="stylesheet">
  23.  
  24.   <!-- Font Avesome Styles -->
  25.   <link href="../../css/font-awesome/font-awesome.css" rel="stylesheet">
  26.   <!--[if IE 7]>
  27.    <link href="css/font-awesome/font-awesome-ie7.min.css" rel="stylesheet">
  28.  <![endif]-->
  29.  
  30.  
  31.   <!-- FlexSlider Style -->
  32.   <link rel="stylesheet" href="../../css/flexslider.css" type="text/css" media="screen">
  33.     <link rel="stylesheet" type="text/css" href="../../assets/css/bootstrap.css">
  34.     <link rel="stylesheet" type="text/css" href="../../assets/js/jquery-ui/jquery-ui.css">
  35.     <script type="text/javascript" src="../../assets/js/jquery.js"></script>
  36.     <script type="text/javascript" src="../../assets/js/jquery.js"></script>
  37.     <script type="text/javascript" src="../../assets/js/bootstrap.js"></script>
  38.     <script type="text/javascript" src="../../assets/js/jquery-ui/jquery-ui.js"></script>  
  39.     <link href="../../css/styles.css" rel="stylesheet">
  40.     <link href="../../css/bootstrap-override.css" rel="stylesheet">
  41.   <!-- Itok makai css nye admin -->
  42.   <link rel="stylesheet" type="text/css" href="../../a/admin/assets/css/bootstrap.css">
  43.   <link rel="stylesheet" type="text/css" href="../../a/admin/assets/js/jquery-ui/jquery-ui.css">
  44.   <script type="text/javascript" src="../../a/admin/assets/js/jquery.js"></script>
  45.   <script type="text/javascript" src="../../a/admin/assets/js/jquery.js"></script>
  46.   <script type="text/javascript" src="../../a/admin/assets/js/bootstrap.js"></script>
  47.   <script type="text/javascript" src="../../a/admin/assets/js/jquery-ui/jquery-ui.js"></script>
  48.  
  49.  
  50.   <style>
  51.     .table-bordered tr,
  52.     .table-bordered th,
  53.     .table-bordered td {
  54.     border-top: 1px solid #c0c0c0 !important;
  55.     border-bottom: 1px solid #c0c0c0 !important;
  56.     }
  57.     td {
  58.       background-color: #ffff;
  59.       color: black;
  60.     }
  61.     .table th {
  62.       text-align: center;
  63.     }
  64.    
  65.   </style>
  66.  <!--
  67.  <style type="text/css">
  68.    table, td, th {
  69.      border: 1px solid black;
  70.    }
  71.    .table-bordered th,
  72.    .table-bordered td {
  73.    border: 1px solid #000 !important;
  74.  }
  75.    td {
  76.      background-color: #ffff;
  77.      color: black;
  78.    }
  79.  -->
  80.  
  81.  
  82.  
  83.   </style>
  84. </head>
  85.  
  86. <!-- ikutek itok untuk ngubah navbar nye biar ke atas siki -->
  87. <!-- copas ajak dari tag <body> sampai paling bawah>-->
  88. <body>
  89.  
  90.   <!--UNTUK HEADER YANG KEBAWAH -->
  91.   <header>
  92.     <div class="container">
  93.       <div class="media">
  94.         <div class=" col-md-3 media-left media-middle">
  95.           <a href="#">
  96.             <img class="media-object" src="../../img/logo-header.png" alt="..." height="100" width="100">
  97.           </a>
  98.         </div>
  99.   <div class="media-body" style="margin-top: 52px">
  100.     <div class="media-right">
  101.         <nav id="nav" role="navigation">
  102.           <a href="#nav" title="Show navigation">Show navigation</a>
  103.           <a href="#" title="Hide navigation">Hide navigation</a>  
  104.             <ul class="clearfix">
  105.                <li class="active"><a href="index.htm" title="">Beranda</a></li>
  106.                <li><a href="components.htm" title=""><span>PROFIL</span></a>
  107.                 <ul> <!-- Submenu -->
  108.                   <li><a href="components.htm" title="">VISI MISI</a></li>
  109.                   <li><a href="blog.htm" title="">STRUKTUR ORGANISASI</a></li>
  110.                   <li><a href="blog-detail.htm" title="">LOKASI BUMDES</a></li>                  
  111.                  </ul> <!-- End Submenu -->
  112.                  <li><a href="produk2.php" title=""><span>INFO</span></a>
  113.                  <ul> <!-- Submenu -->
  114.                   <li><a href="produk2.php" title="">PRODUK</a></li>
  115.                   <li><a href="blog.htm" title="">BERITA</a></li>                  
  116.                  </ul> <!-- End Submenu -->            
  117.  
  118.                 <li><a href="components.htm" title=""><span>DATA BUMDES</span></a>
  119.  
  120.                  <ul> <!-- Submenu -->
  121.                   <li><a href="components.htm" title="">DATA PEMASUKAN</a></li>
  122.                       <li><a href="blog.htm" title="">DATA PENGELUARAN</a></li>
  123.                   <li><a href="blog-detail.htm" title="">LOKASI BUMDES</a></li>
  124.                  </ul> <!-- End Submenu -->      
  125.                 </li>
  126.                 <li><a href="../index.php" title="">LOGIN</a></li>
  127.              </ul>
  128.           </nav>
  129.      </div>
  130.   </div>
  131. </div>
  132. </header>
  133. <!-- COPY SAMPAI SITOK. USAH LUPAK KOMEN2 YANG MACAM GETOK DI HAPUS KALAK, KALAK TANYAKEK LEH DOSEN WKWK-->
  134.  
  135. <!-- batas-- >
  136.      <header id="header">
  137.      <div class="container">
  138.      <div class="row t-container">
  139.        <!-- Logo -->
  140.         <div class="col-md-3">
  141.           <div class="logo">
  142.             <a href="index.htm"><img src="../../img/logo-header.png" alt=""></a>
  143.           </div>            
  144.         </div>
  145.  
  146.         <div class="col-md-9 col-md-offset-3">
  147.           <div class="row">
  148.             <nav id="nav" role="navigation">
  149.               <a href="#nav" title="Show navigation">Show navigation</a>
  150.                 <a href="#" title="Hide navigation">Hide navigation</a>
  151.                
  152.               <ul class="clearfix">
  153.                  <li class="active"><a href="index.htm" title="">Beranda</a></li>
  154.                <li><a href="components.htm" title=""><span>PROFIL</span></a>
  155.                     <ul> <!-- Submenu -->
  156.                   <li><a href="components.htm" title="">VISI MISI</a></li>
  157.                   <li><a href="blog.htm" title="">STRUKTUR ORGANISASI</a></li>
  158.                   <li><a href="blog-detail.htm" title="">LOKASI BUMDES</a></li>                  
  159.                    </ul> <!-- End Submenu -->
  160.                          <li><a href="produk2.php" title=""><span>INFO</span></a>
  161.                      <ul> <!-- Submenu -->
  162.                   <li><a href="produk2.php" title="">PRODUK</a></li>
  163.                   <li><a href="blog.htm" title="">BERITA</a></li>                  
  164.                    </ul> <!-- End Submenu -->                    
  165.  
  166.                 <li><a href="components.htm" title=""><span>DATA BUMDES</span></a>
  167.  
  168.                      <ul> <!-- Submenu -->
  169.                   <li><a href="components.htm" title="">DATA PEMASUKAN</a></li>
  170.                       <li><a href="blog.htm" title="">DATA PENGELUARAN</a></li>
  171.                   <li><a href="blog-detail.htm" title="">LOKASI BUMDES</a></li>
  172.                          </ul> <!-- End Submenu -->      
  173.                 </li>
  174.                       <li><a href="../index.php" title="">LOGIN</a></li>
  175.                </ul>
  176.           </nav>
  177.          </div>
  178.   </div>
  179. </header>
  180.  
  181.     <!-- modal input -->
  182.    
  183.     <div class="col-md-2">
  184.        
  185.     </div>
  186.  
  187.        
  188.     </div>
  189.     <div class="col-md-10">
  190.  
  191.     <!--sampai sitok-->
  192.  
  193.     <!--
  194.    misal mun itok dah di copas dengan koding sintia , lalu lah tibe2 nyasal makai yang itok, berarti harus buat backup.
  195.    care nye.
  196.    1. file header.php yang ade di inc di ubah name nye headerbackup.php atau terserah lah nak name ape , biar daan lupak.
  197.    2. file itok di simpan dengan name header.php mun sekire nye copas semue 1 halaman, mun copas sikit dari bagian body sampai bawah ( bagian dic class=col-md-10). langsung simpan jak.
  198.    gie care nye.
  199.    MUN NAK MAKAI YANG LAMAK  
  200.    getok die..
  201.    lalu sintia nak makai file header.php yang udah sintia buat sebelumnye, atau yang asli dari sintia , tinggal ubah ajak name headerbackup.php jadi header.php.
  202.    POKOK NYE USAH NAK ADE NAME FILE YANG SAME DI SATU FOLDER INC ITOK.
  203.  
  204.    
  205.  
  206.      -->
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!