<!-- 
                                      ▓▓▓▓              ████                                            
                                      ██▓▓▓▓          ▓▓▓▓██                                            
                                      ██▓▓▒▒██      ██▓▓▒▒██                                            
                                      ██▓▓▓▓▓▓██████▓▓▓▓▒▒██                                            
                              ██▓▓    ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██    ▓▓▓▓                                    
                              ░░░░██  ██▓▓▓▓░░▓▓▓▓▓▓░░▓▓▒▒██  ▓▓░░░░                                    
                                  ░░  ██▓▓▓▓  ▓▓▓▓██  ▓▓▒▒██  ░░                                        
                              ██████  ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██  ██████                                    
                                        ██▓▓▓▓▓▓▓▓▓▓▓▓▒▒██              ██▓▓              ▓▓██          
                                        ░░██████████████░░              ██▓▓▓▓          ▓▓▓▓██          
                            ██████      ██▓▓▓▓▓▓▓▓▓▓▒▒▒▒██              ██▓▓▒▒██      ██▓▓▒▒██          
                          ██▓▓▓▓██    ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██              ██▓▓▓▓▓▓██████▓▓▓▓▒▒██          
                          ██▓▓██      ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██      ████    ██▓▓▓▓██▓▓▓▓▓▓▓▓▓▓▒▒██    ████  
                          ██▓▓██    ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██          ██  ██▓▓██  ▓▓▓▓▓▓  ▓▓▒▒██  ██      
                          ██▓▓██  ██▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▒▒██              ██▓▓██  ▓▓▓▓▓▓  ▓▓▒▒██          
                          ██▓▓██    ██▓▓▓▓▓▓▒▒▒▒▒▒▓▓▓▓▒▒██      ██████  ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██  ██████  
                          ██▓▓██    ██▓▓▓▓▓▓▓▓▒▒▒▒▒▒██▒▒██                ██▓▓▓▓▓▓▓▓▓▓▓▓▒▒██            
                            ██▓▓▓▓  ██▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▓▓██            ▓▓▓▓██████████████████            
                            ██▓▓██  ██▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓▓██          ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒██          
                              ████████▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒██          ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██        
                            ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒██    ▓▓▓▓▓▓▓▓████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██      
                        ▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒████▓▓▓▓▓▓▓▓▓▓▓▓▒▒██      
                      ▒▒▒▒▒▒░░▒▒▒▒▒▒▒▒░░░░▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▓▓▒▒░░░░▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓    
                    ▓▓▒▒░░░░▒▒▒▒░░▒▒░░░░░░▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒░░░░░░░░▒▒▒▒░░▒▒▒▒██▓▓▓▓▓▓▓▓▓▓▒▒██    
                  ▓▓▒▒▒▒░░▒▒▒▒▒▒░░░░░░░░▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒▒▒▒▒░░▒▒▒▒██▓▓▓▓▓▓▓▓▓▓▒▒██  
                  ▓▓▒▒░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░▒▒▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░▒▒▒▒░░░░▒▒██▓▓▓▓▓▓▓▓▓▓▒▒██  
                ██▒▒░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░▒▒▒▒░░▒▒░░▒▒▒▒░░▒▒▒▒▒▒░░▒▒▒▒░░░░░░▒▒▒▒▒▒▒▒░░▒▒██▓▓▓▓▓▓▓▓▒▒██  
                ▓▓░░░░▒▒▒▒░░░░░░░░▒▒▒▒░░░░▒▒▒▒░░░░▒▒▒▒▒▒░░████▒▒░░▒▒▒▒▒▒░░░░████▒▒▒▒░░░░██▓▓▓▓▓▓▓▓▒▒██  
              ▓▓▒▒░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░░░▒▒▒▒░░░░▒▒▒▒▒▒░░██▒▒██░░▒▒▒▒▒▒▒▒██▒▒██▒▒▒▒▒▒▒▒░░██▓▓▓▓▓▓▒▒██  
              ▓▓░░░░▒▒▒▒░░░░░░░░▒▒▒▒▒▒░░░░▒▒▒▒░░░░░░▒▒▒▒░░██▓▓▒▒▓▓░░▒▒▒▒▓▓▓▓▒▒██▒▒▒▒▒▒░░▒▒██▓▓▓▓▓▓▒▒██  
            ▒▒▒▒░░░░▒▒▒▒░░░░░░░░▒▒▒▒▒▒░░▒▒▒▒▒▒░░░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒▒▒▒▒░░░░▒▒██▓▓▓▓▒▒██  
            ▓▓░░░░░░▒▒▒▒░░░░░░▒▒▒▒▒▒▒▒░░▒▒▒▒░░░░░░▓▓▓▓▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒▒▒▓▓▓▓░░▒▒██▓▓▓▓▓▓██  
            ▓▓▒▒░░▒▒▒▒▒▒░░░░░░▒▒▒▒▒▒░░░░▒▒▒▒░░░░░░░░▒▒██░░██▓▓▓▓  ▓▓▓▓▓▓  ▓▓▒▒██▒▒██▒▒▒▒░░░░██▓▓▒▒████  
            ▓▓▒▒░░▒▒▒▒░░░░░░░░▒▒▒▒░░░░▒▒▒▒░░░░░░░░▒▒▒▒▒▒░░██▓▓██  ▓▓▓▓▓▓  ▓▓▒▒██░░▒▒▒▒▒▒░░▒▒██▓▓▒▒████  
            ▓▓▒▒░░▒▒▒▒▒▒░░░░▒▒▒▒▒▒░░░░▒▒▒▒░░░░░░░░██████░░██▓▓▓▓██▓▓▓▓▓▓▓▓▓▓▒▒██░░██████░░▒▒██▓▓██▓▓██  
            ▓▓▒▒░░▒▒▒▒▒▒░░░░▒▒▒▒▒▒░░░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░░░██▓▓▓▓▓▓▓▓▓▓▓▓▒▒██░░░░▒▒▒▒▒▒░░░░▓▓████▓▓██  
            ▓▓▒▒░░▒▒▒▒▒▒░░░░▒▒▒▒░░░░░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░░░▒▒██████████████▒▒░░░░▒▒▒▒▒▒░░░░▓▓  ██▓▓██  
            ▓▓▒▒░░▒▒▒▒░░░░░░▒▒▒▒░░░░░░▒▒▒▒░░░░░░░░░░▒▒▒▒░░░░██▓▓▓▓▓▓▓▓▓▓▒▒▓▓██░░░░████▓▓░░▒▒▓▓  ██▓▓██  
            ░░▓▓░░░░▒▒▒▒░░░░▒▒▒▒░░░░░░▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒░░░░██▓▓▓▓▓▓▓▓▓▓▓▓▒▒██░░▒▒██▓▓▓▓▓▓▓▓░░  ██▓▓██  
              ▓▓▒▒░░▒▒▒▒░░░░▒▒▒▒▒▒░░░░▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒░░░░██▓▓▓▓▓▓▓▓▓▓▓▓▒▒██░░▒▒▓▓██▓▓██▓▓    ██▓▓██  
                ▓▓░░▒▒▒▒░░░░░░▒▒▒▒▒▒░░▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒▒▒██▓▓██      ██▓▓██  
                ▓▓▒▒▒▒▒▒░░░░░░▒▒▒▒░░░░░░▒▒▒▒░░░░░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒▒▒██▓▓██      ██▓▓██  
                ░░▓▓░░▒▒▒▒▒▒░░░░▒▒▒▒▒▒░░▒▒▒▒▒▒░░░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒▒▒██▓▓██      ░░██░░  
    ██████████████▓▓▒▒▒▒▒▒▒▒░░░░▒▒▒▒░░▒▒▒▒▒▒░░░░░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒▒▒██▓▓██              
  ██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒░░▒▒▒▒░░░░▒▒▒▒░░▒▒▒▒░░▒▒░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██░░▒▒██▓▓██              
    ██████████████████▓▓▒▒▒▒▒▒▒▒░░░░▒▒▒▒░░▒▒▒▒▒▒░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▒▒██▓▓██                
      ░░░░░░      ░░    ▓▓▓▓▓▓▓▓▒▒░░▒▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒░░██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒██▓▓██▓▓██                
                        ░░░░░░░░▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒░░░░▒▒▒▒▒▒██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒████▓▓██░░                
                                          ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████████████████▓▓    

 -->
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<title>Kadoo Cafe 🎃 Breakfast Cafe in Rasht</title>
<meta name="description" content="Introduction website of Kadoo Cafe in Rasht">
<meta name="google-site-verification" content="5BOC5hYIxHQDWwQ-IJ66PktRPEE9YzT94zrtHDy2dK0">
<meta name="author" content="info@zux.ir">
<meta name="robots" content="index,follow">

<!-- Web Fonts -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900' type='text/css'>

<!-- Stylesheet
============================== -->
<!-- Animate -->
<link rel="stylesheet" type="text/css" href="Theme/css/animate.min.css" />
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="Theme/css/bootstrap.min.css" />
<!-- Font Awesome Icon -->
<link rel="stylesheet" type="text/css" href="Theme/css/all.min.css" />
<!-- Owl Carousel -->
<link rel="stylesheet" type="text/css" href="Theme/css/owl.carousel.min.css" />
<!-- Magnific Popup -->
<link rel="stylesheet" type="text/css" href="Theme/css/magnific-popup.min.css" />
<!-- Custom Stylesheet -->
<link rel="stylesheet" type="text/css" href="Theme/css/stylesheet.css" />
<!-- Colors Css -->
<link id="color-switcher" type="text/css" rel="stylesheet" href="#" />
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="70">

<!-- Preloader -->
<div class="preloader">
  <div class="lds-ellipsis">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>
<!-- Preloader End --> 

<!-- Document Wrapper   
=============================== -->
<div id="main-wrapper"> 
  
  <!-- Header -->
  <header id="header" class="sticky-top-slide"> 
    <!-- Navbar -->
    <nav class="primary-menu navbar navbar-expand-lg text-uppercase navbar-line-under-text font-weight-600">
      <div class="container position-relative">
        <div class="col-auto col-lg-2 d-inline-flex pl-lg-0"> 
          <!-- Logo --> 
          <a class="logo" href="index.html" title="Kadoo Cafe"> <img src="Theme/images/logo.png" width="36" height="36" alt="Kadoo Cafe"/> </a> 
          <!-- Logo End --> 
        </div>
        <div class="col col-lg-8 navbar-accordion px-0">
          <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#header-nav"><span></span><span></span><span></span></button>
          <div id="header-nav" class="collapse navbar-collapse justify-content-center">
		<ul class="navbar-nav">
		      	<li class="nav-item"><a class="nav-link" href="index.html">فارسی</a></li>
		      	<li class="nav-item"><a class="nav-link" href="#contact">Contact Us</a></li>
		      	<li class="nav-item"><a class="nav-link" href="#portfolio">Breakfast Menu</a></li>
		      	<li class="nav-item"><a class="nav-link" href="#about">About Me</a></li>
			<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
            </ul>
          </div>
        </div>
        <div class="col-auto col-lg-2 d-flex justify-content-end pl-0 mr-md-n2">
		  <ul class="social-icons mb-n1">
		  <!-- <li class="social-icons-facebook"><a data-toggle="tooltip" href="http://www.facebook.com/" target="_blank" title="" data-original-title="Facebook"><i class="fab fa-facebook"></i></a></li> -->
      <!-- <li class="social-icons-twitter"><a data-toggle="tooltip" href="http://www.twitter.com/" target="_blank" title="" data-original-title="Twitter"><i class="fab fa-twitter"></i></a></li> -->
		  <li class="social-icons-instagram"><a data-toggle="tooltip" href="https://www.instagram.com/kadoocafe" target="_blank" title="" data-original-title="Instagram"><i class="fab fa-instagram"></i></a></li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- Navbar End --> 
  </header>
  <!-- Header End -->
  
  <!-- Content
  ============================================= -->
  <div id="content" role="main"> 
    
    <!-- Intro
    ============================================= -->
    <section id="home">
      <div class="hero-wrap">
        <div class="hero-mask opacity-8 bg-dark"></div>
        <div class="hero-bg parallax" style="background-image:url('Theme/images/intro-bg.jpg');"></div>
        <div class="hero-content d-flex fullscreen-with-header py-5">
          <div class="container my-auto py-4">
            <div class="row">
          <div class="col-lg-12 text-center order-1 order-lg-0">
            <h1 class="text-7 text-white font-weight-400 mb-0 text-uppercase">Hello, Welcome to Kadoo Cafe</h1>
            <div class="typed-strings">
              <h2>Enjoy Breakfast</h2>
      		<p>In a calm and cozy atmosphere</p>
     		<p>A piece of your memories</p>
     		<p>Will be forever cherished</p>
      		<p>At the heart of Kadoo</p>
            </div>
            <h2 class="text-13 text-white font-weight-600 text-uppercase mb-0 ml-n1"><span class="typed"></span></h2>
            <p class="text-5 text-light">We are open every day (except Sundays) from 7:30 AM to 12:30 PM</p>
            <a href="#portfolio" class="btn btn-primary font-weight-600 rounded-0 smooth-scroll mt-3">Breakfast Menu</a> </div>
          
        </div>
			
          </div>
          <a href="#about" class="scroll-down-arrow text-light smooth-scroll"><span class="animated"><i class="fas fa-arrow-down"></i></span></a> </div>
      </div>
    </section>
    <!-- Intro end --> 
    
    <!-- About
    ============================================= -->
    <section id="about" class="section">
      <div class="container"> 
        <!-- Heading -->
        <p class="text-center mb-2 wow fadeInUp"><span class="bg-primary text-dark px-2">About Me</span></p>
        <h2 class="text-10 font-weight-600 text-center mb-5 wow fadeInUp">Get to Know Me Better</h2>
        <!-- Heading end-->
        
        <div class="mt-5">
          <div class="row">
            <div class="col-lg-8 text-center text-lg-right wow fadeInUp">
              <h2 class="text-8 font-weight-400 mb-3">Hello</h2>
            <p class="text-5">I’m Sheida, Kadoo’s mom 🎃</p>
              <p class="text-5">I’m a vegetarian and love the color green. I created Kadoo to share love and energy with my Kadoo friends. If you want a piece of your memories to be forever cherished in Kadoo’s heart, Kadoo and I are always waiting for you with love.</p>
            </div>
            <div class="col-lg-4 wow fadeInUp" data-wow-delay="0.2s">
              <div class="featured-box style-4">
                <div class="featured-box-icon text-7 font-weight-500 bg-primary rounded-circle"><span class="wow heartBeat" data-wow-delay="1.3s">Kadoo Cafe</span></div>
                <h3 class="text-7 wow rubberBand" data-wow-delay="2s">A piece of <span class="font-weight-700">your memories</span></h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- About end --> 
    
    <!-- Services
    ============================================= -->
 
<!--     <section id="services" class="section bg-light">
      <div class="container">  -->
        <!-- Heading -->
<!--         <p class=" text-center mb-2 wow fadeInUp"><span class="bg-primary text-dark px-2">چه کاری میکنم ؟</span></p>
        <h2 class="text-10 font-weight-600 text-center mb-5 wow fadeInUp">چگونه می توانم به پروژه بعدی شما کمک کنم</h2> -->
        <!-- Heading end-->
        
<!--         <div class="row">
          <div class="col-sm-6 col-lg-4 mt-5 wow fadeInUp">
            <div class="featured-box text-center px-md-4">
              <div class="featured-box-icon text-primary text-13"> <i class="fas fa-palette"></i> </div>
              <h3 class="text-6 font-weight-600 mb-3">طراحی گرافیک</h3>
              <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
            </div>
          </div>
          <div class="col-sm-6 col-lg-4 mt-5 wow fadeInUp">
            <div class="featured-box text-center px-md-4">
              <div class="featured-box-icon text-primary text-13"> <i class="fas fa-desktop"></i></div>
              <h3 class="text-6 font-weight-600 mb-3">طراحی وب سایت</h3>
              <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
            </div>
          </div>
          <div class="col-sm-6 col-lg-4 mt-5 wow fadeInUp">
            <div class="featured-box text-center px-md-4">
              <div class="featured-box-icon text-primary text-13"> <i class="fas fa-pencil-ruler"></i> </div>
              <h3 class="text-6 font-weight-600 mb-3">توسعه وب</h3>
              <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
            </div>
          </div>
          <div class="col-sm-6 col-lg-4 mt-5 wow fadeInUp">
            <div class="featured-box text-center px-md-4">
              <div class="featured-box-icon text-primary text-13"> <i class="fas fa-paint-brush"></i> </div>
              <h3 class="text-6 font-weight-600 mb-3">هویت نام تجاری</h3>
              <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
            </div>
          </div>
          <div class="col-sm-6 col-lg-4 mt-5 wow fadeInUp">
            <div class="featured-box text-center px-md-4">
              <div class="featured-box-icon text-primary text-13"> <i class="fas fa-chart-area"></i> </div>
              <h3 class="text-6 font-weight-600 mb-3">تحلیل کسب و کار</h3>
              <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
            </div>
          </div>
          <div class="col-sm-6 col-lg-4 mt-5 wow fadeInUp">
            <div class="featured-box text-center px-md-4">
              <div class="featured-box-icon text-primary text-13"> <i class="fas fa-bullhorn"></i> </div>
              <h3 class="text-6 font-weight-600 mb-3">بازاریابی دیجیتال</h3>
              <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است</p>
            </div>
          </div>
        </div>
      </div>
    </section> -->
    <!-- Services end --> 
    
    <!-- Portfolio
    ============================================= -->
    <section id="portfolio" class="section bg-light">
      <div class="container"> 
        <!-- Heading -->
        <!-- <p class=" text-center mb-2 wow fadeInUp"><span class="bg-primary text-dark px-2">نمونه کارها</span></p> -->
        <!-- <h2 class="text-10 font-weight-600 text-center mb-5 wow fadeInUp">برخی از پروژه های اخیر من</h2> -->
        <!-- Heading end--> 
        
        <!-- Filter Menu -->
        <ul class="portfolio-menu nav nav-tabs font-weight-600 justify-content-left justify-content-md-center border-bottom-0 mb-4 wow fadeInUp">
          <li class="nav-item"> <a data-filter="*" class="nav-link rounded-0 active" href="">All</a></li>
          <li class="nav-item"> <a data-filter=".breakfast" href="" class="nav-link rounded-0">Breakfast</a></li>
          <li class="nav-item"> <a data-filter=".drinks" href="" class="nav-link rounded-0">Drinks</a></li>
          <li class="nav-item"> <a data-filter=".dessert" href="" class="nav-link rounded-0">Pastries</a></li>
        </ul>
        <!-- Filter Menu end -->
        <div class="portfolio wow fadeInUp">
          <div class="row portfolio-filter">
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/omlet.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/omlet.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Omelette</h5>
                        <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/sosis-tokhmemorgh.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/sosis-tokhmemorgh.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Sausage and Egg</h5>
                        <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/shapouri.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/shapouri.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Shapouri</h5>
                        <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/nimrou-tonemahi.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/nimrou-tonemahi.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Tuna Fried Egg</h5>
                        <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/panir-breshteh.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/panir-breshteh.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Grilled Cheese</h5>
                        <span class="text-light">-</div>span> </div>
                    </div>
                  </div>
                </div>
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/kotlet.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/kotlet.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Kotlet</h5>
                        <span class="text-light">-</div>span> </div>
                    </div>
                  </div>
                </div>
            <div class="col-sm-6 col-lg-4 dessert" data-wow-delay="0.2s">
                <div class="portfolio-box my-3">
                  <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/reshteh-khoshkar.jpg" alt="">
                    <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/reshteh-khoshkar.jpg"></a>
                      <div class="portfolio-overlay-details">
                        <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                        <h5 class="text-white text-5">Reshteh & Khoshkar</h5>
                        <span class="text-light">-</div>span> </div>
                    </div>
                  </div>
                </div>
            <div class="col-sm-6 col-lg-4 breakfast" data-wow-delay="0.2s">
              <div class="portfolio-box my-3">
                <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/lubiya.jpg" alt="">
                  <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/lubiya.jpg"></a>
                    <div class="portfolio-overlay-details">
                      <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                      <h5 class="text-white text-5">Baked beans</h5>
                      <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>
            <div class="col-sm-6 col-lg-4 drinks" data-wow-delay="0.2s">
              <div class="portfolio-box my-3">
                <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/tea.jpg" alt="">
                  <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/tea.jpg"></a>
                  <div class="portfolio-overlay-details">
                      <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                      <h5 class="text-white text-5">Tea</h5>
                      <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>       
            <div class="col-sm-6 col-lg-4 drinks" data-wow-delay="0.2s">
              <div class="portfolio-box my-3">
                <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/sharbat.jpg" alt="">
                  <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/sharbat.jpg"></a>
                  <div class="portfolio-overlay-details">
                      <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                      <h5 class="text-white text-5">Sherbet</h5>
                      <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>       
            <div class="col-sm-6 col-lg-4 drinks" data-wow-delay="0.2s">
              <div class="portfolio-box my-3">
                <div class="portfolio-img"> <img class="img-fluid d-block" src="Theme/images/macha-tea.jpg" alt="">
                  <div class="portfolio-overlay"> <a class="popup-img stretched-link" href="Theme/images/macha-tea.jpg"></a>
                  <div class="portfolio-overlay-details">
                      <p class="text-primary text-8"><i class="fas fa-image"></i></p>
                      <h5 class="text-white text-5">Matcha Tea</h5>
                      <span class="text-light">-</span> </div>
                    </div>
                  </div>
                </div>
              </div>              
          </div>
      </div>
    </section>
    <!-- Portfolio end --> 
    
    <!-- Call to Action
    ============================================= -->
    <section>
      <div class="hero-wrap">
        <div class="hero-mask opacity-8 bg-dark"></div>
        <div class="hero-bg parallax" style="background-image:url('Theme/images/intro-bg-2.jpg');"></div>
        <div class="hero-content section">
          <div class="container text-center py-5 wow fadeInUp">
            <h2 class="text-10 font-weight-600 text-white mb-5">Want to Visit?</h2>
            <a href="#contact" class="btn btn-primary rounded-0 smooth-scroll wow rubberBand" data-wow-delay="1s">Kadoo Cafe Address</a> </div>
        </div>
      </div>
    </section>
    <!-- Call to Action end --> 
    
    <!-- FAQ
    ============================================= -->
    <!-- <section id="faq" class="section bg-light">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 order-1 order-lg-0 wow fadeInUp">  -->
            <!-- Heading -->
            <!-- <p class="text-center text-lg-left mb-2"><span class="bg-primary text-dark px-2">سوالات متداول</span></p>
            <h2 class="text-10 font-weight-600 text-center text-lg-right mb-5">آیا سوالی دارید؟</h2> -->
            <!-- Heading end-->
            <!-- <div class="accordion accordion-alternate" id="faqTopics">
              <div class="card">
                <div class="card-header" id="heading1">
                  <h5 class="mb-0"> <a href="#" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">لورم ایپسوم متن ساختگی ؟</a> </h5>
                </div>
                <div id="collapse1" class="collapse show" aria-labelledby="heading1" data-parent="#faqTopics">
                  <div class="card-body"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است  </div>
                </div>
              </div>
              <div class="card">
                <div class="card-header" id="heading2">
                  <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">لورم ایپسوم متن ساختگی ؟</a> </h5>
                </div>
                <div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#faqTopics">
                  <div class="card-body">
                    <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است </p>
                  </div>
                </div>
              </div>
              <div class="card">
                <div class="card-header" id="heading3">
                  <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">لورم ایپسوم متن ساختگی ؟</a> </h5>
                </div>
                <div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#faqTopics">
                    <div class="card-body"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است  </div>
                </div>
              </div>
              <div class="card">
                <div class="card-header" id="heading4">
                  <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">لورم ایپسوم متن ساختگی ؟</a> </h5>
                </div>
                <div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#faqTopics">
                    <div class="card-body"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است  </div>
                </div>
              </div>
              <div class="card">
                <div class="card-header" id="heading5">
                  <h5 class="mb-0"> <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5">لورم ایپسوم متن ساختگی ؟</a> </h5>
                </div>
                <div id="collapse5" class="collapse" aria-labelledby="heading5" data-parent="#faqTopics">
                    <div class="card-body"> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 d-flex align-items-center justify-content-center mb-5 mb-lg-0 order-0 order-lg-1 wow fadeIn" data-wow-delay="1s"> <img class="img-fluid" src="Theme/images/faq.png" title="FAQ" alt="faq"> </div>
        </div>
      </div>
    </section> -->
    <!-- FAQ end --> 
    
    <!-- Testimonial
    ============================================= -->
<!--     <section id="testimonial" class="section  bg-secondary"> -->
      <!-- <div class="container"> --> 
        <!-- Heading -->
        <!-- <p class=" text-center mb-2 wow fadeIn"><span class="bg-primary text-dark px-2">نظرات مشتریان</span></p>
        <h2 class="text-10 font-weight-600 text-white text-center mb-5 wow fadeIn">آنچه برخی از مشتریان من می گویند</h2> -->
        <!-- Heading end-->
        <!-- <div class="row">
          <div class="col-lg-9 mx-auto wow fadeInUp">
            <div class="owl-carousel owl-theme owl-light" data-autoplay="true" data-loop="true" data-nav="true" data-margin="30" data-slideby="1" data-stagepadding="5"  data-items-xs="1" data-items-sm="1" data-items-md="1" data-items-lg="1">
              <div class="item text-center px-5"> <span class="text-9 text-primary"><i class="fa fa-quote-left"></i></span>
                <p class="text-5 text-white">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p>
                <img class="img-fluid d-inline-block w-auto rounded-circle shadow" src="Theme/images/client-sm-1.jpg" alt=""> <strong class="d-block text-3 font-weight-600 text-white">لورم ایپسوم متن </strong> <span class="text-light">لورم ایپسوم متن </span> </div>
              <div class="item text-center px-5"> <span class="text-9 text-primary"><i class="fa fa-quote-left"></i></span>
                <p class="text-5 text-white">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p>
                <img class="img-fluid d-inline-block w-auto rounded-circle shadow" src="Theme/images/client-sm-2.jpg" alt=""> <strong class="d-block text-3 font-weight-500 text-white">لورم ایپسوم متن </strong> <span class="text-light">لورم ایپسوم متن </span> </div>
              <div class="item text-center px-5"> <span class="text-9 text-primary"><i class="fa fa-quote-left"></i></span>
                <p class="text-5 text-white">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p>
                <img class="img-fluid d-inline-block w-auto rounded-circle shadow" src="Theme/images/client-sm-3.jpg" alt=""> <strong class="d-block text-3 font-weight-500 text-white">لورم ایپسوم متن </strong> <span class="text-light">لورم ایپسوم متن </span> </div>
              <div class="item text-center px-5"> <span class="text-9 text-primary"><i class="fa fa-quote-left"></i></span>
                <p class="text-5 text-white">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است </p>
                <img class="img-fluid d-inline-block w-auto rounded-circle shadow" src="Theme/images/client-sm-4.jpg" alt=""> <strong class="d-block text-3 font-weight-500 text-white">لورم ایپسوم متن </strong> <span class="text-light">لورم ایپسوم متن </span> </div>
            </div>
          </div>
        </div>
      </div>
    </section> -->
    <!-- Testimonial end --> 
    
    <!-- Contact Me
    ============================================= -->
    <section id="contact" class="section bg-primary">
      <div class="container">
        <div class="row">
          <div class="col-lg-100 text-center text-lg-right wow fadeInUp">
            <h2 class="text-8 font-weight-600 mb-5">Contact us</h2>
            <p class="text-5 mb-5">You can visit us every day (except Sundays) from 7:30 AM to 12:30 PM for breakfast. If we’ve had the pleasure of hosting you before, you can share your feedback, suggestions, or comments through Kadoo Cafe’s Instagram page or via email.</p>
            <h3 class="text-5 font-weight-600">Our Address:</h3>
            <address class="text-4">
            Mehr Alley, next to the Department of Education, Ziabari 1, Rasht, Iran
            </address>
            <h3 class="text-5 font-weight-600">Phone:</h3>
            <a href=tel:"09999902092" style="color: black;">0999-990-2092</a>
            <h3 class="text-5 font-weight-600">Email:</h3>
            <a href=mailto:"info@kadoocafe.ir" style="color: black;">info@kadoocafe.ir</a>
            <!-- <p class="text-4">info@kadoocafe.ir</p> -->
            <ul class="social-icons social-icons-lg justify-content-center justify-content-lg-start ml-lg-n2 mt-5">
              <!-- <li class="social-icons-twitter"><a data-toggle="tooltip" href="https://twitter.com/harnishdesign/" target="_blank" title="" data-original-title="Twitter"><i class="fab fa-twitter"></i></a></li> -->
              <!-- <li class="social-icons-facebook"><a data-toggle="tooltip" href="http://www.facebook.com/harnishdesign/" target="_blank" title="" data-original-title="Facebook"><i class="fab fa-facebook"></i></a></li> -->
              <li class="social-icons-instagram"><a data-toggle="tooltip" href="https://www.instagram.com/kadoocafe" target="_blank" title="Instagram page of Kadoo Cafe" data-original-title="Instagram"><i class="fab fa-instagram"></i></a></li>
              <!-- <li class="social-icons-github"><a data-toggle="tooltip" href="http://www.github.com/" target="_blank" title="" data-original-title="GitHub"><i class="fab fa-github"></i></a></li> -->
              <!-- <li class="social-icons-dribbble"><a data-toggle="tooltip" href="http://www.dribbble.com/harnishdesign/" target="_blank" title="" data-original-title="Dribbble"><i class="fab fa-dribbble"></i></a></li> -->
            </ul>
          </div>
          <div class="col-lg-6 ml-auto mt-5 mt-lg-0 wow fadeInUp" data-wow-delay="0.3s">
            <!-- <h2 class="text-10 font-weight-600 text-center text-lg-right mb-5">نظرات، انتقادات و پیشنهاداتتون رو با ما در میون بذارید</h2> -->
			<!-- Contact Form --> 
			<!-- <form id="contact-form" class="form-border" action="php/mail.php" method="post">
              <div class="form-group mb-4">
                <label for="name">اسم شریفتون:</label>
                <input id="name" name="name" type="text" class="form-control py-1" required >
              </div>
              <div class="form-group mb-4">
                <label for="email">آدرس ایمیل شما:</label>
                <input id="email" name="email" type="email" class="form-control py-1" required >
              </div>
              <div class="form-group mb-4">
                <label for="form-message">متن فرمایشتون:</label>
                <textarea id="form-message" name="form-message" class="form-control py-1" rows="4" required ></textarea>
              </div>
              <p class="pt-2 mb-0 text-center text-lg-right">
                <button id="submit-btn" class="btn btn-dark rounded-0 d-inline-flex" type="submit">ارسال <span class="ml-3"><i class="fas fa-arrow-left"></i></span></button>
              </p>
            </form> -->
			<!-- Contact Form end --> 
          </div>
        </div>
      </div>
    </section>
    <!-- Contact Me end --> 
    
  </div>
  <!-- Content end --> 
  
  <!-- Footer
  ============================================= -->
  <footer id="footer" class="section bg-dark text-white">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 wow fadeInUp">
          <p class="mb-0 text-center text-lg-right">Powered by<a class="btn-link font-weight-600" href="https://zux.ir/"> ZUX </a> </p>
        </div>
      </div>
    </div>
  </footer>
  <!-- Footer end --> 
  
</div>
<!-- Document Wrapper end -->

<!-- Back to Top
============================================= --> 
<a id="back-to-top" class="rounded-circle" data-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fas fa-arrow-up"></i></a> 

<!-- Styles Switcher -->
<div id="styles-switcher" class="right">
  <h2 class="text-3 font-weight-600">Change color</h2>
  <hr>
  <ul>
    <li class="cyan" data-toggle="tooltip" title="فیروزه ای" data-path="Theme/css/color-cyan.css"></li>
    <li class="spring-green" data-toggle="tooltip" title="سبز بهاری" data-path="Theme/css/color-spring-green.css"></li>
    <li class="green-yellow" data-toggle="tooltip" title="سبز زرد" data-path="Theme/css/color-green-yellow.css"></li>
    <li class="lime-punch" data-toggle="tooltip" title="آهک کوبی" data-path="Theme/css/color-lime-punch.css"></li>
    <li class="violet" data-toggle="tooltip" title="بنفشه" data-path="Theme/css/color-violet.css"></li>
    <li class="orange" data-toggle="tooltip" title="نارنجی" data-path="Theme/css/color-orange.css"></li>
    <li class="pale-golden-rod" data-toggle="tooltip" title="طلایی کم رنگ" data-path="Theme/css/color-pale-golden-rod.css"></li>
    <li class="yellow" id="reset-color" data-toggle="tooltip" title="تنظیم مجدد زرد پیش فرض"></li>
    <li class="orange" data-toggle="tooltip" title="نارنجی" data-path="Theme/css/color-orange.css"></li>
  </ul>
  <button class="btn switcher-toggle"><i class="fas fa-cog"></i></button>
</div>
<!-- Styles Switcher End --> 

<!-- JavaScript --> 
<script src="Theme/js/jquery.min.js"></script> 
<script src="Theme/js/bootstrap.bundle.min.js"></script> 
<!-- Easing --> 
<script src="Theme/js/jquery.easing.min.js"></script> 
<!-- Appear --> 
<script src="Theme/js/jquery.appear.min.js"></script> 
<!-- WOW animation --> 
<script src="Theme/js/wow.min.js"></script>
<!-- Images Loaded --> 
<script src="Theme/js/imagesloaded.pkgd.min.js"></script> 
<!-- Typed --> 
<script src="Theme/js/typed.min.js"></script> 
<!-- Parallax Bg --> 
<script src="Theme/js/parallaxie.min.js"></script> 
<!-- Owl Carousel --> 
<script src="Theme/js/owl.carousel.min.js"></script> 
<!-- isotope Portfolio Filter --> 
<script src="Theme/js/isotope.pkgd.min.js"></script> 
<!-- Magnific Popup --> 
<script src="Theme/js/jquery.magnific-popup.min.js"></script> 
<!-- Style Switcher --> 
<script src="Theme/js/switcher.min.js"></script> 
<!-- Custom Script --> 
<script src="Theme/js/theme.js"></script>
</body>
</html>