templates/nav.html.twig line 1

Open in your IDE?
  2. <style>
  3. .td{
  4. width: 10%;
  5. overflow: scroll;
  6. }
  7. p{
  8. text-indent: 35px;
  9. }
  10. </style>
  11. <nav class="navbar navbar-expand-lg navbar-light w3-red w3-hover-pink w3-animate-input w3-animate-opacity">
  12. <a class="navbar-brand" href="#"><marquee wid th="128px"><img src="{{ asset('./favicon.png') }}" alt="BIRTH" width="64px" class="w3-image w3-small w3-round-xxlarge"></marquee></a>
  13. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="true" aria-label="Toggle navigation">
  14. <span class="navbar-toggler-icon"></span>
  15. </button>
  17. <div class="collapse navbar-collapse" id="navbarColor03">
  18. <ul class="navbar-nav mr-auto">
  19. <li class="nav-item active">
  20. <a class="nav-link " href="{{ path('home') }}"><span class="fa fa-home"></span>{% trans %}Home {% endtrans %}<span class="sr-only">(current)</span></a>
  21. </li>
  22. <li class="nav-item ">
  23. <a class="nav-link " href="{{ path('hospital_index') }}"><span class="fa fa-hospital-o"></span>{% trans %}Medical Directory{% endtrans %}<span class="sr-only">(current)</span></a>
  24. </li>
  25. <li class="nav-item">
  26. </li>
  27. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  29. <li class="nav-item">
  31. <a class="nav-link " href="{{ path('child_index') }}"><span class="fa-address-card-o fa"></span>{% trans %}Birth{% endtrans %}</a>
  32. </li>
  34. {% if is_granted('ROLE_CEC') %}
  36. <li class="nav-item">
  37. <a class="nav-link" href="{{ path('marriage_certificate_index') }}"><span class="fa fa-random"></span>{% trans %}Marriage{% endtrans %}</a>
  38. </li>
  39. <li class="nav-item">
  40. <a class="nav-link" href="{{ path('death_certificate_index') }}"><span class="fa fa-ban "></span>{% trans %}Death{% endtrans %}</a>
  41. </li>
  42. <li class="nav-item">
  43. <a class="nav-link" href="{{ path('cec_register') }}"><span class="fa fa-plus"></span>{% trans %}add account{% endtrans %}</a>
  44. </li>
  45. {% endif %}
  46. {% endif %}
  47. <!--li class="nav-item dropdown">
  48. <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
  49. <div class="dropdown-menu">
  50. <a class="dropdown-item" href="#">{% trans %}Action{% endtrans %}</a>
  51. <a class="dropdown-item" href="#">{% trans %}Action{% endtrans %}</a>
  52. <a class="dropdown-item" href="#">{% trans %}Action{% endtrans %}</a>
  54. <div class="dropdown-divider"></div>
  55. <a class="dropdown-item" href="#">{% trans %}Action{% endtrans %}</a>
  56. </div>
  57. </li-->
  58. <!--li class="nav-item dropdown">
  59. <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"></a>
  60. <div class="dropdown-menu">
  61. <a class="dropdown-item" href="{#{ path( app.request.attributes.get('_route') ,{_locale:'en'}) }}"><img src="en.png" width="32px" alt="en">{% trans %}English{% endtrans %}</a>
  62. <a class="dropdown-item" href="{{ path( app.request.attributes.get('_route') ,{_locale:'fr'}) }#}"><img src="fr.png" width="32px" alt="fr">{% trans %}French{% endtrans %}</a>
  64. <div class="dropdown-divider"></div>
  66. <a class="dropdown-item" href="#">{% trans %}Action{% endtrans %}</a>
  67. </div>
  68. </li-->
  71. </li>
  72. </ul>
  74. <ul class="list-unstyled list-inline navbar-nav">
  75. {% if app.user %}
  76. <li class="nav-item w3-padding-small ">
  77. <a class="nav-link w3-teal w3-round-large w3-btn " href=""><span class="fa fa-user-circle "> </span> {{ app.user.username }}</a>
  78. </li>
  79. <li class="nav-item w3-padding-small">
  81. <a class="nav-link w3-pink w3-round-large w3-btn " href="{{ path('app_logout') }}"><span class="fa fa-sign-out"></span>{% trans %}Logout{% endtrans %}</a>
  82. </li>
  83. {% else %}
  84. <li class="nav-item ">
  86. <a class="nav-link w3-teal w3-center w3-round-large" href="{{ path('app_login') }}"><span class="fa fa-user"></span>{% trans %}Login {% endtrans %}</a>
  87. </li>
  88. <!--li class="nav-item">
  90. <a class="nav-link" href="{{ path('app_register') }}"><span class="fa fa-user-plus"></span>{% trans %}register {% endtrans %}</a>
  91. </li-->
  92. {% endif %}
  93. </ul>
  97. <!--form class="form-inline my-2 my-lg-0">
  98. <input class="form-control mr-sm-2" type="text" placeholder="{% trans %}Search{% endtrans %}">
  99. <button class="btn btn-secondary my-2 my-sm-0" type="submit">{% trans %}Action{% endtrans %}</button>
  100. </form-->
  101. </div>
  102. </nav>
  106. <!-- CSS -->
  107. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  109. <!-- jQuery and JS bundle w/ Popper.js -->
  110. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  111. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
  114. {#
  117. <div id="header">
  118. <div id="navigation">
  119. <span id="mobile-navigation">&nbsp;</span>
  120. <a href="index.html" class="logo navbar-brand"><img src="{{ asset('image/beb3.png') }}" alt="BIRTH" width="32px"></a>
  121. <ul id="menu">
  122. <li class="selected">
  123. <a href="index.html">Home</a>
  124. </li>
  125. <li>
  126. <a href="about.html">About</a>
  127. </li>
  128. <li>
  129. <a href="running.html">Running</a>
  130. <ul>
  131. <li>
  132. <a href="runningsinglepost.html">Running single post</a>
  133. </li>
  134. </ul>
  135. </li>
  136. <li>
  137. <a href="blog.html">Blog</a>
  138. <ul>
  139. <li>
  140. <a href="blogsinglepost.html">blog single post</a>
  141. </li>
  142. </ul>
  143. </li>
  144. <li>
  145. <a href="contact.html">Contact</a>
  146. </li>
  147. </ul>
  148. </div>
  149. </div>
  150. #}