<!-- Event ID: 401 --><!-- Event Row: Array
(
    [id] => 12038
    [zavedenia_id] => 401
    [label] => Музика на Живо
    [label_uk] => 
    [label_fr] => 
    [description] => Нов сезон, ново настроение в ресторант „Джоана“! 
С радост ви каним да открием заедно сезон 25/26 с любимия оркестър „Балканско настроение“!

Очакват ви вечери, изпълнени с музика на живо, танци и неповторима атмосфера.
Традиционна кухня, приготвена с внимание и вкус.
Приятни срещи и незабравими спомени.

Стартът е този уикенд – не го пропускайте!
Ресторант „Джоана“ – Пловдив

„Балканско настроение“ отново ще превръща всяка вечер в празник!
    [description_uk] => 0
    [description_fr] => 
    [event_date] => 
    [start_date] => 
    [end_date] => 
    [day_of_week] => 
    [hours] => 2025-10-10
    [active] => 1
    [day] => 5
    [entrance] => 0
    [entrance_label] => 
    [entrance2] => 
    [entrance2_label] => 
    [created_at] => 2025-10-13 13:45:41
    [updated_at] => 2025-11-07 09:27:54
    [filename] => 401-1761574530.png
)
 --><!-- Event Row: Array
(
    [id] => 12039
    [zavedenia_id] => 401
    [label] => Музика на Живо
    [label_uk] => 
    [label_fr] => 
    [description] => Нов сезон, ново настроение в ресторант „Джоана“! 
С радост ви каним да открием заедно сезон 25/26 с любимия оркестър „Балканско настроение“!

Очакват ви вечери, изпълнени с музика на живо, танци и неповторима атмосфера.
Традиционна кухня, приготвена с внимание и вкус.
Приятни срещи и незабравими спомени.

Стартът е този уикенд – не го пропускайте!
Ресторант „Джоана“ – Пловдив

„Балканско настроение“ отново ще превръща всяка вечер в празник!
    [description_uk] => 0
    [description_fr] => 
    [event_date] => 
    [start_date] => 
    [end_date] => 
    [day_of_week] => 
    [hours] => 2025-10-10
    [active] => 1
    [day] => 6
    [entrance] => 0
    [entrance_label] => 
    [entrance2] => 
    [entrance2_label] => 
    [created_at] => 2025-10-13 13:46:45
    [updated_at] => 2025-11-07 09:25:33
    [filename] => 401-1760363205.png
)
 --><!-- Event Row: Array
(
    [id] => 12046
    [zavedenia_id] => 401
    [label] => Нова година 2026
    [label_uk] => New Year 2026
    [label_fr] => 
    [description] => ✨ Нова година в ресторант “Джоана” ✨
Традиция, вкус и настроение — всичко събрано в един празничен куверт, създаден да посрещнем 2026 с истинска българска гощавка.

Салата “Джоана” – 500 г
Домати, краставици, печени чушки, сирена, катък, кьопоолу и домашна брускета.

Топло предястие
Зелеви сарми с кайма и ориз, нежно покрити с ароматен бешамел.

Студено плато
Фина селекция от млечни и сушени мезета.

Домашен тутманик с късметче
Ядки микс

Основно ястие (по избор)
• Свински медальони от бонфиле с картофено пюре и сос от горски гъби
• Пилешки стек на фурна с билково масло, кремообразно пюре и гъбен сос

Десерт
Морковена торта с портокалов акцент от La Marquise

Аперитив включен в куверта
Чаша шампанско, ракия/водка/уиски (100 мл), чаша вино (200 мл), вода и безалкохолно.

Празнична програма
Оркестър „Балканско настроение“ и танцово шоу „Кабири“ ще вдигнат градуса на настроението!

Даряваме с кауза
От всеки куверт отделяме 5 лв. за фондация „Нощ на ангелите“.
    [description_uk] => ✨ New Year’s Eve at Restaurant “Djoana” ✨
A festive menu crafted with tradition, flavor, and atmosphere — the perfect way to welcome 2026.

Djoana Salad – 500 g
Tomatoes, cucumbers, roasted peppers, white cheese, kyopoolu, katak, homemade bruschetta, olives.

Warm Appetizer
Cabbage rolls with minced meat and rice, served with a delicate béchamel sauce.

Cold Starter
Selection of cured meats and dairy delicacies.

Homemade Tutmanik with a Lucky Charm
Mixed nuts

Main Course (choice of):
• Pork medallions (bon fillet) baked in the oven, with mashed potatoes and forest mushroom sauce
• Oven-baked chicken steak with herb butter, mashed potatoes, and mushroom sauce

Dessert
Carrot cake with an orange twist from La Marquise bakery.

Included Drinks
Glass of champagne, rakia/vodka/whiskey (100 ml), glass of red or white wine (200 ml), mineral water and soft drinks.

Festive Program
Live music by “Balkansko Nastroyenie” orchestra and dance show “Kabiri”.

With a Cause
5 BGN from every menu will be donated to the “Night of the Angels” Foundation.
    [description_fr] => 
    [event_date] => 2025-12-31 00:00:00
    [start_date] => 2025-11-15 00:00:00
    [end_date] => 
    [day_of_week] => 
    [hours] => 
    [active] => 1
    [day] => 
    [entrance] => 160
    [entrance_label] => 
    [entrance2] => 
    [entrance2_label] => 
    [created_at] => 2025-11-15 10:44:34
    [updated_at] => 2025-11-15 11:01:27
    [filename] => 401-1763204300.png
)
 --><!DOCTYPE html>
<html lang="en">
<head>

    
    <meta charset="UTF-8">
            <meta name="keywords" content="Restaurant Djoana, restaurant, Karshiaka">
        <meta name="description" content="Restaurant Djoana, restaurant, Karshiaka">
        <title>Restaurant Djoana</title>

    <meta property="og:title" content='Restaurant Djoana - restaurant, Karshiaka' ><meta property="og:description" content='Restaurant Djoana - restaurant, Karshiaka' ><meta property="og:image" content="" ><meta property="og:url" content="https://djoana.com/en" ><meta property="og:type"   content="article" />     <meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	<!-- STYLESHEETS -->
	<link rel="stylesheet" type="text/css" href="https://zavedenia.com/templatePages/templates/classic/css/plugins.css">
	<link rel="stylesheet" type="text/css" href="https://zavedenia.com/templatePages/templates/classic/css/style.css">
	<link rel="stylesheet" type="text/css" href="https://zavedenia.com/templatePages/templates/classic/css/templete.css">
	<link rel="stylesheet" type="text/css" href="https://zavedenia.com/templatePages/templates/classic/css/lightbox.css">
	<link rel="stylesheet" type="text/css" href="https://zavedenia.com/templatePages/templates/classic/css/pizzatransition.css">
	<link class="skin" rel="stylesheet" type="text/css" href="https://zavedenia.com/templatePages/templates/classic/css/skin/skin-1.css">

</head>
<style>
	#mySidenav::after{
		background-color: black;
		opacity: 0.7;
		height: 100%;
		width: 100%;
		position: absolute;
	}
	</style>
<body id="bg">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#efefef",
      "text": "#404040",
      "font-size": "10px"
    },
    "button": {
      "background": "#a42a63",
      "text": "#ffffff"
    }
  },
  "theme": "edgeless",
  "type": "opt-in",
  "content": {
    "message": "Този уебсайт използва cookies за подобравяне на качеството на услугата.",
    "dismiss": "Не съм съгласен",
    "allow": "Съгласен съм",
    "link": "Научете повече",
    "href": "//djoana.com/en/terms/"
  }
})});
</script>
<style type="text/css" media="screen">
.cc-revoke, .cc-window{
    font-size: 12px;
}

</style>
<div class="page-wraper">
<!-- <div id="loading-area">
    <div class="css3-spinner">
    <div class="pizza">
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    <span class="slice"></span>
    </div>
    </div>
</div> -->

	<!-- header -->
    <header class="site-header header dark d-block d-md-none">
		<!-- main header -->
        <div class="sticky-header main-bar-wraper navbar-expand-lg">
            <div class="main-bar clearfix">
                <div class="container-fluid clearfix">
                    <!-- website logo -->
                    <div class="logo-header">
						<a href="//djoana.com/en/"><img src="https://zavedenia.com/system/storage/templateImages/75logo_smallplovdiv.png" alt=""></a>
					</div>
					<!-- extra nav -->
                    <div class="extra-nav">
                        <div class="extra-cell">
							<ul class="header-social">
								<li><a href="javascript:void(0);" class="openbtn navicon"><span></span><span></span><span></span></a></li>
							</ul>
						</div>
                    </div>
				 </div>
            </div>
        </div>
        <!-- main header END -->
    </header>
    <!-- header END -->
    <!-- Content -->
    <div class="page-content one-page-layout">
		<!-- Side Nav -->
		<div class="sidenav full-page navbar sticky-header onepage content-scroll" id="mySidenav" style="background-image: url('https://zavedenia.com/zimages/plovdiv/big/401/4015b631b82eb9a94b069a16cc3b62a49cc2.jpg'); background-position: left;">
		<div class="nav-overlay" style="background-color: black; opacity: .5; position: absolute;"></div>
			<a href="javascript:void(0)" class="closebtn btn">&times;</a>

			<div class="dlab-sidenav-area">

				<div class="logo-header mostion"><a href=""><img src="https://zavedenia.com/system/storage/templateImages/75logo_smallplovdiv.png" width="193" height="89" alt="resturant logo"></a></div>
				<div class="clearfix"></div>
				<div id="myNavbar" >
					<ul class="nav">
						<li><a href="//djoana.com/en/" class="nav-link active">Home</a></li>
						                              <li><a href="https://order.bg/djoana" class="nav-link"  target=_blank><div class="book" style="background-color: orange"> FOOD DELIVERY</a>
                             </li>
                        						<!-- <li><a href="//djoana.com/en/offers" class="nav-link ">Offers</a></li> -->
						                        <li>
                            <a class="nav-link " href="//djoana.com/en/offers" role="button" aria-haspopup="true" aria-expanded="false">Offers</a>

                        </li>
                        
						<li><a href="//djoana.com/en/menu" class="nav-link ">Menu</a></li>
                        <li><a href="//djoana.com/en/gallery" class="nav-link ">Gallery</a></li>

                                                <li>
                            <a class="nav-link " href="//djoana.com/en/events" role="button" aria-haspopup="true" aria-expanded="false">Events</a>

                        </li>
                        

                                                <li>
                            <a class="nav-link " href="//djoana.com/en/news" role="button" aria-haspopup="true" aria-expanded="false">News</a>

                        </li>
                        						<!-- <li><a href="//djoana.com/en/news" class="nav-link  ">News</a></li> -->
						<!-- <li><a href="blog.html" class="nav-link">blog</a></li> -->
						<li><a href="//djoana.com/en/contacts" class="nav-link ">Contacts</a></li>
							<!-- <li><a href="//djoana.com/en/" class="nav-link">Book Now</a></li>  -->

                        						<li class="language" style="margin-top: 8px;">
                                                            <a href="//djoana.com/" role="button" aria-haspopup="true" aria-expanded="false"><img width="34px" height="31px"  src="https://zavedenia.com/templatePages/templates/classic/images/bg.png"></a>
                                                    </li>
                        					</ul>
				</div>
				<div class="footer-menu p-b10">
					<ul class="list-inline footer-social text-center m-b0">
                        					<li>
                                <a href="//plovdiv.zavedenia.com/401" target="_blank" role="button" aria-haspopup="true" aria-expanded="false" style="margin-top:-2px;">
                                    <img src="https://zavedenia.com/templatePages/templates/endless/img/z-icon.png" style="width:30px; margin-top:-11px;">
                                </a>
                            </li>                                                                                            <li>
                                      <a href="//www.facebook.com/Restaurant.Djoana" role="button" aria-haspopup="true" aria-expanded="false">
                                          <i class="fa fa-facebook-square fa-2x"></i>
                                      </a>
                                    </li>
                                                                                                    <li>
                                        <a href="//www.instagram.com/restaurant.djoana" role="button" aria-haspopup="true" aria-expanded="false"     >
                                            <i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
                                        </a>
                                    </li>
                                                                                                                                    <li>
                                      <a href="//www.tripadvisor.com/Restaurant_Review-g295391-d1101016-Reviews-Restaurant_Djoana-Plovdiv_Plovdiv_Province.html" role="button" aria-haspopup="true" aria-expanded="false">
                                            <i class="fa fa-tripadvisor fa-2x"></i>
                                      </a>
                                    </li>
                                                                					</ul>
					<!-- <p class="copyright">© Copyright 2020</p> -->
					<!-- <p class="copyright-text">Design With Love By <span>Zavedenia.bg</span></p> -->
				</div>
			</div>
		</div>
		<!-- Side Nav End-->

<div id="main" class="">
            <!-- Slider -->
			 <div class="main-slider owl-carousel owl-btn-center-lr">
				<div class="item">
					<div class="slide" style="background-position: left; background-image:url('https://zavedenia.com/zimages/plovdiv/big/401/401cPZwK2mMD0xWjqTuZUeZsJdtWleXQ2x2Swz.jpg');">
						<div class="content">
							<!-- <span class="text-primary">Cafe & Restaurant</span> -->
							<h2 class="title" style="margin-bottom: 26px;">Restaurant Djoana</h2>
							<!-- <h4 class="sub-title">THE BEST COFFEE IN LONDON</h4> -->
							<!-- <a href="#" class="btn">ABOUT US</a> -->

							                            	<a href="https://order.bg/djoana" target=_blank class="btn">FOOD DELIVERY</a>
                        	
															<a href="//djoana.com/en/contacts" class="btn-secondry">Book Now</a>
													</div>
					</div>
				</div>
				<div class="item">
					<div class="slide" style="background-position: left; background-image:url('https://zavedenia.com/zimages/plovdiv/big/401/401461411b451b2b2e0418ed1f12140fe172.jpg');">
						<div class="content">
							<!-- <span class="text-primary">Cafe & Restaurant</span> -->
							<h2 class="title" style="margin-bottom: 26px;">Restaurant Djoana</h2>
							<!-- <h4 class="sub-title">THE BEST COFFEE IN LONDON</h4> -->
							                            	<a href="https://order.bg/djoana" target=_blank class="btn">FOOD DELIVERY</a>
                        	
															<a href="//djoana.com/en/contacts" class="btn-secondry">Book Now</a>
													</div>
					</div>
				</div>
			 </div>
			<!-- Slider END -->
			<!-- About Us -->
			<div id="about-us-section" class="section-full content-inner-2 bg-pink-light">
				<div class="container">
					<div class="section-head text-center m-b0">
						<h2 class="main-title text-primary">Welcome</h2>
						<!--<pre>
                            						</pre>-->
						<h3 class="title">Restaurant Djoana</h3>
						<!-- <h4 class="sub-title">CAFE & RESTAURANT</h4> -->
						<div class="dlab-separator"></div>
						<p class="m-b0"></p>
					</div>
				</div>
			</div>
			<!-- About Us END -->
			<!-- About Services -->
			<!-- <div class="section-full bg-img-fix content-inner overlay-black-middle" style="background-image:url(images/background/bg2.jpg);">
				<div class="container">
					<div class="section-head text-center">
						<h3 class="title text-white">DID YOU KNOW?</h3>
						<h4 class="sub-title">ABOUT OUR RESTAURANT:</h4>
					</div>
					<div class="row">
						<div class="col-lg-3 col-md-3 col-sm-6 col-6 m-b30">
							<div class="icon-bx-wraper center text-white service-box">
								<div class="icon-bx-xl">
									<span class="icon-cell"><img src="images/icons/icon1.png" alt=""></span>
								</div>
								<div class="icon-content">
									<h5 class="dlab-tilte">FAMOUS FOR <br/>OUR COFFEE</h5>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-6 col-6 m-b30">
							<div class="icon-bx-wraper center text-white service-box">
								<div class="icon-bx-xl">
									<span class="icon-cell"><img src="images/icons/icon2.png" alt=""></span>
								</div>
								<div class="icon-content">
									<h5 class="dlab-tilte">PHONE <br/>RESERVATIONS</h5>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-6 col-6 m-b30">
							<div class="icon-bx-wraper center text-white service-box">
								<div class="icon-bx-xl">
									<span class="icon-cell"><img src="images/icons/icon3.png" alt=""></span>
								</div>
								<div class="icon-content">
									<h5 class="dlab-tilte">OPEN EVERYDAY <br/>08:00 - 01:00</h5>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-6 col-6 m-b30">
							<div class="icon-bx-wraper center text-white service-box">
								<div class="icon-bx-xl">
									<span class="icon-cell"><img src="images/icons/icon4.png" alt=""></span>
								</div>
								<div class="icon-content">
									<h5 class="dlab-tilte">LOCATED IN <br/>CITY CENTER</h5>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div> -->
            <!-- About Services END -->
            <!-- Our Info -->
			<!-- <div class="section-full bg-pink-light content-inner-2">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-md-6">
							<div class="section-head full-head text-center">
								<h2 class="main-title text-primary">Authentic</h2>
								<h3 class="title">TASTEFUL</h3>
								<h4 class="sub-title">CAFE & RESTAURANT</h4>
								<div class="dlab-separator"></div>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor.</p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="row sp20 lightgallery">
								<div class="col-lg-6 col-md-6 col-6">
									<div class="dlab-gallery-box">
										<div class="dlab-thum">
											<span data-exthumbimage="https://zavedenia.com/templatePages/templates/classic/images/about/pizzaimg.jpg" data-src="https://zavedenia.com/zimages/plovdiv/big/4015b631b82eb9a94b069a16cc3b62a49cc2.jpg" class="check-km" title="Light Gallery Grid 1">
											<span data-exthumbimage="https://zavedenia.com/templatePages/templates/classic/images/about/pizzaimg.jpg" data-src="https://zavedenia.com/templatePages/templates/classic/images/about/pizzaimg.jpg" class="check-km" title="Light Gallery Grid 1">
												<img src="https://zavedenia.com/templatePages/templates/classic/images/about/pizzaimg.jpg" alt="">
												<img src="https://zavedenia.com/zimages/plovdiv/medium/401-96601579427069507.png" data-mfp-src="https://zavedenia.com/zimages/plovdiv/big/401-96601579427069507.png" alt="">
											</span>
										</div>
									</div>
                                </div>
								<div class="col-lg-6 col-md-6 col-6">
									<div class="dlab-gallery-box">
										<div class="dlab-thum">
											<span data-exthumbimage="https://zavedenia.com/templatePages/templates/classic/images/about/food1.jpg" data-src="https://zavedenia.com/templatePages/templates/classic/images/about/food1.jpg" class="check-km" title="Light Gallery Grid 1">
												<img src="https://zavedenia.com/templatePages/templates/classic/images/about/food1.jpg" onerror="this.src='https://zavedenia.com/templatePages/templates/classic/images/about/food1.jpg'" alt="">
											</span>
										</div>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-6">
									<div class="dlab-gallery-box">
										<div class="dlab-thum">
											<span data-exthumbimage="https://zavedenia.com/templatePages/templates/classic/images/about/food2.jpg" data-src="https://zavedenia.com/templatePages/templates/classic/images/about/food2.jpg" class="check-km" title="Light Gallery Grid 1">
												<img src="https://zavedenia.com/templatePages/templates/classic/images/about/food2.jpg" alt="">
											</span>
										</div>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-6">
									<div class="dlab-gallery-box">
										<div class="dlab-thum">
											<span data-exthumbimage="https://zavedenia.com/templatePages/templates/classic/images/about/food3.jpg" data-src="https://zavedenia.com/templatePages/templates/classic/images/about/food3.jpg" class="check-km" title="Light Gallery Grid 1">
												<img src="https://zavedenia.com/templatePages/templates/classic/images/about/food3.jpg" alt="">
											</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div> -->
			<!-- Our Info End --><style>
	footer a,
	footer a:visited {
		color: #e88f2a;
	}
</style>
<!-- Footer -->
<footer class="site-footer">
	<!-- footer top part -->
	<div class="footer-top">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6 col-md-6">
					<div class="text-left text-white">
													<p>All rights reserved <i class="fa fa-heart primary-color"></i> by <a title="ресторанти, резервации" href="https://plovdiv.zavedenia.com/">заведения.BG</a><span>&nbsp;|&nbsp;</span>
																	<a title="Food delivery" href="//djoana.com/en/orderfood"> Food delivery</a> 							</p>
						
					</div>

				</div>
				<div class="col-lg-6 col-md-6">
					<div class="text-right">
						<ul class="list-inline footer-social m-b0">
																								<li>
										<a href="//www.facebook.com/Restaurant.Djoana" target="_blank" rel="nofollow" style="font-size: 1.25rem; background: transparent">
											<i class="fa fa-facebook-square "></i>
										</a>
									</li>
																									<li>
										<a href="//www.instagram.com/restaurant.djoana" target="_blank" rel="nofollow" style="font-size: 1.25rem; background: transparent">
											<i class="fa fa-instagram " aria-hidden="true"></i>
										</a>
									</li>
																																<li>
										<a href="//www.tripadvisor.com/Restaurant_Review-g295391-d1101016-Reviews-Restaurant_Djoana-Plovdiv_Plovdiv_Province.html" target="_blank" rel="nofollow" style="font-size: 1.25rem; background: transparent">
											<i class="fa fa-tripadvisor "></i>
										</a>
									</li>
																							<!-- <li><a href="javascript:void(0);" class="fa fa-facebook"></a></li>
										<li><a href="javascript:void(0);" class="fa fa-twitter"></a></li>
										<li><a href="javascript:void(0);" class="fa fa-linkedin"></a></li>
										<li><a href="javascript:void(0);" class="fa fa-google-plus"></a></li> -->
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<button class="scroltop" type="button"><i class="fa fa-angle-up"></i></button>
</footer>
<!-- Footer END -->
</div>
</div>
<!-- Content END -->
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="https://zavedenia.com/templatePages/templates/classic/js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="https://zavedenia.com/templatePages/templates/classic/plugins/bootstrap/js/popper.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="https://zavedenia.com/templatePages/templates/classic/plugins/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="https://zavedenia.com/templatePages/templates/classic/plugins/bootstrap-select/bootstrap-select.min.js"></script><!-- FORM JS -->
<script src="https://zavedenia.com/templatePages/templates/classic/plugins/owl-carousel/owl.carousel.js"></script><!-- OWL SLIDER -->
<script src="https://zavedenia.com/templatePages/templates/classic/plugins/lightgallery/js/lightgallery-all.min.js"></script><!-- LIGHTGALLERY -->
<script src="https://zavedenia.com/templatePages/templates/classic/plugins/scroll/scrollbar.min.js"></script>
<script src="https://zavedenia.com/templatePages/templates/classic/js/dz.carousel.js"></script><!-- CAROUSEL FUCTIONS  -->
<script src="https://zavedenia.com/templatePages/templates/classic/js/lightbox.js"></script><!-- CUSTOM FUCTIONS  -->
<script src="https://zavedenia.com/templatePages/templates/classic/js/lazyload.min.js"></script><!-- CUSTOM FUCTIONS  -->
<script src="https://zavedenia.com/templatePages/templates/classic/js/custom.js"></script><!-- CUSTOM FUCTIONS  -->
<script>
	var lazyLoadInstance = new LazyLoad({
		// Your custom settings go here
	});
</script>
</body>

</html><style>
    .is-fixed .main-bar{
        top: unset;
    }
    .order-bg-bar {
        position: sticky;
        top: 0%;
        right: 0;
        left: 0;
        height: 50px;
        display: grid;
        place-content: center;
        background-color: rgb(32, 146, 85);
        color: #fff;
        padding: 10px 20px;
        z-index: 1000;
         font-family: "Roboto", sans-serif;
         margin-left: auto;
    }
    .order-bg-bar a {
        color: #fff;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    @media screen and (min-width: 992px){
        .order-bg-bar{
            max-width: calc(100vw - 300px);
        }
    }
    @media screen and (min-width: 769px){
        .order-bg-bar{
            max-width: calc(100vw - 220px);
        }
    }
    @media screen and (max-width: 768px) {
        .order-bg-bar a {
            font-size: 1.2em;
        }
    }
    .order-bg-bar .close-order {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 18px;
        font-weight: bold;
        padding: 5px 10px;
        cursor: pointer;
    }

    .order-bg-bar .close-order:hover {
        color: #000;
    }
</style>
<script>
    function isTimeInRange(date, startHour, endHour) {
            const hour = date.getHours();
            return hour >= startHour && hour < endHour;
    }
    function insertEl(html) {
        let frag = document.createDocumentFragment(),
            temp = document.createElement('div');
        temp.innerHTML = html;
        while (temp.firstChild) {
            frag.appendChild(temp.firstChild);
        }
        return frag;
    }
    let fragment = insertEl('<div class="order-bg-bar">' +
        '<span class="close-order">x</span>' +
        '<a target="_blank" href="https://order.bg/djoana">WE DO DELIVERY! ORDER NOW!</a>' +
        '</div>');

    if(isTimeInRange(new Date(), 10, 21) && 1) {
        document.getElementById('bg').insertBefore(fragment, document.querySelector('.page-wraper'));
        console.log('its order time');
    }
    // document.querySelector('.navbar').insertBefore(fragment, document.querySelector('.container'));

    function removeEl(selector) {
        let el = document.querySelector(selector);
        if (el) {
            el.remove();
        }
    }

    const closeOrder = document.querySelector('.close-order') || null;
    if(closeOrder){
        closeOrder.addEventListener('click', function() {
            removeEl('.order-bg-bar');
        });
    }

    // $(document).ready(function() {
    //     $(window).scroll(function() {
    //         if ($(this).scrollTop() > 100) {
    //             $('.order-bg-bar').addClass('show-btn');
    //         } else {
    //             $('.order-bg-bar').removeClass('show-btn');
    //         }
    //     });
    // });
    console.log("hello from ordernow.");
</script>