PageSourceSearch

https://primagdoo.com/online-shop.html

html primagdoo.com collected 2026-10-03 02:37:59 UTC 81,307 bytes, 1,302 lines download raw bytes

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 &ndash; 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.