Advertisement
Guest User

WD_MP2104

a guest
Apr 21st, 2019
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.63 KB | None | 0 0
  1. <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Assignment1.Site" %>
  2.  
  3. <!DOCTYPE html>
  4.  
  5. <html>
  6. <head runat="server">
  7.  
  8.     <meta charset="utf-8"/>
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10.  
  11.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  12.     <link href="/Content/bootstrap.css" rel="stylesheet"/>
  13.  
  14.     <script src="/Scripts/jquery-3.3.1.js"></script>
  15.     <script src="/Scripts/bootstrap.js"></script>
  16.      
  17.     <title><%: Page.Title %></title>
  18.    
  19.     <style type="text/css">
  20.  
  21.         #navbar1
  22.         {
  23.             padding: 0px 10px 0px 10px;
  24.             background-color: #000000;
  25.             color: white !important;
  26.             height: 40px;
  27.         }
  28.        
  29.         #ulNav1 li a{
  30.             display: block;
  31.             color: white;
  32.             text-align: center;
  33.             padding: 9px 12px;
  34.             text-decoration: none;
  35.             font-size: 87%;
  36.             font-style: inherit
  37.         }
  38.  
  39.         #navbar1 a:hover {
  40.           background-color: #787878;
  41.         }
  42.  
  43.     </style>
  44.  
  45.     <asp:ContentPlaceHolder ID="CPhead" runat="server">
  46.     </asp:ContentPlaceHolder>
  47. </head>
  48. <body>
  49.     <form id="form1" runat="server">
  50.         <nav class="navbar navbar-expand-lg" id = "navbar1">
  51.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
  52.                 <span class="navbar-toggler-icon"></span>
  53.             </button>
  54.             <div class="collapse navbar-collapse" id="collapsibleNavbar">
  55.                 <ul class="nav navbar-nav ml-auto" id="ulNav1">
  56.                     <li class="nav-item">
  57.                         <a class="nav-link" href="#">ABOUT</a>
  58.                     </li>
  59.                     <li class="nav-item">
  60.                         <a class="nav-link" href="#">CONTACT</a>
  61.                     </li>
  62.                     <li class="nav-item">
  63.                         <a class="nav-link" href="#">BLOG</a>
  64.                     </li>
  65.                     <li class="nav-item">
  66.                         <a class="nav-link" href="#"><i class="fa fa-fw fa-user"></i>MY ACCOUNT</a>
  67.                     </li>
  68.                     <li class="nav-item">
  69.                         <a class="nav-link" href="#"><i class="fa fa-fw fa-shopping-cart"></i> CART</a>
  70.                     </li>
  71.                     <li class="nav-item">
  72.                         <a class="nav-link" href="#">RETAILER LOGIN</a>
  73.                     </li>
  74.                 </ul>
  75.             </div>
  76.         </nav>
  77.  
  78.         <nav class="navbar navbar-expand-lg" id="navbar2">
  79.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar1">
  80.                 <span class="navbar-toggler-icon"></span>
  81.             </button>
  82.             <div class="collapse navbar-collapse" id="collapsibleNavbar1">
  83.                 <a class="navbar-brand" href="#"><img src="Logo/johnson.png" style="width:64px;"></a>
  84.                 <ul class="navbar-nav ml-auto">
  85.                     <li class="nav-item">
  86.                         <a class="nav-link" href="#">BIKES</a>
  87.                     </li>
  88.                     <li class="nav-item">
  89.                         <a class="nav-link" href="#">TREADMILLS</a>
  90.                     </li>
  91.                     <li class="nav-item">
  92.                         <a class="nav-link" href="#">ROWERS</a>
  93.                     </li>
  94.                     <li class="nav-item">
  95.                         <a class="nav-link" href="#">ELLIPTICALS</a>
  96.                     </li>
  97.                     <li class="nav-item">
  98.                         <a class="nav-link" href="#">STRENGTH</a>
  99.                     </li>
  100.                     <li class="nav-item active">
  101.                         <a class="nav-link" href="#">SALE</a>
  102.                     </li>
  103.                 </ul>
  104.                 <div class="form-inline my-2 my-lg-0">
  105.                   <input class="form-control mr-sm-2" type="search" placeholder="PRODUCT SEARCH" aria-label="Search">
  106.                 </div>
  107.                 <ul class="navbar-nav">
  108.                 <li class="nav-item active">
  109.                         <a class="nav-link" href="#">LOCATE A STORE</a>
  110.                     </li>
  111.                 </ul>
  112.             </div>
  113.         </nav>
  114.  
  115.         <main>
  116.             <asp:ContentPlaceHolder ID="CPBody" runat="server">
  117.             </asp:ContentPlaceHolder>
  118.         </main>
  119.  
  120.         <footer class="text-center">
  121.             &copy; 2018 Web dev
  122.         </footer>
  123.     </form>
  124. </body>
  125. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement