API tools faq
paste
Guest User

base.html

a guest
Aug 16th, 2020
261
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.21 KB | None | 0 0
raw download clone embed print report
  1. {{define "base"}}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7.   <meta charset="utf-8">
  8.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.   <meta name="description" content="Dog Walking Business Website">
  10.   <meta name="author" content="Bob">
  11.  
  12.   <title>Doggie Walkin'</title>
  13.  
  14.   <!-- Bootstrap core CSS -->
  15.   <link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.   <!-- AJAX --!>
  18.  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> -->
  19.  
  20.   <!-- Custom styles for this template -->
  21.   <link href="/css/modern-business.css" rel="stylesheet">
  22.  
  23.   <!-- more styles --!>
  24.  <style>
  25.        /* Modify the background color */
  26.          
  27.        .color-purple {
  28.            background-color: #9370DB;
  29.        }
  30.     .color-lavender {
  31.         background-color: #E6E6FA;
  32.     }
  33.    </style>
  34.  
  35. </head>
  36.  
  37. <body>
  38. <!-- Bootstrap core JavaScript -->
  39.   <script src="/vendor/jquery/jquery.min.js"></script>
  40.   <script src="/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  41.   <!-- Navigation -->
  42.       <nav class="navbar fixed-top navbar-expand-lg navbar-dark color-purple"> <!-- took out bg-dark --!>
  43.    <div class="container">
  44.      <a class="navbar-brand" href="/">Home</a>
  45.      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  46.        <span class="navbar-toggler-icon"></span>
  47.      </button>
  48.      <div class="collapse navbar-collapse" id="navbarResponsive">
  49.        <ul class="navbar-nav ml-auto">
  50.          <li class="nav-item">
  51.            <a class="nav-link" href="/pricing">Pricing</a>
  52.          </li>
  53.           <li class="nav-iem">
  54.            <a class="nav-link" href="/contact">Contact</a>
  55.           </li>
  56.          <li class="nav-item">
  57.            <a class="nav-link" href="/about">About</a>
  58.          </li>
  59.           <li class="nav-item">
  60.            <a class="nav-link" href="/faq">FAQ</a>
  61.          </li>
  62.          <li class="nav-item dropdown">
  63.            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  64.              Extra Links/Pages
  65.            </a>
  66.            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
  67.              <a class="dropdown-item" href="/images/valeriaychris.jpeg">The Happy Couple</a>
  68.              <a class="dropdown-item" href="/sidebar.html">Sidebar Page</a>
  69.              <a class="dropdown-item" href="/faq.html">FAQ</a>
  70.              <a class="dropdown-item" href="/404.html">404</a>
  71.              <a class="dropdown-item" href="/pricing.html">Pricing Table</a>
  72.            </div>
  73.          </li>
  74.       <li class="nav-item">
  75.            <a class="nav-link" href="/login">Login</a>
  76.          </li>
  77.       <li class="nav-item">
  78.         <a class="nav-link" href="/logout">Logout</a>
  79.       </li>
  80.        </ul>
  81.      </div>
  82.    </div>
  83.  </nav>
  84. <!-- other templates go here -->
  85. <!-- end other templates -->
  86. <!-- MUST add </body> and </html> to all templates that use base ***  , trying to put this in footer.html-->
  87. {{end}}
Add Comment
Please, Sign In to add comment
Public Pastes
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!