main_header.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. <!DOCTYPE html>
  2. <html data-wf-page="684c8b6bb3bcc579a89cb4cc" data-wf-site="684c8b6bb3bcc579a89cb451">
  3. <head>
  4. <link rel="canonical" href="https://budapestsightseeing.hu" />
  5. <meta charset="utf-8">
  6. <title>Dinner & Cruise on the Danube | BUDS - Budapest Sightseeing</title>
  7. <meta content="Evening Danube cruise in Budapest with 4-course Hungarian dinner, live folk music, and dance show. A top-rated cultural experience." name="description">
  8. <meta content="BUDS - Budapest Sightseeing Danube Cruise" property="og:title">
  9. <meta content="Danube cruise at golden hour with Hungarian dinner, folk music, and dancing. One of Budapest’s most popular evening programs!" property="og:description">
  10. <meta content="BUDS - Budapest Sightseeing Danube Cruise" property="twitter:title">
  11. <meta content="Danube cruise at golden hour with Hungarian dinner, folk music, and dancing. One of Budapest’s most popular evening programs!" property="twitter:description">
  12. <meta property="og:type" content="website">
  13. <meta content="summary_large_image" name="twitter:card">
  14. <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
  15. <!--<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />-->
  16. <link href="/css/normalize.css" rel="stylesheet" type="text/css">
  17. <link href="/css/webflow.css" rel="stylesheet" type="text/css">
  18. <link href="/css/budss-test.webflow.css?v=7.31" rel="stylesheet" type="text/css">
  19. <link href="/css/events.css" rel="stylesheet" type="text/css">
  20. <link href="https://fonts.googleapis.com" rel="preconnect">
  21. <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
  22. <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.3/themes/smoothness/jquery-ui.css">
  23. <!-- Google Tag Manager -->
  24. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  25. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  26. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  27. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  28. })(window,document,'script','dataLayer','GTM-P2J4F2BH');</script>
  29. <!-- End Google Tag Manager -->
  30. <!--<script src="https://www.google.com/recaptcha/api.js?render=6LcY7YIrAAAAADbg-7CjEwfjFE3HkApgrCv16mB0"></script>-->
  31. <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  32. <script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","DM Serif Display:regular"] }});</script>
  33. <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  34. <link href="/images/favicon.png" rel="shortcut icon" type="image/x-icon">
  35. <link href="/images/webclip.png" rel="apple-touch-icon">
  36. <link href="/static/fontawesome/css/all.css" rel="stylesheet" />
  37. <style>
  38. :root {
  39. --main-light-color: #f5f5f5; /*is the light grey */
  40. --main-dark-color: #121331; /* is the text*/
  41. --main-active-color: #2962ff; /* is the highlight
  42. you can just add like red, or blue or any helx you like! */
  43. }
  44. .datepicker-dropdown {
  45. border-radius: 6px !important;
  46. border: 0 !important;
  47. -webkit-box-shadow: 0px 48px 88px rgba(23, 9, 54, 0.08);
  48. box-shadow: 0px 48px 88px rgba(23, 9, 54, 0.08);
  49. box-sizing: border-box;
  50. }
  51. .datepicker-panel>ul[data-view="week"]>li {
  52. background-color: var(--main-light-color);
  53. color: var(--main-dark-color);
  54. font-weight: bold;
  55. text-transform: uppercase;
  56. margin: 0;
  57. height: initial;
  58. padding-top: 3px;
  59. margin-bottom: 4px;
  60. }
  61. .datepicker-panel>ul[data-view="week"]>li:hover {
  62. background-color: var(--main-light-color);
  63. color: var(--main-dark-color);
  64. border-radius: 0px;
  65. }
  66. .datepicker-panel>ul[data-view="week"] li:first-child {
  67. border-radius: 6px 0 0 6px;
  68. }
  69. .datepicker-panel>ul[data-view="week"] li:last-child {
  70. border-radius: 0 6px 6px 0;
  71. }
  72. .datepicker-top-left::before,
  73. .datepicker-top-left::after {
  74. display: none;
  75. }
  76. .datepicker-panel>ul>li.highlighted {
  77. color: var(--main-active-color);
  78. background: none !important;
  79. border: 1px solid var(--main-light-color);
  80. border-radius: 8px;
  81. font-style: normal;
  82. font-weight: 500;
  83. font-size: 14px;
  84. }
  85. .datepicker-panel>ul>li.picked,
  86. .datepicker-panel>ul>li.picked:hover {
  87. color: var(--main-active-color);
  88. background: var(--main-light-color);
  89. border-radius: 8px;
  90. font-style: normal;
  91. font-weight: 700;
  92. font-size: 14px;
  93. }
  94. li[data-view="month current"],
  95. li[data-view="year current"] {
  96. text-align: left;
  97. color: var(--main-dark-color);
  98. font-style: normal;
  99. font-weight: 500;
  100. font-size: 14px;
  101. /* line-height: 24px; */
  102. padding-left: 15px;
  103. border-radius: 6px;
  104. }
  105. .datepicker-panel>ul>li:hover {
  106. background: var(--main-light-color);
  107. border-radius: 6px;
  108. }
  109. li[data-view="month current"],
  110. li[data-view="year current"],
  111. li[data-view="years current"] {
  112. margin-bottom: 4px !important;
  113. }
  114. @media screen and (min-width: 768px) {
  115. .datepicker-dropdown {
  116. width: 364px;
  117. padding: 12px;
  118. }
  119. .datepicker-panel>ul>li {
  120. width: 48px;
  121. height: 48px;
  122. padding-top: 10px;
  123. }
  124. li[data-view="month next"],
  125. li[data-view="year next"],
  126. li[data-view="years next"] {
  127. position: absolute;
  128. right: 18px
  129. }
  130. li[data-view="month prev"],
  131. li[data-view="year prev"],
  132. li[data-view="years prev"] {
  133. position: absolute;
  134. right: 66px
  135. }
  136. ul[data-view="months"] li,
  137. ul[data-view="years"] li {
  138. padding-top: 0px;
  139. width: 57px !important;
  140. }
  141. }
  142. @media screen and (max-width: 768px) {
  143. .datepicker-panel {
  144. transform: scale(0.97);
  145. }
  146. }
  147. </style>
  148. </head>
  149. <body>
  150. <!-- Google Tag Manager (noscript) -->
  151. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P2J4F2BH"
  152. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  153. <!-- End Google Tag Manager (noscript) -->