<?php require_once('layouts/config.php'); ?>

  <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Mad og drikke menukort - Kaffe Station Frederikshavm </title>
  <meta name="description" content="Velkommen til kaffestation, hvor vi brygger byens fineste kaffe. Nyd vores brede udvalg af håndlavede drikkevarer, lækre kager og hyggelig atmosfære.">
  <meta name="keywords" content="Bedst madpandekage i Frederikshavn, Madpandekag restaurant, kaffebar, bedste kaffe, håndlavede drikkevarer, kager, hyggelig cafe, lokal kaffe, espresso, latte, cappuccino, kaffebønner">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="HandheldFriendly" content="true">
  
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
  
  <!-- BEGIN CSS STYLES -->
  <link rel="stylesheet" href="styles/bootstrap.css" type="text/css" media="all" />
  <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css" media="all" />
  <link rel="stylesheet" href="fonts/font-awesome/css/line-awesome.css" type="text/css" media="all" />
  <link rel="stylesheet" href="styles/animate.css" type="text/css" media="all" />
  <link rel="stylesheet" href="styles/magnific-popup.css" type="text/css" media="all" />
  <link rel="stylesheet" href="styles/splitting.css" type="text/css" media="all" />
  <link rel="stylesheet" href="styles/swiper.css" type="text/css" media="all" />
  <link rel="stylesheet" href="style.css" type="text/css" media="all" />
  <!-- END CSS STYLES -->

</head>

<body>
 <div class="bg">

    <!-- Preloader -->
    <div class="preloader">
      <div class="centrize full-width">
        <div class="vertical-center">
          <div class="spinner-logo">
            <img src="images/Kaffe-Startion.png" alt="" />
            <div class="spinner-dot">
              <div class="spinner-line"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Header -->
    <header class="kf-header">
    
      <!-- topline -->
      <div class="kf-topline">
        <div class="row">
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
    
            <!-- hours -->
            <div class="kf-h-group">
              <i class="far fa-clock"></i>
              <em>Åbningstider :</em> 10:00 - 21:00 - 
              <em>Onsdag:  :</em> 11:00 - 19:00
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 align-center">
            <!-- social -->
            <div class="kf-h-social">
              <a href="facebook.com" target="blank"><i class="fab fa-facebook-f"></i></a>
              <a href="twitter.com" target="blank"><i class="fab fa-twitter"></i></a>
              <a href="instagram.com" target="blank"><i class="fab fa-instagram"></i></a>
              <a href="youtube.com" target="blank"><i class="fab fa-youtube"></i></a>
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 align-right">
    
            <!-- location -->
            <div class="kf-h-group">
              <i class="fas fa-map-marker-alt"></i>
              <em>Adresse :</em> Danmarksgade 50 A, Frederikshavn
            </div>
    
          </div>
        </div>
      </div>
    
      <!-- navbar -->
      <div class="kf-navbar">
        <div class="row">
          <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
    
            <!-- logo -->
            <div class="kf-logo">
              <a href="index.php"><img src="images/Kaffe-Startion.png" alt="Kafe Station Frederikshavn, Kafe-Station, Coffee shop in Frederikshavn" /></a>
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 align-center">
    
            <!-- main menu -->
            <div class="kf-main-menu">
              <ul>
                <li>
                  <a href="index.php">Home<i class="las la-angle-down"></i></a>
                </li>
                <li><a href="Om-os.html">Om Os</a></li>
                <li>
                  <a href="menu-restaurant.php">Menu<i class="las la-angle-down"></i></a>
                  <ul>
                    <li><a href="menu-coffee.php">Menu Coffee</a></li>
                    <li><a href="menu-restaurant.php">Menu Restaurant</a></li>
                  </ul>
                </li>
                <li><a href="Kontakt.php">Kontakt</a></li>
            <li><a href="Log-pa.php">Log på</a></li>
              </ul>
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 align-right">
    
            <!-- menu btn -->
            <a href="#" class="kf-menu-btn"><span></span></a>
    
            <!-- btn -->
            <a href="Reservation.php" class="kf-btn h-btn">
              <span>Reserver et bord</span>
            </a>
    
          </div>
        </div>
      </div>
    
      <!-- mobile navbar -->
      <div class="kf-navbar-mobile">
    
        <!-- mobile menu -->
        <div class="kf-main-menu">
          <ul>
            <li class="has-children">
              <a href="index.php">Home</a>
            </li>
            <li><a href="Om-os.html">Om Os</a></li>
            <li class="has-children">
              <a href="#">Menu</a>
              <i class="las la-angle-down"></i>
              
            </li>
            <li><a href="Kontakt.php">Kontakt</a></li>
            <li><a href="Log-pa.php">Log på</a></li>
          </ul>
        </div>
    
        <!-- mobile topline -->
        <div class="kf-topline">
          <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    
              <!-- mobile btn -->
              <a href="Reservation.php" class="kf-btn h-btn">
                <span>Reserver et bord</span>
                <i class="fas fa-chevron-right"></i>
              </a>
    
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    
              <!-- social -->
              <div class="kf-h-social">
                <a href="facebook.com" target="blank"><i class="fab fa-facebook-f"></i></a>
                <a href="twitter.com" target="blank"><i class="fab fa-twitter"></i></a>
                <a href="instagram.com" target="blank"><i class="fab fa-instagram"></i></a>
                <a href="youtube.com" target="blank"><i class="fab fa-youtube"></i></a>
              </div>
    
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    
              <!-- hours -->
              <div class="kf-h-group">
                <i class="far fa-clock"></i>
                <em>opening hours :</em> 08:00 - 21:00
              </div>
    
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    
              <!-- location -->
              <div class="kf-h-group">
                <i class="fas fa-map-marker-alt"></i>
                <em>Location :</em> Danmarksgade 50 A, Frederikshavn
              </div>
    
            </div>
          </div>
        </div>
    
      </div>
    
    </header>

    <!-- Wrapper -->
    <div class="wrapper">

      <!-- Section Started Inner -->
      <section class="section kf-started-inner">
        <div class="kf-parallax-bg js-parallax" style="background-image: url(images/vanilla-ice-cream-scoops-on-dark-plate.jpg);"></div>
        <div class="container">

          <h1 class="kf-h-title text-anim-1 scroll-animate" data-splitting="chars" data-animate="active">
            Madmenu
          </h1>

        </div>
      </section>
      <style>
      .myImage {
          width:100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
      }
      .myImage img{
          width: 60vw;
          margin: 2vw 0 0 14vw;
      }
      @media (max-width:600px) {
          .myImage img{
          width: 100%;
          margin: 2vw 0 0 0;
      }
      }
          
      </style>
    <section class="section kf-menu">
				<div class="container">
        <figure class="myImage">
            <img src="images/Brunch-kaffeStation.png" alt="Brunch i kaffe station, Brunch menukort i kaffe station, Brunch i Frederikshavn, best brunch i frederiskhavn">
            <img src="images/Blande-koken.png">
            <img src="images/Pninier.png" alt="Bedst paninier i frederikshavn, Panini på kaffestation i Frederikshavn">
            <img src="images/Pasta.png" alt="Italian pasta i Frederikshavn, Italien Pasta på kaffe station, Italian Pasta in Frederikshavm">
            <img src="images/Madpandekager.png" alt="Bedst madpandekage i Frederikshavn, Spis madpandekag i Frederikshavn, madpandekager på Kaffestation i Frederishavn ">
            <img src="images/Desert-Pandekager.png">
            <img src="images/Kag-og-kaffe.png">
            <img src="images/Salater.png">
            <img src="images/Meat-menu-im-kaffestation- frederikshavn.png" alt="kød menu i kaffe station, mad menu i kaffe station, restaurany menukort i kaffe station,">
        </figure>
        </div>
        </section>
    <!-- Section Insta Carousel -->
      <div class="section kf-insta-carousel element-anim-1 scroll-animate" data-animate="active">
        <div class="container">
          <div class="swiper-container">
            <div class="swiper-wrapper">

              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img1.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img2.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img3.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img4.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img5.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img6.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
              <div class="swiper-slide">

                <div class="slide-item">
                  <div class="image kf-image-hover">
                    <a href="https://www.instagram.com/kaffe.station/" target="blank">
                      <img src="images/insta/img7.png" alt="" />
                      <i class="fab fa-instagram"></i>
                    </a>
                  </div>
                </div>

              </div>
            </div>
          </div>
        </div>
      </div>

    </div>

    <!-- Footer -->
    <div class="kf-footer">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
    
            <!-- logo -->
            <div class=" Downl" data-animate="active">
              <a href="index.php"><img src="images/Kaffe-Startion.png" alt="" /></a>
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
    
            <!-- hours -->
            <div class="kf-f-hours element-anim-1 scroll-animate" data-animate="active">
              <h5>Åbningstider</h5>
              <ul>
                <li>
	  							Mandag -lørdag 
	  							<em>10:00 - 21:00</em>
	  						</li>
	  						 <li>
	  							Søndag
	  							<em>10:00 - 19:30</em>
	  						</li>
	  						 <li>
	  							Onsdag
	  							<em>11:00 - 19:00</em>
	  						</li>
              </ul>
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
    
            <!-- contact -->
            <div class="kf-f-contact element-anim-1 scroll-animate" data-animate="active">
              <h5>Kontakt os</h5>
              <ul>
                <li>
                  <i class="las la-map-marker"></i>
                  <em>Adress :</em>
                  Danmarksgade 50 A, Frederikshavn
                </li>
                <li>
                  <i class="las la-envelope-open-text"></i>
                  <em>Email:</em>
                  kaffestation1@gmail.com
                </li>
                <li>
                  <i class="las la-phone"></i>
                  <em>Telefonnummer :</em>
                  
                </li>
              </ul>
            </div>
    
          </div>
          <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
    
            <!-- gallery -->
            <div class="kf-f-gallery element-anim-1 scroll-animate" data-animate="active">
              <h5>Galleri</h5>
              <ul>
                <li>
                  <a href="images/grid_gal1.jpg" class="kf-image-hover has-popup-image"><img src="images/vanilla-ice-cream-scoops-on-dark-plate.jpg" alt="" /></a>
                </li>
                <li>
                  <a href="images/grid_gal2.jpg" class="kf-image-hover has-popup-image"><img src="images/coffee-in-a-glass-with-cream.jpg" alt="" /></a>
                </li>
                <li>
                  <a href="images/grid_gal3.jpg" class="kf-image-hover has-popup-image"><img src="images/KafeStation.jpg" alt="" /></a>
                </li>
                <li>
                  <a href="images/grid_gal4.jpg" class="kf-image-hover has-popup-image"><img src="images/KafeStation-Frederikshavn.png" alt="" /></a>
                </li>
                <li>
                  <a href="images/grid_gal5.jpg" class="kf-image-hover has-popup-image"><img src="images/Kafe.JPG" alt="" /></a>
                </li>
                <li>
                  <a href="images/grid_gal6.jpg" class="kf-image-hover has-popup-image"><img src="images/ice-coffee.jpg" alt="" /></a>
                </li>
              </ul>
            </div>
    
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 align-center">
    
            <!-- copyright -->
            <div class="kf-copyright element-anim-1 scroll-animate" data-animate="active">
              Copyright ©2024 . All Rights Reserved- Kaffe Station.
            </div>
    
          </div>
        </div>
      </div>
    </div>

  </div>
  <!-- Scripts -->
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.validate.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/swiper.js"></script>
  <script src="js/splitting.js"></script>
  <script src="js/jquery.paroller.min.js"></script>
  <script src="js/parallax.js"></script>
  <script src="js/magnific-popup.js"></script>
  <script src="js/imagesloaded.pkgd.js"></script>
  <script src="js/isotope.pkgd.js"></script>
  <script src="js/jquery.scrolla.js"></script>
  <script src="js/skrollr.js"></script>
  <script src="js/common.js"></script>
</body>
</html>