<div class="container">
    <div class="top-bar">
      <p>Free Shipping on $149 or more. $9.50 Flat Rate up to $149. <span>exclusions apply</span></p>
      <div class="ordering">
        <a href="#">Ordering</a>
        <div class="line"></div>
        <a href="#">Shipping</a>
        <div class="line"></div>
        <a href="#">Returns</a>
      </div>
    </div>
    <div class="center-ber">
      <div class="logo">
        <a href="index.php">
          <img alt="logo" src="assets/img/logoPink.png">
        </a>
      </div>
      <form>
        <input type="text" name="Search" placeholder="Search Our Bloon Selection">
        <button><i class="fa-solid fa-magnifying-glass"></i></button>
      </form>       
      <div class="login-bar d-flex">

        <div class="donation">

                <a href="JavaScript:void(0)" class="pr-cart">
                  Završi kupovinu
                  <svg enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><path d="m452 120h-60.946c-7.945-67.478-65.477-120-135.054-120s-127.109 52.522-135.054 120h-60.946c-11.046 0-20 8.954-20 20v352c0 11.046 8.954 20 20 20h392c11.046 0 20-8.954 20-20v-352c0-11.046-8.954-20-20-20zm-196-80c47.484 0 87.019 34.655 94.659 80h-189.318c7.64-45.345 47.175-80 94.659-80zm176 432h-352v-312h40v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h192v60c0 11.046 8.954 20 20 20s20-8.954 20-20v-60h40z"></path></g></svg>



                </a>

                <div class="cart-popup">

                    <ul>

                      <li class="d-flex align-items-center position-relative">

                        <div class="p-img light-bg">

                          <img alt="img" src="https://via.placeholder.com/75x75">

                        </div>

                        <div class="p-data">

                          <h3 class="font-semi-bold">Pastoral Principles Cards</h3>

                          <p class="theme-clr font-semi-bold">1 x $25.00</p>

                        </div>

                        <a href="JavaScript:void(0)" id="crosss"></a>

                      </li>

                      <li class="d-flex align-items-center position-relative">

                        <div class="p-img light-bg">

                          <img alt="img" src="https://via.placeholder.com/75x75">

                        </div>

                        <div class="p-data">

                          <h3 class="font-semi-bold">Pastoral Principles Cards</h3>

                          <p class="theme-clr font-semi-bold">1 x $25.00</p>

                        </div>

                        <a href="JavaScript:void(0)" id="cross"></a>

                      </li>

                    </ul>

                      <div class="cart-total d-flex align-items-center justify-content-between">

                        <span class="font-semi-bold">Total:</span>

                        <span class="font-semi-bold">$60.00</span>

                      </div>

                      <div class="cart-btns d-flex align-items-center justify-content-between">

                        <a class="font-bold" href="JavaScript:void">View Cart</a>

                        <a class="font-bold theme-bg-clr text-white checkout" href="JavaScript:void">Checkout</a>

                      </div>

                </div>

              </div>
      </div>
      <div class="bar-menu">
          <i class="fa-solid fa-bars"></i>
        </div>
    </div>
  </div>
  <div class="nav-bar">
    <div class="container">
        <?php include(TEMPLATE_FRONT . DS . "meni.php");?>   
    </div>
  </div>
  <div class="mobile-nav hmburger-menu" id="mobile-nav" style="display:block;">
      <div class="res-log">
        <a href="index.php">
          <img src="assets/img/logoPink.png" alt="Responsive Logo">
        </a>
      </div>
      <?php include(TEMPLATE_FRONT . DS . "meniMobilni.php");?> 

          <a href="JavaScript:void(0)" id="res-cross"></a>
  </div>