---
title: Start page
layout: none
---

<!DOCTYPE html>
{{>tui-ascii-comment}}
<html lang="sv-SE" xml:lang="sv-SE">
<head>
  {{>meta-tags}}
  <title>TUI Style guide - {{title}}</title>
  <link type="text/css" href="../../assets/css/startpage.css" rel="stylesheet">
  <script src="https://www.tui.se/cdn/polyfills/v9/ie-polyfills.js"></script>
  {{>web_clips}}
</head>
<body class="startpage" data-wf-locale="se">
<header class="tui-page-start tui-startpage-start">
  {{>wf_tui_top_navigation data=tui-navigation dontRenderInlineCss=true}}
  <div class="search-container">
    <div class="search-trip-panel" id="search—trip-panel"></div>
  </div>
  <div class="tui-hero-area">
    <header class="tui-hero variation-b">
      <picture class="tui-hero-image">
        <source media="(max-width: 460px)"
                data-srcset="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=460&amp;h=300&amp;q=65&amp;fm=jpg&amp;fl=progressive">
        <source media="(max-width: 768px)"
                data-srcset="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=768&amp;h=373&amp;q=65&amp;fm=jpg&amp;fl=progressive">
        <source media="(max-width: 992px)"
                data-srcset="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=992&amp;h=600&amp;q=65&amp;fm=jpg&amp;fl=progressive">
        <source media="(max-width: 1200px)"
                data-srcset="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=1200&amp;h=600&amp;q=65&amp;fm=jpg&amp;fl=progressive">
        <source media="(max-width: 1440px)"
                data-srcset="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=1440&amp;h=600&amp;q=65&amp;fm=jpg&amp;fl=progressive">
        <source media="(min-width: 1441px)"
                data-srcset="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=1920&amp;h=800&amp;q=65&amp;fm=jpg&amp;fl=progressive">
        <img
          data-src="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=1440&amp;h=600&amp;q=65&amp;fm=jpg&amp;fl=progressive"
          alt="Boka semesterresan med TUI" data-sizes="auto" class="lazyload" sizes="640px">
      </picture>
      <noscript>
        <div class="tui-hero-image">
          <img src="//www.tui.se/cdn/contentfulimages/kb4x8uh0bui6/2MP3gH4hviaQy66EKOcmKm/8e2706a0bc4506769993b6dd6b66a3a0/I_0324033-1920x800-SH-Divemasters_sRGB.jpg?fit=thumb&amp;w=460&amp;h=300&amp;q=65&amp;fm=jpg" alt="Boka med TUI">
        </div>
      </noscript>

      <div class="tui-container hero-text-container">
            <div class="tui-text-in-image">
              <a href="/vinterresor/#thaiw1718">
                <h1>Magiska Thailand</h1>
                <h2>Bota solsuget i vinter</h2>
                <div class="tui-call-to-action">
                  <button type="button" class="btn btn-lg btn-sales">Pris från 6 998:-</button>
                </div>
              </a>
            </div>
      </div>
    </header>
  </div>
  <div class="iconusp">
    {{>icon_usp startpage.data.fields.fullWidthComponents.fields}}
  </div>
</header>
<main class="main-content">
  <section>
    <div class="tui-container">
      <div class="row">
        <div class="col-sm-12">
          {{>content_card_group startpage.data.fields.components.0.fields}}
        </div>
      </div>
    </div>
  </section>

</main>

{{>wf_footer footer}}

<script defer src="../../js/scripts.js"></script>

</body>
</html>


