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.     
  40. </div>
  44. <div class="mobile-main-navbar pos-f-t">
  45.   <div class="collapse" id="navbarToggleExternalContent">
  46.     <div class="bg-dark p-4">
  47.       <!--
  48.       <h4 class="text-white">Collapsed content</h4>
  49.       <span class="text-muted">Toggleable via the navbar brand.</span>
  50.       -->
  52.         <nav>
  53.             <ul class="navbar-nav mr-auto">
  54.                 <li class="nav-item">
  55.                     <a class="nav-link" href="/" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Home</h4></a>
  56.                 </li>
  57.                 <li class="nav-item">
  58.                     <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>
  59.                 </li>
  60.                 <li class="nav-item">
  61.                     <a class="nav-link" href="./add" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Add Recipe</h4></a>
  62.                 </li>
  63.                 <!--
  64.                 <li class="nav-item">
  65.                     <a class="nav-link" href="./challenges" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Challenges/Badges</h4></a>
  66.                 </li>
  67.                 -->
  68.                 <li>
  69.                     <a class="nav-link" href="./about" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">About</h4></a>
  70.                 </li>
  71.                 <li>
  72.                     <a class="nav-link" href="./contacts" style="text-decoration:none;"><h4 style="font-family:fantasy;color:#ffc266;">Contact Us</h4></a>
  73.                 </li>
  74.             </ul>
  75.             <span class="navbar-text">
  76.                 <a href="#" style="text-decoration:none;">Login</a>
  77.             </span>
  78.         </nav>
  79.     </div>
  80.   </div>
  81.   <nav class="navbar navbar-dark bg-dark">
  82.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
  83.       <span class="navbar-toggler-icon"></span>
  84.     </button>
  85.   </nav>
  86. </div>