API tools faq
paste
Advertisement
darryljf

main.tpl

darryljf
Mar 23rd, 2020
549
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en" dir="ltr">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.  
  7.     <title>Crate Diggers</title>
  8.  
  9.     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
  10.     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-exp.min.css">
  11.     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-icons.min.css">
  12.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  13.     <link href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap" rel="stylesheet">
  14.     <link rel="stylesheet" href="https://use.typekit.net/ldb1zbz.css">
  15.     <link rel="stylesheet" href="styles/styles.min.css">
  16.   </head>
  17.  
  18.   <body class="{$view_name}-page">
  19.       <header><!--navbar START-->
  20.         <div class="navbar navbar-expand-lg">
  21.           <div class="container">
  22.             <a href="index.html" class="navbar-brand mr-5">Crate Diggers <i class="ml-1 fas fa-record-vinyl"></i></a>
  23.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navToggler" aria-controls="navToggler" aria-expande="false" aria-label="Toggle navigation">
  24.               <span class="navbar-toggler-icon"></span>
  25.             </button>
  26.             <div class="collapse navbar-collapse ml-lg-4" id="navToggler"><!--navbar collapse START-->
  27.               <ul class="navbar-nav mr-auto">
  28.                 <li class="nav-item active">
  29.                   <a href="index.php?p=my_crate" class="nav-link">My Crate <span class="sr-only">(current)</span></a>
  30.                 </li>
  31.                 <li class="nav-item">
  32.                   <a href="index.php?p=wantlist" class="nav-link">Wantlist</a>
  33.                 </li>
  34.                 <li class="nav-item">
  35.                   <a href="index.php?p=search_db" class="nav-link">Search</a>
  36.                 </li>
  37.               </ul>
  38.               <ul class="navbar-nav flex-row">
  39.                 <li class="nav-item dropdown mr-2 mr-lg-0">
  40.                   <a href="#" class="nav-link dropdown-toggle" id="dropdownNotification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-bell"></i></a>
  41.                   <ul class="menu dropdown-menu-right" aria-labeldby="dropdownNotification">
  42.                     <p class="dropdown-header">Notifications</p>
  43.                     <li class="divider"></li>
  44.                     <li class="menu-item">
  45.                       <a href="#">Messages</a>
  46.                       <div class="menu-badge">
  47.                         <label for="#" class="label label-primary">4</label>
  48.                       </div>
  49.                     </li>
  50.  
  51.                     <li class="menu-item">
  52.                       <a href="#">See all</a>
  53.                     </li>
  54.                   </ul>
  55.                 </li>
  56.                 <li class="nav-item dropdown mr-2 mr-lg-0">
  57.                   <a href="#" class="nav-link dropdown-toggle" id="dropdownProfile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-user-circle"></i></a>
  58.  
  59.                     <ul class="menu dropdown-menu-right"  id="dropdown_profile" aria-labeldby="dropdownProfile">
  60.                       <li class="menu-item">
  61.                         <div class="tiled tile-centered d-flex flex-row align-items-center">
  62.                           <div class="tile-icon mr-2">
  63.                             <img src="./images/avatar-4.png" alt="#" class="avatar">
  64.                           </div>
  65.                           <a href="#" class="tile-content">$Username</a>
  66.                         </div>
  67.                       </li>
  68.                       <li class="divider"></li>
  69.                       <div class="menu-item">
  70.                         <a href="#" class="active">My Profile</a>
  71.                       </div>
  72.                       <div class="menu-item">
  73.                         <a href="#">Settings</a>
  74.                       </div>
  75.                       <div class="divider"></div>
  76.                       <div class="menu-item">
  77.                         <a href="#">Logout</a>
  78.                       </div>
  79.                     </ul>
  80.  
  81.                   </li>
  82.                 </ul>
  83.             </div><!--navbar collapse END-->
  84.           </div><!--container END-->
  85.         </div><!--navbar div END-->
  86.       </header>
  87.       {block name="body"}{/block}
  88.  
  89.       <footer id="footer" class="footer">
  90.         <div class="container">
  91.           <div class="row">
  92.             <div class="col-12 mt-2">
  93.               <div class="d-flex flex-row justify-content-center">
  94.                 <a href="#" class="nav-link text-white"><i class="fab fa-facebook-square"></i></a>
  95.                 <a href="#" class="nav-link text-white"><i class="fab fa-twitter"></i></a>
  96.                 <a href="#" class="nav-link text-white"><i class="fab fa-instagram"></i></a>
  97.                 <a href="#" class="nav-link text-white"><i class="fab fa-google"></i></a>
  98.               </div>
  99.             </div>
  100.           </div> <!--row END-->
  101.           <div class="dropdown-divider"></div>
  102.           <div class="row">
  103.             <div class="col-lg-3 col-md-6 col-sm-12 text-white">
  104.               <div class="d-flex flex-column mb-2">
  105.                 <h5 class="foot-title">Crate Diggers</h5>
  106.                 <a href="#" class="foot-sub-title">About Us</a>
  107.                 <a href="#" class="foot-sub-title">Blog</a>
  108.                 <a href="#" class="foot-sub-title">App</a>
  109.               </div>
  110.             </div>
  111.             <div class="col-lg-3 col-md-6 col-sm-12 text-white">
  112.               <div class="d-flex flex-column mb-2">
  113.                 <h5 class="foot-title">Help</h5>
  114.                 <a href="#" class="foot-sub-title">Help</a>
  115.                 <a href="#" class="foot-sub-title">Support</a>
  116.                 <a href="#" class="foot-sub-title">FAQ</a>
  117.                   <a href="#" class="foot-sub-title">Keyboard Shortcuts</a>
  118.               </div>
  119.             </div>
  120.             <div class="col-lg-3 col-md-6 col-sm-12 text-white">
  121.               <div class="d-flex flex-column mb-2">
  122.                 <h5 class="foot-title">Join Us</h5>
  123.                 <a href="#" class="foot-sub-title">Get Started</a>
  124.                 <a href="#" class="foot-sub-title">Sign-up</a>
  125.                 <a href="#" class="foot-sub-title">Contribute</a>
  126.               </div>
  127.             </div>
  128.             <div class="col-lg-3 col-md-6 col-sm-12 text-white">
  129.               <div class="d-flex flex-column mb-3">
  130.                 <h5 class="foot-title">Follow Us</h5>
  131.                 <div class="d-flex flex-row align-items-center">
  132.                   <i class="fab fa-facebook-square mr-2"></i>
  133.                   <a href="#" class="foot-sub-title">Facebook</a>
  134.                 </div>
  135.                 <div class="d-flex flex-row align-items-center">
  136.                   <i class="fab fa-twitter mr-2"></i>
  137.                   <a href="#" class="foot-sub-title">Twitter</a>
  138.                 </div>
  139.                 <div class="d-flex flex-row align-items-center">
  140.                   <i class="fab fa-instagram mr-2"></i>
  141.                   <a href="#" class="foot-sub-title">Instagram</a>
  142.                 </div>
  143.                 <div class="d-flex flex-row align-items-center">
  144.                   <i class="fab fa-soundcloud mr-2"></i>
  145.                   <a href="#" class="foot-sub-title">Soundcloud</a>
  146.                 </div>
  147.                 <div class="d-flex flex-row align-items-center">
  148.                   <i class="fab fa-mixcloud mr-2"></i>
  149.                   <a href="#" class="foot-sub-title">Mixcloud</a>
  150.                 </div>
  151.                 <div class="d-flex flex-row align-items-center">
  152.                   <i class="fab fa-pinterest mr-2"></i>
  153.                   <a href="#" class="foot-sub-title">Pinterest</a>
  154.                 </div>
  155.               </div>
  156.             </div>
  157.           </div><!--row END-->
  158.           <div class="row">
  159.             <div class="col-12">
  160.               <div class="d-flex flex-row align-items-center pb-1">
  161.                 <a class="bottom_row_nav text-white mr-3" href="#">&copy;2020 Crate Diggers&reg;</a>
  162.                 <a class="bottom_row_nav mr-2" href="#">Cookie Settings</a>
  163.                 <a class="bottom_row_nav mr-2" href="#">Cookie Policy</a>
  164.                 <a class="bottom_row_nav mr-2" href="#">Terms of Service</a>
  165.                 <a class="bottom_row_nav mr-2" href="#">Privacy Policy</a>
  166.                 <div class="dropup ml-2">
  167.                   <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">English <i class="fas fa-globe-europe text-white ml-1"></i></a>
  168.                   <div class="dropdown-menu">
  169.                     <a href="#" class="dropdown-item active">English</a>
  170.                     <a href="#" class="dropdown-item">Spanish</a>
  171.                     <a href="#" class="dropdown-item">French</a>
  172.                     <a href="#" class="dropdown-item">Italian</a>
  173.                   </div>
  174.                 </div>
  175.               </div>
  176.             </div>
  177.           </div>
  178.         </div><!--footer container END-->
  179.       </footer>
  180.  
  181.     <!-- PWA -->
  182.       <script>
  183.           if ('serviceWorker' in navigator) {
  184.               navigator.serviceWorker.register('service-worker.js');
  185.           }
  186.       </script>
  187.  
  188.       <!-- Custom JS -->
  189.       <script src="scripts/scripts.min.js"></script>
  190.       <script>
  191.           $(function() {
  192.               home.init();
  193.           });
  194.       </script>
  195.  
  196.     <script src="https://kit.fontawesome.com/ce5cf9d365.js" crossorigin="anonymous"></script>
  197.     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  198.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  199.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  200.   </body>
  201. </html>
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!