---
title: Form page
layout: tui-ssg-template-layout.hbs
---

<header class="info-main-head">
  <img src="https://images.ctfassets.net/kb4x8uh0bui6/2xLfwFgiWoWWAygKoqqie2/5843180c9405bed084a0c16f17aab4eb/1440x605-0292608-vuxenhotell-for-par-med-tui.jpg?fit=thumb&w=1440&h=300&fm=jpg&fl=progressive">
</header>
<main class="main-content">
  <section>
    <div class="tui-container">

      <div class="info-wrapper">

        {{>tui_aside_navigation data=tui-aside-navigation}}

        <article class="info-article">
          <ul class="list-inline tui-breadcrumb info-breadcrumb">
            <li><a href="/">Tui.se</a></li>
            <li><a href="/att-resa-med-oss/">Att resa med oss</a></li>
            <li><a href="/att-resa-med-oss/betalning-och-biljetter/">Betalning och biljetter</a></li>
            <li>Betalning</li>
          </ul>
          <div class="info-page-intro page-intro text-block">
            <h1>förfrågan gruppresor</h1>
            <div class="tui-text-content preamble">
              <p>Fyll i formuläret nedan för att skicka mejl. Väljer du att mejla oss återkommer vi med svar till dig så
                snart som möjligt. Vi besvarar inte prisförfrågningar via mejl då vi har rörliga priser. Det går
                istället bra att ringa oss på 0771-84 01 00 för prisförfrågningar.</p>
              <p>Formuläret avser ej reklamation. <a href="#">Önskar ni kontakta oss för ett reklamationsärende klicka
                här</a></p>
            </div>
          </div>

          <div class="info-body">
            <form class="info-form">
              <h3>Hur många är ni?</h3>
              <div class="text-grid">
                <div class="form-item">
                  <label for="adults-num">Antal vuxna</label>
                  <input type="number" id="adults-num" name="adults-num">
                </div>
                <div class="form-item">
                  <label for="toddlers-num">Antal barn 0-2 år</label>
                  <input type="number" id="toddlers-num" name="toddlers-num">
                </div>
                <div class="form-item">
                  <label for="preschools-num">Antal barn 3-5 år</label>
                  <input type="number" id="preschools-num" name="preschools-num">
                </div>
                <div class="form-item">
                  <label for="lowgraders-num">Antal barn 6-11 år</label>
                  <input type="number" id="lowgraders-num" name="lowgraders-num">
                </div>
                <div class="form-item">
                  <label for="highgraders-num">Antal barn 12-17 år</label>
                  <input type="number" id="highgraders-num" name="highgraders-num">
                </div>
              </div>
              <h3>Vad är syftet med resan</h3>
              <div class="check-grid">
                <div class="form-item">
                  <input type="radio" name="purpose" value="sol-och-bad" id="purpose-sol-och-bad">
                  <label for="purpose-sol-och-bad">Sol och bad</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="purpose" id="purpose-training">
                  <label for="purpose-training">Träning och wellness</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="purpose" id="purpose-corporate">
                  <label for="purpose-sol-och-bad">Företag</label>
                </div>
              </div>
              <h3>Önskad mat på hotellet</h3>
              <div class="check-grid">
                <div class="form-item">
                  <input type="radio" name="food" value="breakfast" id="food-breakfast">
                  <label for="food-breakfast">Frukost</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="food" value="halvpension" id="food-halvpension">
                  <label for="food-halvpension">Halvpension</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="food" value="helpension" id="food-helpension">
                  <label for="food-helpension">Helpension</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="food" value="all-inclusive" id="food-all-inclusive">
                  <label for="food-all-inclusive">All inclusive</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="food" value="none" id="food-none">
                  <label for="food-none">Ingen mat</label>
                </div>
              </div>
              <h3>Önskad standard på boende</h3>
              <div class="check-grid">
                <div class="form-item">
                  <input type="radio" name="rating" value="1" id="rating-1">
                  <label for="rating-1">{{>icon_svg name='sun-tui'}}</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="rating" value="2" id="rating-2">
                  <label for="rating-2">{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="rating" value="3" id="rating-3">
                  <label
                    for="rating-3">{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="rating" value="4" id="rating-4">
                  <label
                    for="rating-4">{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="rating" value="5" id="rating-5">
                  <label
                    for="rating-5">{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}{{>icon_svg name='sun-tui'}}</label>
                </div>
              </div>
              <h3>Önskad längd på resan</h3>
              <div class="check-grid">
                <div class="form-item">
                  <input type="radio" name="length" value="1-week" id="length-1-week">
                  <label for="length-1-week">En vecka</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="length" value="2-week" id="length-2-week">
                  <label for="length-2-week">Två veckor</label>
                </div>
                <div class="form-item">
                  <input type="radio" name="length" value="other" id="length-other">
                  <label for="length-other">Annan reslängd</label>
                </div>

              </div>
              <div class="text-grid">
                <div class="form-item">
                  <label for="departure-date">Önskat avresedatum</label>
                  <input type="date" id="departure-date" name="departure-date">
                </div>
                <div class="form-item">
                  <label for="destination">Önskat resmål</label>
                  <input type="text" id="destination" name="destination">
                </div>
                <div class="form-item">
                  <label for="departure">Önskad avreseort</label>
                  <input type="text" id="departure" name="departure">
                </div>
              </div>
              <h3>Information om dig</h3>
              <div class="text-grid">
                <div class="form-item">
                  <label for="firstname" class="error">Förnamn</label>
                  <input type="text" id="firstname" name="firstname">
                  <span class="message">Fyll i fältet</span>
                </div>
                <div class="form-item">
                  <label for="lastname">Efternamn</label>
                  <input type="text" id="lastname" name="lastname">
                </div>
                <div class="form-item">
                  <label for="departure">E-postadress</label>
                  <input type="email" id="email" name="email">
                </div>
                <div class="form-item">
                  <label for="phone">Förnamn</label>
                  <input type="tel" id="phone" name="phone">
                </div>
              </div>
              <div class="text-grid">
                <div class="form-item">
                  <label for="message">Meddelande</label>
                  <textarea id="message" name="message"></textarea>
                </div>
              </div>

              <div class="form-row">
                <button class="btn btn-function">Skicka</button>
              </div>

            </form>
          </div>
          <aside class="info-aside">
            {{>info_box}}
          </aside>
        </article>

      </div>
    </div>
  </section>
</main>