Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="Assignment1.Site" %>
- <!DOCTYPE html>
- <html>
- <head runat="server">
- <meta charset="utf-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- <link href="/Content/bootstrap.css" rel="stylesheet"/>
- <script src="/Scripts/jquery-3.3.1.js"></script>
- <script src="/Scripts/bootstrap.js"></script>
- <title><%: Page.Title %></title>
- <style type="text/css">
- #navbar1
- {
- padding: 0px 10px 0px 10px;
- background-color: #000000;
- color: white !important;
- height: 40px;
- }
- #ulNav1 li a{
- display: block;
- color: white;
- text-align: center;
- padding: 9px 12px;
- text-decoration: none;
- font-size: 87%;
- font-style: inherit
- }
- #navbar1 a:hover {
- background-color: #787878;
- }
- </style>
- <asp:ContentPlaceHolder ID="CPhead" runat="server">
- </asp:ContentPlaceHolder>
- </head>
- <body>
- <form id="form1" runat="server">
- <nav class="navbar navbar-expand-lg" id = "navbar1">
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="collapsibleNavbar">
- <ul class="nav navbar-nav ml-auto" id="ulNav1">
- <li class="nav-item">
- <a class="nav-link" href="#">ABOUT</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">CONTACT</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">BLOG</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#"><i class="fa fa-fw fa-user"></i>MY ACCOUNT</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#"><i class="fa fa-fw fa-shopping-cart"></i> CART</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">RETAILER LOGIN</a>
- </li>
- </ul>
- </div>
- </nav>
- <nav class="navbar navbar-expand-lg" id="navbar2">
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar1">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="collapsibleNavbar1">
- <a class="navbar-brand" href="#"><img src="Logo/johnson.png" style="width:64px;"></a>
- <ul class="navbar-nav ml-auto">
- <li class="nav-item">
- <a class="nav-link" href="#">BIKES</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">TREADMILLS</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">ROWERS</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">ELLIPTICALS</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">STRENGTH</a>
- </li>
- <li class="nav-item active">
- <a class="nav-link" href="#">SALE</a>
- </li>
- </ul>
- <div class="form-inline my-2 my-lg-0">
- <input class="form-control mr-sm-2" type="search" placeholder="PRODUCT SEARCH" aria-label="Search">
- </div>
- <ul class="navbar-nav">
- <li class="nav-item active">
- <a class="nav-link" href="#">LOCATE A STORE</a>
- </li>
- </ul>
- </div>
- </nav>
- <main>
- <asp:ContentPlaceHolder ID="CPBody" runat="server">
- </asp:ContentPlaceHolder>
- </main>
- <footer class="text-center">
- © 2018 Web dev
- </footer>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement