templates/header.html.twig line 1

Open in your IDE?
  1. <div class="main-navbar">
  2.     <!--background-color: #e3f2fd;-->
  3.     <nav class="navbar navbar-expand-sm navbar-light" style="background-color: #343a40;">
  4.         <ul class="navbar-nav mr-auto">
  5.             <li class="nav-item">
  6.                 <a class="nav-link" href="/" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Home</h4></a>
  7.             </li>
  8.             <li class="nav-item">
  9.                 <a class="nav-link" href="./all" data-toggle="tooltip" title="hooray!" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">All Recipes</h4></a>
  10.             </li>
  11.             <!--
  12.             <li class="nav-item">
  13.                 <a class="nav-link" href="./add" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Add Recipe</h4></a>
  14.             </li>
  15.             -->
  16.             <li class="nav-item">
  17.                 <a class="nav-link" href="./challenges" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Challenges & Badges</h4></a>
  18.             </li>
  19.             <li>
  20.                 <a class="nav-link" href="./about" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">About</h4></a>
  21.             </li>
  22.             <li>
  23.                 <a class="nav-link" href="./contacts" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Contact Us</h4></a>
  24.             </li>
  25.             <!--
  26.             <li>
  27.                 <a class="nav-link" href="./contacts" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Login</h4></a>
  28.             </li>
  29.             -->
  30.         </ul>
  31.         <!--
  32.         <span class="navbar-text">
  33.             <a href="#" style="text-decoration:none;">Login</a>
  34.         </span>
  35.         -->
  36.     </nav>
  37.     
  38. </div>
  39. <div class="mobile-main-navbar pos-f-t">
  40.   <div class="collapse" id="navbarToggleExternalContent">
  41.     <div class="bg-dark p-4">
  42.       <!--
  43.       <h4 class="text-white">Collapsed content</h4>
  44.       <span class="text-muted">Toggleable via the navbar brand.</span>
  45.       -->
  46.         <nav>
  47.             <ul class="navbar-nav mr-auto">
  48.                 <li class="nav-item">
  49.                     <a class="nav-link" href="/" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Home</h4></a>
  50.                 </li>
  51.                 <li class="nav-item">
  52.                     <a class="nav-link" href="./all" data-toggle="tooltip" title="hooray!" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">All Recipes</h4></a>
  53.                 </li>
  54.                 <li class="nav-item">
  55.                     <a class="nav-link" href="./add" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Add Recipe</h4></a>
  56.                 </li>
  57.                 <!--
  58.                 <li class="nav-item">
  59.                     <a class="nav-link" href="./challenges" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Challenges/Badges</h4></a>
  60.                 </li>
  61.                 -->
  62.                 <li>
  63.                     <a class="nav-link" href="./about" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">About</h4></a>
  64.                 </li>
  65.                 <li>
  66.                     <a class="nav-link" href="./contacts" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Contact Us</h4></a>
  67.                 </li>
  68.             </ul>
  69.             <span class="navbar-text">
  70.                 <a href="#" style="text-decoration:none;">Login</a>
  71.             </span>
  72.         </nav>
  73.     </div>
  74.   </div>
  75.   <nav class="navbar navbar-dark bg-dark">
  76.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
  77.       <span class="navbar-toggler-icon"></span>
  78.     </button>
  79.   </nav>
  80. </div>