<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Wimell Webb</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="stylesheets/app.css" />
    <script src="bower_components/modernizr/modernizr.js"></script>
    <script src='https://www.google.com/recaptcha/api.js'></script>
  </head>
  <body>
    <div class="hero">
      <header class="masthead">
  <button class="nav__hamburger nav__hamburger--masthead">
    <span>toggle menu</span>
  </button>
  <nav class="nav">

  <ul class="nav__list no-bullet">
    <li class="nav__item"><a href="/" class="nav__link">Varför Wimell Webb?</a></li>
    <li class="nav__item"><a href="tjanster" class="nav__link">Tjänster</a></li>
    <li class="nav__item"><a href="referenser" class="nav__link">Uppdrag och referenser</a></li>
    <li class="nav__item"><a href="kontakt" class="nav__link">Kontakt</a></li>
  </ul>
</nav>
  <h1 class="masthead__logo"><a href="index.php"><img src="images/liggande-logo.svg" alt="Wimell Webb"></a></h1>

</header>
      <h2 class="hero__text">Välkommen till en personlig webbyrå som tillsammans med privatpersoner, föreningar och företag skapar moderna &amp; lätthanterliga webbplatser.</h2>
    </div>

    <h2 class="grass-sky-fire">
      Webbyrån med <em><strong>grönast gräs</strong></em>, <em><strong>blåast himmel</strong></em> och <em><strong>rödast eld</strong></em>
    </h2>


    <ul class="small-block-grid-1 medium-block-grid-3 why">
      <li class="why__item why__item--grass">
        <h3 class="why__title">Gräset ska vara grönast, mjukast och behagligast på din sida</h3>
        <p class="why__text">Arbetet med att beställa och ta fram en ny hemsida kan kännas svårt, komplicerat och rent av skrämmande. Med Wimell Webb får du en personlig kontakt direkt med mig som webbdesigner, istället för att gå genom en säljare eller dylikt. Jag leder dig metodiskt, pedagogiskt och med en varsam hand genom hela processen.</p>
        <button class="why__button">Läs mer</button>
      </li>
      <li class="why__item why__item--sky">
        <h3 class="why__title">Bra design är vackert som den blåaste av himlar</h3>
        <p class="why__text">Jag skapar webbplatser och hemsidor med en vacker formgivning, anpassad efter dig och dina besökare &amp; kunder. Med designelement och former som sticker ut, utan att bli i vägen, gör jag allt för att framhäva dig och dina tjänster eller produkter.</p>
        <button class="why__button">Läs mer</button>
      </li>
      <li class="why__item why__item--fire">
        <h3 class="why__title">Den rödaste eld brinner hos mig för arbetet med din webbplats</h3>
        <p class="why__text">För det första slår mitt hjärta kraftigt för vacker och tilltalande form. För det andra har jag en medfödd, kraftig glöd när det gäller teknik, funktionalitet och problemlösning. Sist, men inte minst, vill jag inget hellre än att se nöjda kunder som fått hjälp med sin webbnärvaro.</p>
        <button class="why__button">Läs mer</button>
      </li>
    </ul>

    <p class="read-more">
      Läs mer om <a href="tjanster.php" class="read-more__link">vad jag kan göra för dig</a>, se <a href="referenser.php" class="read-more__link">tidigare projekt, uppdragsgivare och omdömen</a> eller <a href="kontakt.php" class="read-more__link">kontakta mig för en offertförfrågan</a>.
    </p>

  <footer class="mainfooter" id="mainfooter">
  <div class="row">


    <div class="small-12 columns">
      <ul class="no-bullet contact-list">
        <!--<li class="list__item">
          <a href="index.php" class="list__link list__link--logo">
            <img src="images/logo.svg" class="mainfooter__logo">
          </a>
        </li>-->
        <li class="contact-list__item"><a href="tel:0046193688802"  class="contact-list__link contact-list__link--phone">
        <i class="fa fa-phone"></i> <small>Slå&nbsp;en&nbsp;pling&nbsp;på</small><br>019-368 88 02</a></li>
        <li class="contact-list__item">
          <a href="mailto:simon@wimellwebb.se"  class="contact-list__link contact-list__link--mail">
            <i class="fa fa-envelope-o"></i>
            <small>Släng iväg ett mail till</small><br>
            simon@wimellwebb.se
          </a>
        </li>
        <li class="contact-list__item">
          <a href="//www.facebook.com/wimellwebb"  class="contact-list__link contact-list__link--fb">
            <i class="fa fa-thumbs-o-up"></i>
            <small>Gilla på</small><br>
            Facebook
          </a>
        </li>
      </ul>
    </div>


    <div class="small-12 columns">
      <nav class="nav">

  <ul class="nav__list no-bullet">
    <li class="nav__item"><a href="/" class="nav__link">Varför Wimell Webb?</a></li>
    <li class="nav__item"><a href="tjanster" class="nav__link">Tjänster</a></li>
    <li class="nav__item"><a href="referenser" class="nav__link">Uppdrag och referenser</a></li>
    <li class="nav__item"><a href="kontakt" class="nav__link">Kontakt</a></li>
  </ul>
</nav>
    </div>
  </div>
</footer>


<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/min/app-min.js"></script>
</body>
</html>
