Advertisement
Guest User

Untitled

a guest
Jul 20th, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.48 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <title>Tiêu đề</title>
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
  9.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
  10.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  11.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  12.     <style>
  13.         @media (min-width: 768px) {
  14.             .dropdown:hover .dropdown-menu {
  15.                 display: block;
  16.             }
  17.         }
  18.        
  19.         .navbar-inverse {
  20.             background-color: #99daf1;
  21.             border-color: #99daf1;
  22.         }
  23.        
  24.         .navbar-inverse .navbar-brand {
  25.             color: green;
  26.         }
  27.        
  28.         .navbar .collapse ul li a {
  29.             color: black;
  30.             text-transform: uppercase;
  31.             font-weight: bold;
  32.         }
  33.        
  34.         .navbar .collapse ul li ul {
  35.             background-color: #99daf1;
  36.         }
  37.        
  38.         .navbar .collapse ul li ul li a {
  39.             text-transform: uppercase;
  40.             font-weight: bold;
  41.         }
  42.        
  43.         .giohang {
  44.             position: absolute;
  45.             top: 6px;
  46.         }
  47.     </style>
  48. </head>
  49.  
  50. <body style="min-height: 3000px;">
  51.     <nav id="annavbar" class="navbar navbar-inverse navbar-md navbar-fixed-top">
  52.         <div class="container">
  53.             <div class="navbar-header">
  54.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  55.                     <span class="icon-bar"></span>
  56.                     <span class="icon-bar"></span>
  57.                     <span class="icon-bar"></span>
  58.                 </button>
  59.                 <a class="navbar-brand" href="#">Tên Shop Đây</a>
  60.             </div>
  61.             <div class="collapse navbar-collapse" id="myNavbar">
  62.                 <ul class="nav navbar-nav">
  63.                     <!-- <li class="active"><a href="#">Home</a></li> -->
  64.                     <li class="dropdown">
  65.                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Áo <span class="caret"></span></a>
  66.                         <ul class="dropdown-menu">
  67.                             <li><a href="#">Áo kiểu</a></li>
  68.                             <li><a href="#">Áo thun</a></li>
  69.                             <li><a href="#">Áo sơ mi</a></li>
  70.                             <li><a href="#">Áo khoác</a></li>
  71.                         </ul>
  72.                     </li>
  73.                     <li class="dropdown">
  74.                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Quần <span class="caret"></span></a>
  75.                         <ul class="dropdown-menu">
  76.                             <li><a href="#">Quần Kaki</a></li>
  77.                             <li><a href="#">Quần Jean</a></li>
  78.                             <li><a href="#">Quần Short</a></li>
  79.                             <li><a href="#">Quần Jogger</a></li>
  80.                             <li><a href="#">Đầm nữ</a></li>
  81.                         </ul>
  82.                     </li>
  83.                     <li class="dropdown">
  84.                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Giày <span class="caret"></span></a>
  85.                         <ul class="dropdown-menu">
  86.                             <li><a href="#">Giày nam</a></li>
  87.                             <li><a href="#">Giày nữ</a></li>
  88.                         </ul>
  89.                     </li>
  90.                     <li class="dropdown">
  91.                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Nón <span class="caret"></span></a>
  92.                         <ul class="dropdown-menu">
  93.                             <li><a href="#">Nón Snapback</a></li>
  94.                             <li><a href="#">Nón Bucket</a></li>
  95.                             <li><a href="#">Nón Phớt</a></li>
  96.                         </ul>
  97.                     </li>
  98.                     <li class="dropdown">
  99.                         <a class="dropdown-toggle" data-toggle="dropdown" href="#">Ba lô & túi xách <span class="caret"></span></a>
  100.                        <ul class="dropdown-menu">
  101.                            <li><a href="#">Ba lô</a></li>
  102.                            <li><a href="#">Túi xách</a></li>
  103.                        </ul>
  104.                    </li>
  105.                    <li><a href="#">Khác</a></li>
  106.                </ul>
  107.                <ul class="nav navbar-nav navbar-right">
  108.                    <li><a href="#"><span><i class="fas fa-shopping-cart"></i><span class="giohang">0</span></span>&nbsp;&nbsp;&nbsp; Giỏ hàng</a></li>
  109.                     <li><a href="#"><span class="glyphicon glyphicon-user"></span> Đăng ký</a></li>
  110.                     <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Đăng nhập</a></li>
  111.                 </ul>
  112.             </div>
  113.         </div>
  114.     </nav>
  115.     <p>a</p>
  116.     <div id="thu"></div>
  117.     <script>
  118.         var m = document.getElementById('thu');
  119.         var text = "";
  120.         for (var i = 0; i < 1000; i++) {
  121.            text += "<p> Nội dung" + i + "</p>";
  122.         }
  123.         m.innerHTML = text;
  124.     </script>
  125. </body>
  126.  
  127. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement