templates/base_pdam.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta content="width=device-width, initial-scale=1.0" name="viewport">
  8.     <title>E-Tender - PDAM Makassar</title>
  9.     <meta content="" name="description">
  10.     <meta content="" name="keywords">
  12.     <!-- Favicons -->
  13.     <link href="assets/img/favicon.png" rel="icon">
  14.     <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  15.     {% block stylesheets %}
  16.         <!-- Google Fonts -->
  17.         <link rel="preconnect" href="https://fonts.googleapis.com">
  18.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  19.         <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
  20.         <link href="{{ asset('js/bootstrap/css/bootstrap.css') }}" rel="stylesheet">
  21.         <link href="{{ asset('js/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
  22.         <link href="{{ asset('js/aos/aos.css') }}" rel="stylesheet">
  23.         <link href="{{ asset('js/glightbox/css/glightbox.css') }}" rel="stylesheet">
  24.         <link href="{{ asset('js/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
  25.         <link href="{{ asset('css/main.css') }}" rel="stylesheet">
  26.         {# <link href="{{ asset('new_theme/css/styles.css') }}" rel="stylesheet"> #}
  27.         <link rel="stylesheet" href="{{ asset('bundles/babdevpagerfanta/css/pagerfanta.css') }}">
  28.         <style>
  29.             .dropdown {
  30.                 display: inline-block;
  31.             }
  32.             .navbar .dropdown ul {
  33.                 display: block;
  34.                 position: absolute;
  36.                 left: -28px!important;
  37.                 top: calc(100% + 30px);
  38.                 margin: 0;
  39.                 padding: 10px 0;
  40.                 z-index: 99;
  41.                 opacity: 0;
  42.                 visibility: hidden;
  43.                 background: #fff;
  44.                 transition: 0.3s;
  45.                 border-radius: 4px;
  46.             }
  49.              .dropbtn {
  50.                  border: 2px solid white;
  51.                  background-color: transparent;
  52.                  border-radius:10px;
  53.                  color: white;
  54.                  padding: 10px 10px;
  55.                  font-size: 16px;
  56.                  cursor: pointer;
  57.                  margin-left: 16px;
  58.              }
  60.             .dropbtn:hover, .dropbtn:focus {
  61.                 background-color: #2980B9;
  62.             }
  64.             .dropdown {
  65.                 position: relative;
  66.                 display: inline-block;
  67.             }
  69.             .dropdown-content {
  70.                 display: none;
  71.                 position: absolute;
  72.                 background-color: #f1f1f1;
  73.                 min-width: 160px;
  74.                 overflow: auto;
  75.                 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  76.                 z-index: 1;
  77.             }
  79.             .dropdown-content a {
  80.                 color: black;
  81.                 padding: 12px 16px;
  82.                 text-decoration: none;
  83.                 display: block;
  84.             }
  86.             .dropdown a:hover {background-color: #ddd;}
  88.             .show {display: block;}
  89.         </style>
  92.     {% endblock %}
  95.     {% block javascripts %}{% endblock %}
  97.     {{ encore_entry_script_tags('app') }}
  99. </head>
  101. <body>
  103. <!-- ======= Header ======= -->
  104. <section id="topbar" class="topbar d-flex align-items-center">
  105.     <div class="container d-flex justify-content-center justify-content-md-between">
  106.         <div class="contact-info d-flex align-items-center">
  107.             <i class="bi bi-envelope d-flex align-items-center"><a href="mailto:contact@example.com">pusat.pdammks@gmail.com</a></i>
  108.             <i class="bi bi-phone d-flex align-items-center ms-4"><span>(0411) 850381</span></i>
  109.         </div>
  110.         <div class="social-links d-none d-md-flex align-items-center">
  111.             <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
  112.             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
  113.             <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
  114.             <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
  115.         </div>
  116.     </div>
  117. </section><!-- End Top Bar -->
  119. <header id="header" class="header d-flex align-items-center">
  121.     <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
  122.         <a href="/" class="logo d-flex align-items-center">
  123.             <!-- Uncomment the line below if you also wish to use an image logo -->
  124.             <img src="{{ asset('images/pdam-logo.png')}}" alt="">
  125.             <h4 style="color:white">PDAM Kota Makassar</h4>
  126.         </a>
  127.         <nav id="navbar" class="navbar">
  128.             <ul>
  129.                 <li><a href="{{ path('app_homepage')}}">Beranda</a></li>
  130.                 <li><a href="{{ path('app_search') }}">Cari Paket</a></li>
  132.                 <li><a href="/blacklist">Daftar Hitam</a></li>
  133.                 <li><a href="/kontak-kami">Kontak Kami</a></li>
  134.                 <li>
  135.                     <div class="dropdown">
  136.                         <button onclick="myFunction()" class="dropbtn">Login</button>
  137.                         <div id="myDropdown" class="dropdown-content">
  138.                             <a class="dropdown-item" href="{{ path('admin') }}">Login Penyedia</a>
  139.                             <a class="dropdown-item" href="{{ path('admin') }}">Login Non Penyedia</a>
  140.                         </div>
  141.                     </div>
  142. {#                    <div class="dropdown">#}
  143. {#                        <button onclick="myFunction()" class="btn btn-outline-light dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">#}
  144. {#                            Logins#}
  145. {#                        </button>#}
  146. {#                        <ul   id="myDropdown" class="dropdown-menu" aria-labelledby="dropdownMenuButton1" >#}
  147. {#                            <li><a class="dropdown-item" href="{{ path('admin') }}">Login Penyedia</a></li>#}
  148. {#                            <li><a class="dropdown-item" href="{{ path('admin') }}">Login Non Penyedia</a></li>#}
  150. {#                        </ul>#}
  151. {#                    </div>#}
  152.                 </li>
  153.             </ul>
  155.         </nav><!-- .navbar -->
  157.         <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
  158.         <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
  160.     </div>
  161. </header><!-- End Header -->
  162. <!-- End Header -->
  165. <main id="main">
  167.     {% block body %}
  168.     {% endblock %}
  170. </main><!-- End #main -->
  172. <!-- ======= Footer ======= -->
  173. <footer id="footer" class="footer">
  175.     <div class="container">
  176.         <div class="row gy-4">
  177.             <div class="col-lg-5 col-md-12 footer-info">
  178.                 <a href="/" class="logo  align-items-center" style="line-height: 25px!important;">
  179.                     <span >E-Tender PDAM Kota Makassar</span>
  180.                 </a>
  181.                 <div class="social-links d-flex mt-4">
  182.                     <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
  183.                     <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
  184.                     <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
  185.                     <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
  186.                 </div>
  187.             </div>
  189.             <div class="col-lg-2 col-6 footer-links">
  190.                 <h4>Menu</h4>
  191.                 <ul>
  192.                     <li><a href="#services">Regulasi</a></li>
  193.                     <li><a href="#portfolio">Konten Khusus</a></li>
  194.                     <li><a href="#team">Daftar Hitam</a></li>
  195.                     <li><a href="#contact">Kontak Kami</a></li>
  196.                 </ul>
  197.             </div>
  201.             <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
  202.                 <h4>Kontak Kami</h4>
  203.                 <p>
  204.                     Jl. Dr. Ratulangi No. 3<br>
  205.                     Makassar, Sulawesi Selatan <br><br>
  206.                     <strong>Phone:</strong> (0411) 850381<br>
  207.                     <strong>Email:</strong>  pusat.pdammks@gmail.com<br>
  208.                 </p>
  209.             </div>
  210.         </div>
  211.     </div>
  213.     <div class="container mt-4">
  214.         <div class="copyright">
  215.             &copy; Copyright <strong><span>Flash Informatika Cemerlang</span></strong>. All Rights Reserved
  216.         </div>
  217.         <div class="credits">
  218.             <!-- All the links in the footer should remain intact. -->
  219.             <!-- You can delete the links only if you purchased the pro version. -->
  220.             <!-- Licensing information: https://bootstrapmade.com/license/ -->
  221.             <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/impact-bootstrap-business-website-template/ -->
  222.             Designed by <a href="https://bootstrapmade.com/">PT. Flash Informatika Cemerlang</a>
  223.         </div>
  224.     </div>
  226. </footer><!-- End Footer -->
  227. <!-- End Footer -->
  229. <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  231. <div id="preloader"></div>
  232. <script src="{{ asset('js/bootstrap/js/bootstrap.bundle.js')}} "></script>
  234. <script src="{{ asset('js/bootstrap/js/bootstrap.js')}} "></script>
  236. <script src="{{ asset('js/bootstrap/js/bootstrap.esm.js')}} "></script>
  237. <script src="{{ asset('js/aos/aos.js') }}"></script>
  238. <script src="{{ asset('build/glightboxjs.js')}}"></script>
  239. <script src="{{ asset('js/purecounter/purecounter_vanilla.js')}} "></script>
  240. <script src="{{ asset('js/swiper/swiper-bundle.min.js')}}"></script>
  241. <script src="{{ asset('js/isotope-layout/isotope.pkgd.min.js')}}"></script>
  245. <script src="{{ asset('js/main.js') }}"></script>
  246. <script>
  247.     /* When the user clicks on the button,
  248.     toggle between hiding and showing the dropdown content */
  249.     function myFunction() {
  250.         document.getElementById("myDropdown").classList.toggle("show");
  251.     }
  253.     // Close the dropdown if the user clicks outside of it
  254.     window.onclick = function(event) {
  255.         if (!event.target.matches('.dropbtn')) {
  256.             var dropdowns = document.getElementsByClassName("dropdown-content");
  257.             var i;
  258.             for (i = 0; i < dropdowns.length; i++) {
  259.                 var openDropdown = dropdowns[i];
  260.                 if (openDropdown.classList.contains('show')) {
  261.                     openDropdown.classList.remove('show');
  262.                 }
  263.             }
  264.         }
  265.     }
  266. </script>
  268. </body>
  270. </html>