1<!DOCTYPE html> 2<html class="no-js" lang="sr-Latn"> 3 4<!-- belle/online-shop.html 11 Nov 2019 12:39:06 GMT --> 5<head> 6<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7<meta http-equiv="x-ua-compatible" content="ie=edge"> 8<title>Prodavnica – PRIMAG DOO</title> 9<meta name="description" content="description"> 10<meta name="viewport" content="width=device-width, initial-scale=1"> 11<!-- Favicon --> 12<link rel="shortcut icon" href="assets/images/favicon_paun.jpg" /> 13<!-- Plugins CSS --> 14<link rel="stylesheet" href="assets/css/plugins.css"> 15<!-- Bootstap CSS --> 16<link rel="stylesheet" href="assets/css/bootstrap.min.css"> 17<!-- Main Style CSS --> 18<link rel="stylesheet" href="assets/css/style.css"> 19<link rel="stylesheet" href="assets/css/responsive.css"> 20 21 <!-- Bootstrap Icons CDN --> 22 <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet"> 23<!-- flags for languages --> 24<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/flag-icon.min.css" /> 25 26</head> 27<body class="template-collection belle"> 28<div class="pageWrapper"> 29 <!--Search Form Drawer--> 30 <!-- <div class="search"> 31 <div class="search__form"> 32 <form class="search-bar__form" action="#"> 33 <button class="go-btn search__button" type="submit"><i class="icon anm anm-search-l"></i></button> 34 <input class="search__input" type="search" name="q" value="" placeholder="ÐÑеÑÑага ÑаÑÑа..." aria-label="Search" autocomplete="off"> 35 </form> 36 <button type="button" class="search-trigger close-btn"><i class="icon anm anm-times-l"></i></button> 37 </div> 38 </div> --> 39 <!--End Search Form Drawer--> 40<!--Top Header--> 41<div class="top-header home15-funiture-top"> 42 <div class="container-fluid"> 43 <div class="row"> 44 <div class="col-10 col-sm-8 col-md-5 col-lg-4"> 45 46 <!-- <div class="language-dropdown"> 47 <span class="language-dd flag-icon flag-icon-rs"></span> 48 <ul id="language"> 49 <li class=""><a href="shop-grid-3-gb.html" class="flag-icon flag-icon-gb"></a></li> 50 <li class=""><a href="shop-grid-3-de.html" class="flag-icon flag-icon-de"></a></li> 51 </ul> 52 </div> 53 54 <div class="currency-picker"> 55 <span class="selected-currency">ÐиÑ</span> 56 <ul id="currencies"> 57 <li class=""><a href="shop-grid-3-lat.html">Lat</a></li> 58 59 </ul> 60 </div> --> 61 62 <p class="phone-no"><i class="anm anm-phone-s"></i> +381 (0)63 755 66 06</p> 63 </div> 64 <div class="col-sm-4 col-md-4 col-lg-4 d-none d-lg-none d-md-block d-lg-block"> 65 <div class="text-center"><p class="top-header_middle-text"> PRIMAG d.o.o.</p></div> 66 </div> 67 <div class="col-2 col-sm-4 col-md-3 col-lg-4 text-right"> 68 <!-- <span class="user-menu d-block d-lg-none"><i class="anm anm-user-al" aria-hidden="true"></i></span> --> 69 <ul class="customer-links list-inline"> 70 <!-- <li><a href="login.html">Ulogujte se</a></li> --> 71 <!-- <li><a href="wishlist.html">ÐиÑÑа жеÑа</a></li> --> 72 </ul> 73 </div> 74 </div> 75 </div> 76</div> 77<!--End Top Header--> 78 <!--Header--> 79 <div class="header-wrap animated d-flex"> 80 <div class="container-fluid"> 81 <div class="row align-items-center"> 82 <!--Desktop Logo--> 83 <div class="logo col-md-2 col-lg-2 d-none d-lg-block"> 84 <a href="index.html"> 85 <img src="assets/images/grb.svg" alt="PRIMAG d.o.o." title="PRIMAG d.o.o." style="width: 100px; height: 100px;"/> 86 </a> 87 </div> 88 <!--End Desktop Logo--> 89 <div class="col-2 col-sm-3 col-md-3 col-lg-8"> 90 <div class="d-block d-lg-none"> 91 <button type="button" class="btn--link site-header__menu js-mobile-nav-toggle mobile-nav--open"> 92 <i class="icon anm anm-times-l"></i> 93 <i class="anm anm-bars-r"></i> 94 </button> 95 </div> 96 97 <!--Desktop Menu--> 98 <div class="row"> 99 <nav class="grid__item" id="AccessibleNav"> 100 <ul id="siteNav" class="site-nav medium center hidearrow"> 101 <li class="lvl1 parent megamenu"><a href="index.html">PoÄetna <i class="anm anm-angle-down-l"></i></a> 102 </li> 103 <li class="lvl1 parent megamenu"><a href="about-us.html">O nama<i class="anm anm-angle-down-l"></i></a> 104 </li> 105 <li class="lvl1 parent dropdown"><a href="#">NaÅ¡e rakije <i class="anm anm-angle-down-l"></i></a> 106 <ul class="dropdown"> 107 <!-- <li><a href="paun-sljiva.html" class="site-nav">Paunova Å ljivovica</a></li> 108 <li><a href="paun-vinjak-AA-15.html" class="site-nav">Vinjak Paun AA ??</a></li> 109 <li><a href="paun-travarica.html" class="site-nav">Paunova Travarica</a></li> 110 <li><a href="paun-vilijamovka.html" class="site-nav">Paunova Vilijamovka</a></li> --> 111 <li><a href="paun-sljiva.html" class="site-nav">Paunova Å ljivovica</a></li> 112 <li><a href="paun-vinjak-5.html" class="site-nav">Vinjak Paun 5 </a></li> 113 <li><a href="paun-vinjak-AA-15.html" class="site-nav">Vinjak Paun AA </a></li> 114 <li><a href="paun-vinjak-25.html" class="site-nav">Vinjak Paun 25 </a></li> 115 <li class="new-item"> 116 <a href="paun-vinjak-30.html" class="site-nav">Vinjak Paun 30</a>
117 <span class="new-sticker"></span> 118 </li> 119 <li><a href="paun-travarica.html" class="site-nav">Paunova Travarica</a></li> 120 <li><a href="paun-vilijamovka.html" class="site-nav">Paunova Vilijamovka</a></li> 121 122 </ul> 123 </li> 124 125 <li class="lvl1 parent megamenu"><a href="online-shop.html">Online prodavnica<i class="anm anm-angle-down-l"></i></a> 126 </li> 127 <li class="lvl1 parent dropdown"><a href="#">Kontakt <i class="anm anm-angle-down-l"></i></a> 128 <ul class="dropdown"> 129 <li><a href="contact-us.html" class="site-nav">Kontakt</a></li> 130 <li><a href="where-to-try.html" class="site-nav">Gde Probati </a></li> 131 132 </ul> 133 </li> 134 </ul> 135 </nav> 136 </div> 137 <!--End Desktop Menu--> 138 139 </div> 140 <div class="col-6 col-sm-6 col-md-6 col-lg-2 d-block d-lg-none mobile-logo"> 141 <div class="logo"> 142 <a href="index.html"> 143 <img src="assets/images/grb.svg" alt="PRIMAG d.o.o." title="PRIMAG d.o.o." style="width: 100px; height: 100px;" /> 144 </a> 145 </div> 146 </div> 147 <div class="col-4 col-sm-3 col-md-3 col-lg-2"> 148 <div class="site-cart"> 149 <a href="#" class="site-header__cart" title="Cart"> 150
150<script> 151 const cartLink = document.querySelector('.site-header__cart'); 152 cartLink.addEventListener('click', function() { 153 console.log('Hello is shown'); 154 minicartShow(); 155 }); 156 </script>
156 157 <i class="icon anm anm-bag-l"></i> 158 <span id="CartCount" class="site-header__cart-count" data-cart-render="item_count">0</span> 159 </a> 160 <!--Minicart Popup--> 161 <div id="header-cart" class="block block-cart"> 162 <ul class="mini-products-list"> 163 164 </ul> 165 <div class="total"> 166 <div class="total-in"> 167 <b><label>Ukupno:</label><span class="product-price"><span class="money">0.00 </span> RSD</span></b> 168 </div> 169 <div class="buttonSet text-center"> 170 <a href="cart.html" class="btn btn-secondary btn--small">Pregled Korpe</a> 171 <a href="checkout.html" class="btn btn-secondary btn--small">PlaÄanje</a> 172 </div> 173 </div> 174 </div> 175 </div> 176 <div class="site-header__search"> 177 <!-- pretraga sajta off --> 178 <!-- <button type="button" class="search-trigger"><i class="icon anm anm-search-l"></i></button> --> 179 </div> 180 </div> 181 </div> 182 </div> 183 </div> 184 <!--End Header--> 185 <!--Mobile Menu--> 186<div class="mobile-nav-wrapper" role="navigation"> 187 <div class="closemobileMenu"><i class="icon anm anm-times-l pull-right"></i> Zatvori meni</div> 188 <ul id="MobileNav" class="mobile-nav"> 189 <li><a href="index.html">PoÄetna <i class="site-nav"></i></a></li> 190 <li><a href="about-us.html">O nama <i class="site-nav"></i></a></li> 191 <li class="lvl1 parent dropdown"> 192 <a href="#" class="expandable">NaÅ¡e rakije <i class="anm anm-angle-down-l"></i></a> 193 <ul class="dropdown"> 194 <li><a href="paun-sljiva.html" class="site-nav">Paunova Å ljivovica</a></li> 195 <li><a href="paun-vinjak-5.html" class="site-nav">Vinjak Paun 5 </a></li> 196 <li><a href="paun-vinjak-AA-15.html" class="site-nav">Vinjak Paun AA </a></li> 197 <li><a href="paun-vinjak-25.html" class="site-nav">Vinjak Paun 25 </a></li> 198 <li class="new-item"> 199 <a href="paun-vinjak-30.html" class="site-nav">Vinjak Paun 30</a> 200 <span class="new-sticker"></span> 201 </li> 202 <li><a href="paun-travarica.html" class="site-nav">Paunova Travarica</a></li> 203 <li><a href="paun-vilijamovka.html" class="site-nav">Paunova Vilijamovka</a></li> 204 </ul> 205 </li> 206 <li><a href="online-shop.html">Online Prodavnica <i class="site-nav"></i></a></li> 207 <li class="lvl1 parent dropdown"> 208 <a href="#" class="expandable">Kontakt <i class="anm anm-angle-down-l"></i></a> 209 <ul class="dropdown"> 210 <li><a href="contact-us.html" class="site-nav">Kontakt</a></li> 211 <li><a href="where-to-try.html" class="site-nav">Gde Probati </a></li> 212 </ul> 213 </li> 214 </ul> 215</div> 216 217 <!--Mobile Menu--> 218 <style> 219 /* Add a class for menu items with submenus */ 220 .has-submenu { 221 position: relative; 222 } 223 224 /* Style the arrow icon */ 225 .has-submenu .submenu-arrow { 226 position: absolute; 227 right: 10px; 228 top: 50%; 229 transform: translateY(-50%); 230 width: 0; 231 height: 0; 232 border-style: solid; 233 border-width: 4px 4px 0 4px; 234 border-color: #000 transparent transparent transparent; /* You can change the arrow color */ 235 } 236 </style> 237 238 <!--Mobile Menu--> 239 <div class="mobile-nav-wrapper" role="navigation"> 240 <div class="closemobileMenu"><i class="icon anm anm-times-l pull-right"></i> Zatvori meni</div> 241 <ul id="MobileNav" class="mobile-nav"> 242 <li><a href="index.html">PoÄetna <i class="site-nav"></i></a></li> 243 <li><a href="about-us.html">O nama <i class="site-nav"></i></a></li> 244 <li class="lvl1 parent dropdown has-submenu"> 245 <a href="#" class="expandable">NaÅ¡e rakije <span class="submenu-arrow"></span></a> 246 <ul class="dropdown"> 247 <li><a href="paun-sljiva.html" class="site-nav">Paunova Å ljivovica</a></li> 248 <li><a href="paun-vinjak-5.html" class="site-nav">Vinjak Paun 5 </a></li> 249 <li><a href="paun-vinjak-AA-15.html" class="site-nav">Vinjak Paun AA </a></li> 250 <li><a href="paun-vinjak-25.html" class="site-nav">Vinjak Paun 25 </a></li> 251 <li class="new-item"> 252 <a href="paun-vinjak-30.html" class="site-nav">Vinjak Paun 30</a>
253 <span class="new-sticker"></span> 254 </li> 255 <li><a href="paun-travarica.html" class="site-nav">Paunova Travarica</a></li> 256 <li><a href="paun-vilijamovka.html" class="site-nav">Paunova Vilijamovka</a></li> 257 </ul> 258 </li> 259 <li><a href="online-shop.html">Online Prodavnica <i class="site-nav"></i></a></li> 260 <li class="lvl1 parent dropdown has-submenu"> 261 <a href="#" class="expandable">Kontakt <span class="submenu-arrow"></span></a> 262 <ul class="dropdown"> 263 <li><a href="contact-us.html" class="site-nav">Kontakt</a></li> 264 <li><a href="where-to-try.html" class="site-nav">Gde Probati </a></li> 265 </ul> 266 </li> 267 </ul> 268 </div> 269 270<!--End Mobile Menu--> 271 272<!-- Include jQuery library -->
273<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
273 274
275<script> 276 $(document).ready(function () { 277 // Add a click event handler to the "Kontakt" and "Naše rakije" menu items 278 $('.expandable').click(function (e) { 279 e.preventDefault(); // Prevent the default link behavior 280 281 // Find the dropdown menu associated with the clicked item 282 var dropdown = $(this).next('ul.dropdown'); 283 284 // Check if the dropdown is visible or not 285 if (dropdown.is(':visible')) { 286 dropdown.slideUp(); // If visible, slide up to hide it 287 } else { 288 dropdown.slideDown(); // Slide down to show it 289 } 290 }); 291 292 // Add a click event handler to the arrow icons 293 $('.anm.anm-angle-down-l').click(function (e) { 294 e.preventDefault(); // Prevent the default link behavior 295 e.stopPropagation(); // Stop event propagation to prevent multiple toggles 296 297 // Find the parent expandable element 298 var parentExpandable = $(this).closest('.lvl1.parent.dropdown').find('.expandable'); 299 300 // Trigger a click event on the parent expandable element 301 parentExpandable.click(); 302 }); 303 }); 304</script>
304 305 <!--End Mobile Menu--> 306 307 308 <!--Body Content--> 309 <div id="page-content"> 310 <!--Collection Banner--> 311 <div class="collection-header"> 312 <div class="collection-hero"> 313 <div class="collection-hero__image"><img class="blur-up lazyload" data-src="assets/images/ponuda-resized.jpg" src="assets/images/ponuda-resized.jpg" alt="ÐÐ ÐÐÐÐ" title="ÐÐ ÐÐÐÐ" /></div> 314 <div class="collection-hero__title-wrapper"><h1 class="collection-hero__title page-width">Online prodavnica</h1></div> 315 </div> 316 </div> 317 <!--End Collection Banner--> 318 319 <div class="container"> 320 <div class="row"> 321 322 <!--Main Content--> 323 <div class="col-12 col-sm-12 col-md-12 col-lg-12 main-col"> 324 <div class="category-description"> 325 <h3>PRIMAG RAKIJE</h3> 326 <br> 327 <p>⢠Preuzimanje porudžbina i besplatna degustacija svih naÅ¡ih rakija na adresi firme: Miroslava TirÅ¡a 3, Zemun. 328 </p> 329 <p>⢠Dostava se vrÅ¡i na teritoriji grada Beograda. </p> 330 <p>⢠<b>Besplatna dostava na teritoriji Beograda za sve porudžbine Äija je vrednost veÄa od 6000 rsd. </b></p> 331 332 <p>⢠Za isporuke van Beograda ili Srbije poÅ¡aljite upit ili nas pozovite. </p> 333 334 <!-- <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p> --> 335 </div> 336 <hr> 337 <div class="productList"> 338 <!--Toolbar--> 339 <!-- <button type="button" class="btn btn-filter d-block d-md-none d-lg-none"> Product Filters</button> --> 340 <div class="toolbar"> 341 <div class="filters-toolbar-wrapper"> 342 <div class="row"> 343 <!-- <div class="col-4 col-md-4 col-lg-4 filters-toolbar__item collection-view-as d-flex justify-content-start align-items-center"> 344 <a href="shop-left-sidebar.html" title="Grid View" class="change-view change-view--active"> 345 <img src="assets/images/grid.jpg" alt="Grid" /> 346 </a> 347 <a href="shop-listview.html" title="List View" class="change-view"> 348 <img src="assets/images/list.jpg" alt="List" /> 349 </a> 350 </div> --> 351 <!-- <div class="col-4 col-md-4 col-lg-4 text-center filters-toolbar__item filters-toolbar__item--count d-flex justify-content-center align-items-center"> 352 <span class="filters-toolbar__product-count">Rakija: 6</span> 353 </div> --> 354 355 356 </div> 357 </div> 358 </div> 359 <!--End Toolbar--> 360 <div class="grid-products grid--view-items"> 361 <div class="row"> 362 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 363 <!-- start product image --> 364 <div class="product-image"> 365 <!-- start product image --> 366 <a href="paun-vilijamovka.html"> 367 <!-- image --> 368 <img class="primary blur-up lazyload zoom-out-image" data-src="assets/images/product-images/vilijamovka.png" src="assets/images/product-images/vilijamovka.png" alt="image" title="Paunova Vilijamovka"> 369 <!-- End image --> 370 <!-- Hover image --> 371 <img class="hover blur-up lazyload" data-src="assets/images/PRIMAG_new_images/image00019.jpeg" src="assets/images/PRIMAG_new_images/image00019.jpeg" alt="image" title="Paunova Vilijamovka"> 372 <!-- End hover image --> 373 <!-- product label --> 374 <!-- <div class="product-labels rectangular"><span class="lbl on-sale">-16%</span> <span class="lbl pr-label1">new</span></div> --> 375 <!-- End product label --> 376 </a> 377 <!-- end product image --> 378 379 <!-- Start product button --> 380 <form class="variants add" action="#" method="post"> 381 <button class="btn btn-addto-cart" type="button">Dodaj u korpu</button> 382 <div class="feedback-container"></div> 383 </form> 384 <div class="button-set"> 385 <!-- <a href="javascript:void(0)" title="Quick View" id="quick-view-button" class="quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview"> 386 <i class="icon anm anm-search-plus-r"></i> 387 </a> --> 388 <div class="wishlist-btn"> 389 <!-- <a class="wishlist add-to-wis
389hlist" href="#" title="Dodaj u omiljene proizvode"> 390 <i class="icon anm anm-heart-l"></i> 391 </a> --> 392 </div> 393 <!-- <div class="compare-btn"> 394 <a class="compare add-to-compare" href="compare.html" title="Add to Compare"> 395 <i class="icon anm anm-random-r"></i> 396 </a> 397 </div> --> 398 </div> 399 <!-- end product button --> 400 </div> 401 <!-- end product image --> 402 403 <!--start product details --> 404 <div class="product-details text-center"> 405 <!-- product name --> 406 <div class="product-name" > 407 <a href="paun-vilijamovka.html">Paunova Vilijamovka</a> 408 </div> 409 <!-- End product name --> 410 <!-- product price --> 411 <div class="product-price"> 412 <!--<span class="old-price">$500.00</span> --> 413 <span class="price">2400.00</span> 414 </div> 415 <!-- End product price --> 416 417 </div> 418 <!-- End product details --> 419 </div> 420 421 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 422 <!-- start product image --> 423 <div class="product-image"> 424 <!-- Diagonal "Sold Out" Banner --> 425 <!-- <div class="sold-out-banner"> 426 <span>Rasprodato</span> 427 </div> --> 428 <!-- start product image --> 429 <!-- <a href="paun-sljiva-ranka.html"> --> 430 <a> 431 <!-- image --> 432 <img class="primary blur-up lazyload" data-src="assets/images/product-images/ranka-pozegaca.png" src="assets/images/product-images/ranka-pozegaca.png" alt="Paunova Šljivovica" title="Paunova Šljivovica"> 433 <!-- End image --> 434 <!-- Hover image --> 435 <img class="hover blur-up lazyload" data-src="assets/images/product-images/ranka-pozegaca.png" src="assets/images/product-images/ranka-pozegaca.png" alt="Paunova šljivovica" title="Paunova Šljivovica"> 436 <!-- End hover image --> 437 </a> 438 <!-- end product image --> 439 440 <!-- Start product button --> 441 <!-- Start product button --> 442 <!-- Start product button --> 443 <form class="variants add" action="#" method="post"> 444 <button class="btn btn-addto-cart" type="button">Dodaj u korpu</button> 445 <div class="feedback-container"></div> 446 </form> 447 <!-- <style> 448 /* Visually disable the specific button */ 449 .disable-this { 450 background-color: #e
4500e0e0; /* Light gray background */ 451 color: #b0b0b0; /* Light gray text */ 452 border: 1px solid #d0d0d0; /* Lighter border */ 453 cursor: not-allowed; /* Change the cursor to indicate the button is not clickable */ 454 opacity: 0.6; /* Slightly faded appearance */ 455 pointer-events: none; /* Prevent any interaction (clicking) */ 456 } 457 </style> --> 458 459 <div class="button-set"> 460 <div class="wishlist-btn"></div> 461 </div> 462 <!-- end product button --> 463 </div> 464 <!-- end product image --> 465 466 <!--start product details --> 467 <div class="product-details text-center"> 468 <div class="product-name"> 469 <!-- href="paun-sljiva-ranka.html" --> 470 <a>Paunova Å ljivovica <br> Kupaža ranke i požegaÄe</a> 471 </div> 472 <!-- product price --> 473 <div class="product-price"> 474 <span class="price">2400.00</span> 475 </div> 476 <!-- End product price --> 477 </div> 478 <!-- End product details --> 479 </div> 480 481 482 483 484 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 485 <!-- start product image --> 486 <div class="product-image"> 487 <!-- start product image --> 488 <a href="paun-travarica.html"> 489 <!-- image --> 490 <img class="primary blur-up lazyload" data-src="assets/images/product-images/travarica.png" src="assets/images/product-images/travarica.png" alt="image" title="Paunova Travarica"> 491 <!-- End image --> 492 <!-- Hover image --> 493 <img class="hover blur-up lazyload" data-src="assets/images/PRIMAG_new_images/image00012.jpeg" src="assets/images/PRIMAG_new_images/image00012.jpeg" alt="image" title="Paunova Travarica"> 494 <!-- End hover image --> 495 <!-- product label --> 496 <!-- <div class="product-labels rectangular"><span class="lbl pr-label2">Hot</span></div> --> 497 <!-- End product label --> 498 </a> 499 <!-- end product image --> 500 501 <!-- Start product button --> 502 <form class="variants add" action="#" method="post"> <!-- onclick="window.location.href='cart.html'" --> 503 <button class="btn btn-addto-cart" type="button">Dodaj u korpu</button> 504 <div class="feedback-container"></div> 505 </form> 506 <div class="button-set"> 507 <!-- <a href="javascript:void(0)" title="Quick View" class="quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview"> 508 <i class="icon anm anm-search-plus-r"></i> 509 </a> --> 510 <div class="wishlist-btn"> 511 <!-- <a class="wishlist add-to-wis
511hlist" href="#" title="Dodaj u omiljene proizvode"> 512 <i class="icon anm anm-heart-l"></i> 513 </a> --> 514 </div> 515 <div class="compare-btn"> 516 <!-- <a class="compare add-to-compare" href="compare.html" title="Add to Compare"> 517 <i class="icon anm anm-random-r"></i> 518 </a> --> 519 </div> 520 </div> 521 <!-- end product button --> 522 </div> 523 <!-- end product image --> 524 525 <!--start product details --> 526 <div class="product-details text-center"> 527 <!-- product name --> 528 <div class="product-name"> 529 <a href="paun-travarica.html">Paunova Travarica</a> 530 </div> 531 <!-- End product name --> 532 <!-- product price --> 533 <div class="product-price"> 534 <span class="price">2000.00</span> 535 </div> 536 <!-- End product price --> 537 538 </div> 539 <!-- End product details --> 540 </div> 541 542 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 543 <!-- start product image --> 544 <div class="product-image"> 545 <!-- start product image --> 546 <a href="paun-vinjak-5.html"> 547 <!-- image --> 548 <img class="primary blur-up lazyload" data-src="assets/images/product-images/vinjak5.png" src="assets/images/product-images/vinjak5.png" alt="image" title="Vinjak Paun 5" /> 549 <!-- End image --> 550 <!-- Hover image --> 551 <img class="hover blur-up lazyload zoom-out-image" data-src="assets/images/PRIMAG_new_images/image00035.jpeg" src="assets/images/PRIMAG_new_images/image00035.jpeg" alt="image" title="Vinjak Paun 5" /> 552 <!-- End hover image --> 553 <!-- product label --> 554 <!-- <div class="product-labels"><span class="lbl on-sale">OgraniÄena serija</span></div> --> 555 <!-- End product label --> 556 </a> 557 <!-- end product image --> 558 559 <!-- Start product button --> 560 <form class="variants add" action="#" method="post"> 561 <button class="btn btn-addto-cart" type="button">Dodaj u korpu</button> 562 <div class="feedback-container"></div> 563 </form> 564 <div class="button-set"> 565 <!-- <a href="javascript:void(0)" title="Quick View" class="quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview"> 566 <i class="icon anm anm-search-plus-r"></i> 567 </a> --> 568 <!-- <div class="wishlist-btn"> 569 <a class="wishlist add-to-wis
569hlist" href="#" title="Dodaj u omiljene proizvode"> 570 <i class="icon anm anm-heart-l"></i> 571 </a> 572 </div> 573 <div class="compare-btn"> 574 <a class="compare add-to-compare" href="compare.html" title="Add to Compare"> 575 <i class="icon anm anm-random-r"></i> 576 </a> 577 </div> --> 578 </div> 579 <!-- end product button --> 580 </div> 581 <!-- end product image --> 582 583 <!--start product details --> 584 <div class="product-details text-center"> 585 <!-- product name --> 586 <div class="product-name"> 587 <a href="paun-vinjak-5.html">Vinjak 5 god.</a> 588 </div> 589 <!-- End product name --> 590 <!-- product price --> 591 <div class="product-price"> 592 <span class="price">2000.00</span> 593 </div> 594 <!-- End product price --> 595 596 597 </div> 598 <!-- End product details --> 599 </div> 600 601 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 602 <!-- start product image --> 603 <div class="product-image"> 604 <!-- start product image --> 605 <a href="paun-vinjak-AA-15.html"> 606 <!-- image --> 607 <img class="primary blur-up lazyload" data-src="assets/images/product-images/vinjakAA.png" src="assets/images/product-images/vinjak-AA-s.jpg" alt="image" title="Vinjak AA 15" /> 608 <!-- End image --> 609 <!-- Hover image --> 610 <img class="hover blur-up lazyload zoom-out-image" data-src="assets/images/PRIMAG_new_images/image00009.jpeg" src="assets/images/PRIMAG_new_images/image00009.jpeg" alt="image" title="Vinjak Paun AA " /> 611 <!-- End hover image --> 612 <!-- product label --> 613 <!-- <div class="product-labels"><span class="lbl on-sale">Sale</span></div> --> 614 <!-- End product label --> 615 </a> 616 <!-- end product image --> 617 618 <!-- Start product button --> 619 <form class="variants add" action="#" method="post"> 620 621 <button class="btn btn-addto-cart" type="button">Dodaj u korpu</button> 622 <div class="feedback-container"></div> 623 </form> 624 <div class="button-set"> 625 <!-- <a href="javascript:void(0)" title="Quick View" class="quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview"> 626 <i class="icon anm anm-search-plus-r"></i> 627 </a> --> 628 <!-- <div class="wishlist-btn"> 629 <a class="wishlist add-to-wis
629hlist" href="#" title="Dodaj u omiljene proizvode"> 630 <i class="icon anm anm-heart-l"></i> 631 </a> 632 </div> 633 <div class="compare-btn"> 634 <a class="compare add-to-compare" href="compare.html" title="Add to Compare"> 635 <i class="icon anm anm-random-r"></i> 636 </a> 637 </div> --> 638 </div> 639 <!-- end product button --> 640 </div> 641 <!-- end product image --> 642 643 <!--start product details --> 644 <div class="product-details text-center"> 645 <!-- product name --> 646 <div class="product-name"> 647 <a href="paun-vinjak-AA-15.html">Vinjak AA 15 god.</a> 648 </div> 649 <!-- End product name --> 650 <!-- product price --> 651 <div class="product-price"> 652 <span class="price">3400.00</span> 653 </div> 654 <!-- End product price --> 655 656 657 658 </div> 659 <!-- End product details --> 660 </div> 661 662 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 663 <!-- start product image --> 664 <div class="product-image"> 665 <!-- start product image --> 666 <a href="paun-vinjak-25.html"> 667 <!-- image --> 668 <img class="primary blur-up lazyload" data-src="assets/images/product-images/vinjak25.png" src="assets/images/product-images/vinjak25.png" alt="image" title="Vinjak 25" /> 669 <!-- End image --> 670 <!-- Hover image --> 671 <img class="hover blur-up lazyload zoom-out-image" data-src="assets/images/PRIMAG_new_images/image00042.jpeg" src="assets/images/PRIMAG_new_images/image00042.jpeg" alt="image" title="Vinjak Paun 25" /> 672 <!-- End hover image --> 673 <!-- product label --> 674 <!-- <div class="product-labels"><span class="lbl on-sale">Sale</span></div> --> 675 <!-- End product label --> 676 </a> 677 <!-- end product image --> 678 679 <!-- Start product button --> 680 <form class="variants add" action="#" method="post"> 681 <button class="btn btn-addto-cart" type="button">Dodaj u korpu</button> 682 <div class="feedback-container"></div> 683 </form> 684 <div class="button-set"> 685 <!-- <a href="javascript:void(0)" title="Quick View" class="quick-view-popup quick-view" data-toggle="modal" data-target="#content_quickview"> 686 <i class="icon anm anm-search-plus-r"></i> 687 </a> 688 <div class="wishlist-btn"> 689 <a class="wishlist add-to-wis
689hlist" href="#" title="ÐÐ¾Ð´Ð°Ñ Ñ Ð¾Ð¼Ð¸Ñене пÑоизводе"> 690 <i class="icon anm anm-heart-l"></i> 691 </a> 692 </div> 693 <div class="compare-btn"> 694 <a class="compare add-to-compare" href="compare.html" title="Add to Compare"> 695 <i class="icon anm anm-random-r"></i> 696 </a> 697 </div> --> 698 </div> 699 <!-- end product button --> 700 </div> 701 <!-- end product image --> 702 703 <!--start product details --> 704 <div class="product-details text-center"> 705 <!-- product name --> 706 <div class="product-name"> 707 <a href="paun-vinjak-25.html">Vinjak 25 god.</a> 708 </div> 709 <!-- End product name --> 710 <!-- product price --> 711 <div class="product-price"> 712 <span class="price">7800.00</span> 713 </div> 714 <!-- End product price --> 715 716 717 </div> 718 <!-- End product details --> 719 </div> 720 <div class="row"> 721 722 <!-- Empty space column --> 723 <!-- <div class="col-6 col-sm-6 col-md-4 col-lg-4" id="blank"></div> 724 <style> 725 /* Hide the div with ID 'myDiv' on mobile devices */ 726 @media (max-width: 767px) { 727 #blank { 728 display: none; 729 } 730 } 731 </style> --> 732 733 734 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 735 <!-- start product image --> 736 <div class="product-image"> 737 <!-- start product image --> 738 <a href="paun-vinjak-30.html"> 739 <!-- image --> 740 <img id="primary-img" class="primary blur-up lazyload" data-src="assets/images/vinjak_30/vinjak_30_box.png" src="assets/images/vinjak_30/vinjak_30_box.png" alt="Vinjak Paun 30" title="Vinjak 30" /> 741 <!-- End image --> 742 <!-- Hover image --> 743 <img id="hover-img" class="hover blur-up lazyload zoom-out-image" data-src="assets/images/vinjak_30/vinjak_30_box.png" src="assets/images/vinjak_30/vinjak_30_box.png" alt="Vinjak Paun 30" title="Vinjak Paun 30" /> 744 745 <div class="product-labels rectangular"> <span class="lbl pr-label1">NOVO</span><span class="lbl pr-label2">OGRANIÄENA SERIJA</span><span class="lbl on-sale">PROMO CENA</span></div> 746 747 <!-- End hover image --> 748 </a> 749 <!-- end product image --> 750 751 <!-- Start product button --> 752 <form class="variants add" action="#" method="post"> 753 <button class="btn btn-addto-cart" id="v30-btn" type="button" >Dodaj u korpu</button> 754 755 <!-- <button class="btn btn-addto-cart" type="button" onclick="addToCart()">Dodaj u korpu</button> --> 756 <div class="feedback-container"></div> 757 </form> 758 759 <div class="button-set"> 760 <style> 761 .btn-addto-cart { 762 background-color: #333; /* Dark grey */ 763 color: #fff; /* White text */ 764 border: none; /* Remove border if any */ 765 padding: 10px 20px; /* Add some padding for better appearance */ 766 cursor: pointer; /* Change cursor to pointer on hover */ 767 display: inline-block; /* Ensure it's inline-block */ 768 text-align: center; /* Center the text */ 769 text-decoration: none; /* Remove underline if any */ 770 font-size: 16px; /* Adjust font size as needed */ 771 } 772 773 .btn-addto-cart:hover { 774 background-color: #444; /* Slightly lighter grey on hover */ 775 } 776 777 </style> 778 779 780 </div> 781 <!-- end product button --> 782 </div> 783 <!-- end product image --> 784 785 786 787 <!--start product details --> 788 <div class="product-details text-center"> 789 <!-- product name --> 790 <div class="product-name"> 791 <a href="paun-vinjak-30.html">Vinjak 30 god.</a> 792 </div> 793 <!-- End product name --> 794 <!-- product price --> 795 796 <div class="product-options"> 797 <label for="box-options">Cena:</label> 798 <select id="box-options"> 799 <option value="with-box" selected>Sa kutijom</option> 800 <option value="without-box">Bez kutije</option> 801 </select> 802 </div> 803 <div class="product-price"> 804 <!-- <span class="old-price">$500.00</span> --> 805
806 <span class="price" id="price">18000.00</span> 807 </div> 808
808<script> 809 document.getElementById('box-options').addEventListener('change', function() { 810 var priceElement = document.getElementById('price'); 811 var selectedOption = this.value; 812 813 if (selectedOption === 'with-box') { 814 priceElement.textContent = '18000.00'; 815 } else if (selectedOption === 'without-box') { 816 priceElement.textContent = '13200.00'; 817 } 818 }); 819 </script>
819 820 821
821<script> 822 // Preload images 823 const images = [ 824 "assets/images/vinjak_30/vinjak_30_box.png", 825 "assets/images/vinjak_30/vinjak_paun_30.png" 826 ]; 827 828 images.forEach(src => { 829 const img = new Image(); 830 img.src = src; 831 }); 832 833 // Event listener for image change 834 document.getElementById('box-options').addEventListener('change', function() { 835 var primaryImg = document.getElementById('primary-img'); 836 var hoverImg = document.getElementById('hover-img'); 837 var selectedOption = this.value; 838 839 var newImage = selectedOption === 'without-box' 840 ? "assets/images/vinjak_30/vinjak_paun_30.png" 841 : "assets/images/vinjak_30/vinjak_30_box.png"; 842 843 primaryImg.src = newImage; 844 hoverImg.src = newImage; 845 }); 846 847 </script>
847 848 <style> 849 /* Style the select box */ 850 .product-options select { 851 padding: 5px 10px; /* Reduce the padding */ 852 font-size: 14px; /* Reduce the font size */ 853 height: 30px; /* Set the height explicitly */ 854 background-color: #f1f1f1; 855 border: 2px solid #ccc; 856 border-radius: 3px; 857 appearance: none; /* Remove default arrow in some browsers */ 858 -webkit-appearance: none; 859 -moz-appearance: none; 860 outline: none; 861 transition: border-color 0.3s ease; 862 width: 130px; /* Set the width to 130px or any value you prefer */ 863 } 864 865 866 867 /* Change border color on focus */ 868 .product-options select:focus { 869 border-color: #4CAF50; /* Green border on focus */ 870 background-color: #ffffff; 871 } 872 873 /* Style the dropdown options */ 874 .product-options select option { 875 padding: 10px; 876 background-color: #ffffff; 877 font-size: 14px; 878 } 879 880 /* Style the option when selected */ 881 .product-options select option:checked { 882 background-color: #e0e0e0; 883 } 884 885 /* Optional: Customize label */ 886 .product-options label { 887 font-size: 14px; 888 color: #333; 889 margin-right: 10px; 890 } 891 </style> 892 <!-- 893
893<script> 894 function addToCart() { 895 console.log("TTTTTTTTTTTTTTTTTTTTT: addtocart pozvana") 896 897 const selectedOption = document.getElementById('box-options').value; 898 const productTag = selectedOption === 'with-box' ? 'with-box' : 'without-box'; 899 console.log("productTag je: ",productTag) 900 901 // Call the function in cart.js to update the cart 902 updateCart(productTag); 903 } 904 </script>
904 905 --> 906 907 908 <!-- Start product button --> 909 <!-- <form class="variants add" action="#" method="post"> 910 <button class="btn btn-addto-cart" type="button" onclick="addToCart()">Dodaj u korpu</button> 911 <div class="feedback-container"></div> 912 </form> --> 913
913<script> 914 // Cart array 915 // var cart = [ 916 // { 917 // name: 'Vinjak 30', 918 // tag: 'with-box', 919 // price: 15000, 920 // inCart: 0 921 // }, 922 // { 923 // name: 'Vinjak 30', 924 // tag: 'without-box', 925 // price: 11000, 926 // inCart: 0 927 // } 928 // ]; 929 930 // Add to Cart button event listener 931 // document.getElementById('btn-addto-cart').addEventListener('click', function() { 932 // var selectedOption = document.getElementById('box-options').value; 933 // var selectedProduct; 934 935 // // Determine the product based on the selected option 936 // if (selectedOption === 'with-box') { 937 // selectedProduct = products.find(product => product.tag === 'with-box'); 938 // } else if (selectedOption === 'without-box') { 939 // selectedProduct = products.find(product => product.tag === 'without-box'); 940 // } 941 942 // if (selectedProduct) { 943 // addToCart(selectedProduct); 944 // } 945 // }); 946 947 // // Function to add product to cart 948 // function addToCart(product) { 949 // product.inCart += 1; 950 // updateCartTotal(); 951 // } 952 953 // Function to update the cart total price 954 // function updateCartTotal() { 955 // var total = 0; 956 // cart.forEach(product => { 957 // total += product.price * product.inCart; 958 // }); 959 // console.log('Total Price:', total); 960 // // You can update the UI or store the total in your cart UI logic here 961 // } 962 </script>
962 963 964 965 <div class="button-set"> 966 <style> 967 form.variants.add .btn-addto-cart { 968 background-color: #333 !important; /* Dark grey */ 969 color: #fff !important; /* White text */ 970 border: none !important; 971 padding: 10px 20px !important; 972 cursor: pointer !important; 973 display: inline-block !important; 974 text-align: center !important; 975 text-decoration: none !important; 976 font-size: 16px !important; 977 } 978 979 form.variants.add .btn-addto-cart:hover { 980 background-color: #444 !important; /* Slightly lighter grey on hover */ 981 } 982 form.variants.add { 983 display: flex; 984 justify-content: center; /* Center the button within the container */ 985 } 986 987 form.variants.add .btn-addto-cart { 988 flex: 1 1 auto; /* Allow the button to grow and shrink */ 989 max-width: 200px; /* Set maximum width */ 990 min-width: 100px; /* Set minimum width */ 991 padding: 5px 0 !important; 992 } 993 994 </style> 995 996 997 <!-- End product price --> 998 999 </div> 1000 1001 <!-- End product details --> 1002 </div> 1003 <!-- Empty space column --> 1004 <div class="col-6 col-sm-6 col-md-4 col-lg-4"></div> 1005 </div> 1006 1007 <div class="col-6 col-sm-6 col-md-4 col-lg-4 item"> 1008 <!-- start product image --> 1009 <div class="product-image"> 1010 <!-- Diagonal "Sold Out" Banner --> 1011 <div class="sold-out-banner"> 1012 <span>Rasprodato</span> 1013 </div> 1014 <!-- start product image --> 1015 <a href="paun-sljiva.html"> 1016 <!-- image --> 1017 <img class="primary blur-up lazyload" data-src="assets/images/product-images/sljivovica.png" src="assets/images/product-images/sljivovica.png" alt="Paunova Šljivovica" title="Paunova Šljivovica"> 1018 <!-- End image --> 1019 <!-- Hover image --> 1020 <img class="hover blur-up lazyload" data-src="assets/images/product-images/sljivovica.png" src="assets/images/product-images/sljivovica.png" alt="Paunova šljivovica" title="Paunova Šljivovica"> 1021 <!-- End hover image --> 1022 </a> 1023 <!-- end product image --> 1024 1025 <!-- Start product button --> 1026 <!-- Start product button --> 1027 <!-- Start product button --> 1028 <form class="variants add" action="#" method="post"> 1029 <button class="btn btn-addto-cart disable-this" type="button">Dodaj u korpu</button> 1030 <div class="feedback-container"></div> 1031 </form> 1032 <style> 1033 /* Visually disable the specific button */ 1034 .disable-this { 1035 background-color: #e
10350e0e0; /* Light gray background */ 1036 color: #b0b0b0; /* Light gray text */ 1037 border: 1px solid #d0d0d0; /* Lighter border */ 1038 cursor: not-allowed; /* Change the cursor to indicate the button is not clickable */ 1039 opacity: 0.6; /* Slightly faded appearance */ 1040 pointer-events: none; /* Prevent any interaction (clicking) */ 1041 } 1042 </style> 1043 1044 <div class="button-set"> 1045 <div class="wishlist-btn"></div> 1046 </div> 1047 <!-- end product button --> 1048 </div> 1049 <!-- end product image --> 1050 1051 <!--start product details --> 1052 <div class="product-details text-center"> 1053 <div class="product-name"> 1054 <a href="paun-sljiva.html">Paunova Šljivovica <br> Stara 20 godina 1055 </a> 1056 </div> 1057 </div> 1058 <!-- End product details --> 1059 </div> 1060 1061 <style> 1062 /* Style for the diagonal "Sold Out" banner */ 1063 .sold-out-banner { 1064 position: absolute; 1065 top: 30px; /* Moved down from 10px to 30px */ 1066 left: 10px; 1067 transform: rotate(-45deg); 1068 background-color: rgba(255, 0, 0, 0.8); /* Red color with some transparency */ 1069 color: white; 1070 padding: 5px 20px; 1071 font-size: 14px; 1072 font-weight: bold; 1073 text-transform: uppercase; 1074 letter-spacing: 1px; 1075 z-index: 10; 1076 } 1077 1078 /* Make sure the product image container is relative to position the banner correctly */ 1079 .product-image { 1080 position: relative; 1081 } 1082 </style> 1083 1084 </div> 1085 </div> 1086 </div> 1087 <hr class="clear"> 1088 1089 </div> 1090 <!--End Main Content--> 1091 </div> 1092 </div> 1093 1094 </div> 1095 <!--End Body Content--> 1096 1097 <!--Footer--> 1098 <footer id="footer"> 1099 <div class="newsletter-section"> 1100 <div class="container"> 1101 <div class="row"> 1102 <div class="col-12 col-sm-12 col-md-12 col-lg-7 w-100 d-flex justify-content-start align-items-center"> 1103 <div class="display-table"> 1104 <div class="display-table-cell footer-newsletter"> 1105 <div class="section-header text-center"> 1106 <label class="h2"><span>Prijavite se na naš </span>newsletter</label> 1107 </div> 1108 <form name="submit-to-google-sheet" action="#" method="post"> 1109 <div class="input-group"> 1110 <input type="email" class="input-group__field newsletter__input" name="EMAIL" value="" 1111 placeholder="Email adresa" required pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}"> 1112 <input type="hidden" name="page_url" id="page_url">
1113 <span class="input-group__btn"> 1114 <button type="submit" class="btn newsletter__submit" name="commit" id="PRIJAVA"><span class="newsletter__submit-text--large">PRIJAVA</span></button> 1115 </span> 1116 </div> 1117 </form> 1118 <span id = "newsletter_msg" style="color: green; font-weight: bold; font-size: 18px;"></span> 1119 <!-- script for newsletter for sending entered email address to google sheet --> 1120
1120<script> 1121 // scripturl is taken from google sheeets -> apps script -> deploy ->manage deployments -> web app url 1122 const scriptURL = 'https://script.google.com/macros/s/AKfycbwOpLZBsTn_Eu_GVCOIV8s5J7Ldb6pUmWAy4fXzArPTrWcxV3xi1eof4PnkHmghW9LDKg/exec' 1123 const form = document.forms['submit-to-google-sheet'] 1124 const newsletter_msg = document.getElementById("newsletter_msg") 1125 1126 const pageUrlInput = document.getElementById('page_url'); 1127 if (pageUrlInput) { 1128 pageUrlInput.value = window.location.href; 1129 } 1130 1131 form.addEventListener('submit', e => { 1132 e.preventDefault() 1133 1134 // const emailInput = form.elements['EMAIL']; 1135 1136 // if (!emailRegex.test(emailInput.value)) { 1137 // newsletter_msg.style.color = 'red'; 1138 // newsletter_msg.innerHTML = 'Molimo unesite validnu email adresu.'; 1139 // return; 1140 // } 1141 1142 1143 fetch(scriptURL, { method: 'POST', body: new FormData(form)}) 1144 .then(response => { 1145 newsletter_msg.innerHTML = "Hvala Vam na prijavi!" 1146 newsletter_msg.style.color = 'green'; 1147 setTimeout(function(){ 1148 newsletter_msg.innerHTML="" 1149 },5000) 1150 form.reset() 1151 }) 1152 .catch(error => console.error('Error!', error.message)) 1153 }) 1154 </script>
1154 1155 <!-- end of newsletter script --> 1156 </div> 1157 </div> 1158 </div> 1159 <div class="col-12 col-sm-12 col-md-12 col-lg-5 d-flex justify-content-end align-items-center"> 1160 <div class="footer-social"> 1161 <ul class="list--inline site-footer__social-icons social-icons"> 1162 <li><b>PRIMAG na druÅ¡tvenim mrežama: </b> <a class="social-icons__link" href="https://www.facebook.com/Primag-rakija-121809647572416" target="_blank" title="PRIMAG rakija"><i class="icon icon-facebook"></i></a></li> 1163 <li><a class="social-icons__link" href="https://www.instagram.com/paunova_rakija/" target="_blank" title="@paunova_rakija"><i class="icon icon-instagram"></i> <span class="icon__fallback-text">ÐнÑÑагÑам</span></a></li> 1164 <li> 1165 <a class="social-icons__link" href="https://www.tiktok.com/@paunova_rakija?" target="_blank" title="paunova_rakija"> 1166 <i class="bi bi-tiktok"></i> 1167 <span class="icon__fallback-text">TikTok</span> 1168 </a> 1169 </li> 1170 <li> 1171 <a class="social-icons__link" href="https://www.threads.net/@paunova_rakija" target="_blank" title="paunova_rakija"> 1172 <i class="bi bi-threads"></i> 1173 <span class="icon__fallback-text">Threads</span> 1174 </a> 1175 </li> 1176 </ul> 1177 </div> 1178 </div> 1179 </div> 1180 </div> 1181 </div> 1182 <div class="site-footer"> 1183 <div class="container"> 1184 <!--Footer Links--> 1185 <div class="footer-top"> 1186 <div class="row"> 1187 <div class="col-12 col-sm-12 col-md-4 col-lg-4 footer-links"> 1188 <h4 class="h4">Meni</h4> 1189 <ul> 1190 <li><a href="index.html">PoÄetna</a></li> 1191 <li><a href="about-us.html">O Nama</a></li> 1192 <li><a href="online-shop.html">Online Prodavnica</a></li> 1193 <li><a href="contact-us.html">Kontakt</a></li> 1194 <li><a href="where-to-try.html">Gde Probati</a></li> 1195 1196 </ul> 1197 </div> 1198 <div class="col-12 col-sm-12 col-md-4 col-lg-4 footer-links"> 1199 <h4 class="h4">NaÅ¡e rakije</h4> 1200 <ul> 1201 <li><a href="paun-sljiva.html">Paunova Å ljivovica</a></li> 1202 <li><a href="paun-vinjak-5.html">Vinjak Paun 5</a></li> 1203 <li><a href="paun-vinjak-AA-15.html">Vinjak Paun AA 15</a></li> 1204 <li><a href="paun-vinjak-25.html">Vinjak Paun 25</a></li> 1205 <li class="footer-new-item"> 1206 <a href="paun-vinjak-30.html" class="site-nav">Vinjak Paun 30</a> 1207 <span class="new-sticker"></span> 1208 </li> 1209 <li><a href="paun-travarica.html">Paunova Travarica</a></li> 1210 <li><a href="paun-vilijamovka.html">Paunova Vilijamovka</a></li> 1211 </ul> 1212 </div> 1213 <!-- <div class="col-12 col-sm-12 col-md-3 col-lg-3 footer-links"> 1214 <h4 class="h4">Customer Services</h4> 1215 <ul> 1216 <li><a href="#">Request Personal Data</a></li> 1217 <li><a href="#">
1217FAQ's</a></li> 1218 <li><a href="#">Contact Us</a></li> 1219 <li><a href="#">Orders and Returns</a></li> 1220 <li><a href="#">Support Center</a></li> 1221 </ul> 1222 </div> --> 1223 <div class="col-12 col-sm-12 col-md-4 col-lg-4 contact-box-left"> 1224 <h4 class="h4">Kontakt</h4> 1225 <ul class="addressFooter"> 1226 <li><i class="icon anm anm-map-marker-al"></i><p>Miroslava Tirša 3,<br>11080 Zemun, Srbija</p></li> 1227 <li class="telefon"><i class="icon anm anm-phone-s"></i><p>+381 (0)63 755 66 06</p></li> 1228 <li class="email"><i class="icon anm anm-envelope-l"></i><p>[email protected]</p></li> 1229 <li class="instagram"><i class="icon icon-instagram"></i><p><a href="https://www.instagram.com/paunova_rakija/" target="_blank">@paunova_rakija</a></p></li> 1230 <li class="facebook"><i class="icon icon-facebook"></i><p><a href="https://www.facebook.com/profile.php?id=100092508590358" target="_blank">PRIMAG rakija</a></p></li> 1231 <li class="tiktok"><i class="bi bi-tiktok"></i><p><a href="https://www.tiktok.com/@paunova_rakija?" target="_blank">@paunova_rakija</a></p></li> 1232 <li class="threads"><i class="bi bi-threads"></i><p><a href="https://www.threads.net/@paunova_rakija" target="_blank">@paunova_rakija</a></p></li> 1233 </ul> 1234 </div> 1235 <style> 1236 .addressFooter li i { 1237 color: #ffffff; /* Replace with your desired color, for example, light green */ 1238 } 1239 .addressFooter li { 1240 display: flex; 1241 align-items: center; /* Align the icon and text vertically in the middle */ 1242 } 1243 1244 .addressFooter li i { 1245 margin-right: 10px; /* Space between the icon and the text */ 1246 } 1247 1248 .addressFooter li p { 1249 margin: 0; /* Remove any default margin from the <p> tag */ 1250 } 1251 .addressFooter li a { 1252 color: white !important; /* Ensures titles are white */ 1253 } 1254 </style> 1255 </div> 1256 </div> 1257 <!--End Footer Links--> 1258 <hr> 1259 <div class="footer-bottom"> 1260 <div class="row"> 1261 <!--Footer Copyright--> 1262 <div class="col-12 col-sm-12 col-md-12 col-lg-12 order-1 order-md-0 order-lg-0 order-sm-1 copyright text-sm-center text-md-center text-lg-center"><span>Copyrights - </span> <a href="#">PRIMAG d.o.o.</a></div> 1263 <!--End Footer Copyright--> 1264 1265 </div> 1266 </div> 1267 </div> 1268 </div> 1269 </footer> 1270 <!--End Footer--> 1271 1272 <!--Scoll Top--> 1273 <span id="site-scroll"><i class="icon anm anm-angle-up-r"></i></span> 1274 <!--End Scoll Top--> 1275 1276 <!--Quick View popup--> 1277 1278 <div class="modal fade quick-view-popup" id="content_quickview"> 1279 1280 </div> 1281 <!--End Quick View popup--> 1282 1283 <!-- Including Jquery --> 1284
1284<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
1284 1285
1285<script src="assets/js/vendor/jquery.cookie.js"></script>
1285 1286
1286<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
1286 1287
1287<script src="assets/js/vendor/wow.min.js"></script>
1287 1288 <!-- Including Javascript --> 1289
1289<script src="assets/js/bootstrap.min.js"></script>
1289 1290
1290<script src="assets/js/plugins.js"></script>
1290 1291
1291<script src="assets/js/popper.min.js"></script>
1291 1292
1292<script src="assets/js/lazysizes.js"></script>
1292 1293
1293<script src="assets/js/main.js"></script>
1293 1294
1294<script src="assets/js/checkout.js"></script>
1294 1295
1295<script src="assets/js/wishlist.js"></script>
1295 1296
1296<script src="assets/js/shop.js"></script>
1296 1297
1297<script src="assets/js/cart.js"></script>
1297 1298</div> 1299</body> 1300 1301<!-- belle/online-shop.html 11 Nov 2019 12:39:06 GMT --> 1302</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.