index.html

---
title: Välskräddade resor och upplevelser
description: >-
  Inga standardpaket – bara riktigt skräddarsydda resor för företag, grupper och
  privata sällskap.
image: /images/denys-nevozhai-rrnbmipmtzy-unsplash.jpg
hero_image: /images/cuttlefish_hero.svg
cuttlefish_members:
  - mats
  - ulrika
  - ny-rekryt 
layout: default
---

<!-- Banner -->
<section id="banner" style="background-image: url('{{ page.image }}');">
  <div class="content">
    <header>
      <h2>{{ page.title }}</h2>
      <h3>{{ page.description }}</h3>
    </header>
    <span class="image"><img src="/images/avatar.png" alt="Cuttlefish Logo" class="editable" /></span>
  </div>
  <a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
  <span class="image fit main"><img src="{{ page.hero_image }}" alt="Illustration" /></span>
  <div class="content">
    <div class="container">
      <div class="row">
        <div class="editable col-4 col-12-medium">
          <header>
            <h2>Skr&auml;ddarsydda Resor</h2>
            <p>N&auml;r din upplevelse inte g&aring;r att best&auml;lla ur en resekatalog.</p>
          </header>
        </div>
        <div class="editable col-4 col-12-medium">
          <p>P&aring; Cuttlefish &auml;r vi inte n&ouml;jda f&ouml;rr&auml;n ni har f&aring;tt den upplevelse ni f&ouml;rtj&auml;nar. Vare sig det g&auml;ller en konferensresa med hela f&ouml;retaget, kickoff med projektteamet eller den exotiska veckan med n&auml;rmaste v&auml;nnerna.</p>
        </div>
        <div class="editable col-4 col-12-medium">
          <p><b>H&ouml;r av dig till oss f&ouml;r en diskussion runt hur vi kan hj&auml;lpa just dig att hitta just din upplevelse.</b></p>
        </div>
      </div>
    </div>
  </div>

</section>
{% for tjanst_name in site.data.tjansteprio.tjanster %} 
{% for tjanst in site.tjanster %} 
{% capture name -%}
{{ tjanst.relative_path | replace_first: tjanst.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}
{%- endcapture %} 
{% if name == tjanst_name %}
<!-- Two -->
<section class="spotlight style1 {% cycle 'right', 'left' %}">
  <span class="image fit main"><img src="{{ tjanst.image }}" alt="{{ tjanst.title }}" /></span>
  <div class="content">
    <header>
      <!-- Editor Link -->
      <a href="cloudcannon:collections/{{ tjanst.path }}" rel="nofollow" class="editor-link cms-editor-link">Redigera Tjänst</a>
      <a href="cloudcannon:collections/_data/tjansteprio.yml" rel="nofollow" class="editor-link cms-editor-link">Redigera ordning på tjänster</a>
      <h2>{{ tjanst.title}}</h2>
      <p>{{ tjanst.description }}</p>
    </header>
    <p>{{ tjanst.content | truncate: 120 }}</p>
    <ul class="actions">
      <li><a href="{{ tjanst.url }}" class="button primary">Läs mer</a></li>
    </ul>
  </div>

</section>
{% break %} {% endif %} {% endfor %} {% endfor %}


<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
  <div class="container">
    <header class="major editable">
      <h2>Om oss</h2>
      <p>Vi &auml;r ett litet team med ett stort kontaktn&auml;t.</p>
    </header>
    <div class="box alt">
      <div class="row gtr-uniform">
        {% for member_name in page.cuttlefish_members %} {% for member in site.cuttlefish_members %} {% capture name -%}
        {{ member.relative_path | replace_first: member.collection, '' | replace_first: '_/', '' | replace_first: '.md', '' }}
        {%- endcapture %} {% if name == member_name %}
        <section class="col-4 col-6-medium col-12-xsmall">
          <span class="icon alt major" style="background-image:url({{ member.image }});background-repeat: no-repeat;"></span>
          <h3>{{ member.namn }}</h3>
          <p>{{ member.bio_markdown | markdownify }}</p>
          <!-- Editor Link -->
          <a href="cloudcannon:collections/{{ member.path }}" rel="nofollow" class="editor-link cms-editor-link">Redigera Profil</a>
        </section>
        {% break %} {% endif %} {% endfor %} {% endfor %}
      </div>
    </div>
  </div>
</section>

{% include contactform.html %}