На главную Инструменты Панель оптимизатора

Новости Реклама у нас Обратная связь

06.09.2017 в 12:01 Старт проекта

Google pr	26.11.2014

Яндекс ТиЦ	25.06.2019
поиск	28.06.2019
каталог	16.01.2018

⚑ Установить информеры апдейтов на сайт

Витрина ссылок[Добавить]

Заработок в интернете без вложений

Анализ сайта

Войти или зарегистрироваться

Забыли пароль?

Главная Инструменты Анализ сайта

Данный инструмент поможет Вам Выполнить анализ сайта по наиболее значимым показателям сайта.

URL	levonline.com (WHOIS IP, WHOIS DOMAIN)
Заголовок	Domännamn och webbhotell för din hemsida \| Websupport
Ключевые слова	(нет)
Описание	Beställ en domän och ett webbhotellspaket – vi på Websupport tar hand om resten. Skapa en egen hemsida snabbt och enkelt utan förkunskaper.
Тэг h1	Få din egen .SE-domän för bara <span>9 kr!</span>
Размер страницы	234.9 Kb
Кодировка	UTF-8
IP сайта	109.235.174.18 Все сайты на IP
Скорость загрузки	298.71 Kb/s
Время загрузки	0.79 sec
Перенаправление	https://websupport.se/?utm_source=redirect&utm_medium=website&utm_campaign=levonline
Внутренние / внешние ссылки	Анализ
Анализ контента страницы	Выполнить
Посетителей за сутки по LI	?
Посетителей за месяц по LI	?
Сервер сайта	ing.r103.websupport.se
Расположение датацентра	?
Сервер	nginx
Хостинг № ❶	👍 Сервис рекомендует!
Стоимость сайта	Узнать стоимость сайта ₽

Постоянная ссылка на страницу

http://www.hroni.ru/tools/analysis/levonline.com

Основные показатели сайта[ Скрыть ]

Яндекс ИКС:

Склей домена: Нет

С WWW

Без WWW

Яндекс Ранг: 0 из 6

Яндекс.Каталог: (не описан в каталоге)

Повысить индекс качества сайта (ИКС) регистрируя сайт на форумах

Google PageRank: 0 из 10

Alexa Traffic Rank: ?

Alexa Traffic Rank (график):

Счетчик Live Internet:

Поисковый трафик с Google[ Скрыть ]

Backlink History (Majestic SEO)[ Скрыть ]

Наличие сайта в каталогах[ Скрыть ]

Яндекс Каталог: (Нет)	Посмотреть	DMOZ:	Посмотреть
Google каталог:	Посмотреть	Mail.ru:	Посмотреть
Aport:	Посмотреть	Rambler Top 100:	Посмотреть

Проиндексировано страниц[ Скрыть ]

Яндекс:	Посмотреть	Google:	Посмотреть
Bing:	Посмотреть	Yahoo:	Посмотреть
Rambler:	Посмотреть

Ссылаются на сайт из[ Скрыть ]

Яндекс:	Посмотреть	Сайты из Я-Каталога:	Посмотреть
Яндекс блоги:	Посмотреть	Google:	Посмотреть
Google блоги:	Посмотреть	Yahoo:	Посмотреть
Bing:	Посмотреть	Rambler:	Посмотреть
Яндекс картинки:	Посмотреть	Google картинки:	Посмотреть

Дополнительная информация[ Скрыть ]

В кэше Google:	Посмотреть	В кэше Yandex:	Посмотреть
Похожие сайты в Google:	Посмотреть	История сайта:	Посмотреть
Упоминания в Ответы@Mail.ru:	Посмотреть	Поиск плагиата:	Посмотреть

Дополнительные инструменты[ Скрыть ]

Проверка валидности HTML:	Посмотреть	Проверка валидности CSS:	Посмотреть
Ping\Traceroute\DNS:	Посмотреть	Скорость загрузки страницы:	Посмотреть

Данные страницы[ Скрыть ]

Ответ сервера

HTTP/1.1 200 OK
Server: nginx
Date: Sat, 28 Feb 2026 12:09:47 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Last-Modified: Sat, 28 Feb 2026 04:38:21 GMT
Cache-Control: max-age=0
Expires: Sat, 28 Feb 2026 12:09:47 GMT
Vary: Accept-Encoding
Strict-Transport-Security: max-age=31536000
X-Frame-Options: SAMEORIGIN
Referrer-Policy: no-referrer-when-downgrade
Content-Security-Policy: default-src https:; script-src 'self' 'report-sample' 'unsafe-inline' 'unsafe-eval' websupport.cz *.websupport.cz websupport.sk *.websupport.sk websupport.se *.websupport.se websupport.hu *.websupport.hu team.blue *.team.blue *.fw-cdn.com *.freshchat.com *.freshworks.com *.iubenda.com *.redditstatic.com tracker.metricool.com cookiebot.com *.cookiebot.com googleapis.com *.googleapis.com trustpilot.com *.trustpilot.com googletagmanager.com *.googletagmanager.com *.google-analytics.com googleads.g.doubleclick.net *.googlesyndication.com *.google.sk google.sk *.googleadservices.com analytics.tiktok.com stats.g.doubleclick.net connect.facebook.net snap.licdn.com cdn.plyr.io bat.bing.com *.ads-twitter.com c.seznam.cz *.hotjar.com *.hotjar.io wss://ws.hotjar.com *.ladesk.com *.isy-teamblue.services *.motu-teamblue.services *.teamblue.services *.acsbapp.com *.adform.net *.youtube.com *.google.com google.com *.exponea.com; style-src 'self' 'report-sample' 'unsafe-inline' websupport.cz *.websupport.cz websupport.sk *.websupport.sk websupport.hu *.websupport.hu websupport.se *.websupport.se *.fw-cdn.com *.freshchat.com *.googletagmanager.com cdn.iubenda.com cdn.plyr.io; object-src 'self'; base-uri 'self'; connect-src 'self' 'report-sample' data: ws://localhost:12387 websupport.cz *.websupport.cz websupport.hu *.websupport.hu websupport.sk *.websupport.sk websupport.se *.websupport.se *.fw-cdn.com *.freshchat.com *.freshworks.com wss://*.freshchat.com *.iubenda.com *.redditstatic.com *.reddit.com googleapis.com *.googleapis.com *.google.com google.com *.google.sk google.sk pagead2.googlesyndication.com *.googleadservices.com px.ads.linkedin.com analytics.tiktok.com bat.bing.com *.google-analytics.com stats.g.doubleclick.net *.hotjar.com *.hotjar.io wss://ws.hotjar.com *.acsbapp.com *.motu-teamblue.services *.teamblue.services h.seznam.cz noembed.com cdn.plyr.io autoform.ekosystem.slovensko.digital; font-src 'self' 'report-sample' 'unsafe-inline' data: websupport.cz *.websupport.cz websupport.sk *.websupport.sk websupport.se *.websupport.se websupport.hu *.websupport.hu gstatic.com *.gstatic.com; frame-ancestors 'self' *.websupport.sk; frame-src 'self' 'report-sample' *.websupport.sk websupport.sk *.websupport.cz websupport.cz *.websupport.hu websupport.hu *.websupport.se websupport.se blob: team.blue *.team.blue *.freshchat.com ladesk.com *.ladesk.com cookiebot.com *.cookiebot.com youtube.com www.youtube-nocookie.com *.youtube.com docs.google.com *.googletagmanager.com *.doubleclick.net *.facebook.com public.infinario.com *.iubenda.com autoform.ekosystem.slovensko.digital; img-src 'self' 'report-sample' data: *.fw-cdn.com *.freshchat.com cookiebot.com *.cookiebot.com *.reddit.com tracker.metricool.com gravatar.com *.gravatar.com gstatic.com *.gstatic.com *.google.com *.google.al *.google.at *.google.ba *.google.be *.google.bg *.google.by *.google.ch *.google.com.cy *.google.cz *.google.de *.google.dk *.google.ee *.google.es *.google.fi *.google.fr *.google.ge *.google.gg *.google.com.gi *.google.gl *.google.gm *.google.gr *.google.hr *.google.hu *.google.ie *.google.is *.google.it *.google.je *.google.kz *.google.li *.google.lt *.google.lu *.google.lv *.google.md *.google.me *.google.mk *.google.mt *.google.nl *.google.no *.google.pl *.google.pt *.google.ro *.google.ru *.google.se *.google.si *.google.sk *.google.sm *.google.rs *.google.com.ua *.google.co.uk *.google.cat *.facebook.com *.googletagmanager.com *.g.doubleclick.net maps.googleapis.com *.google-analytics.com *.googleadservices.com *.linkedin.com t.co analytics.twitter.com bat.bing.com c.seznam.cz *.ytimg.com *.motu-teamblue.services *.teamblue.services brxcdn.com websupport.cz *.websupport.cz websupport.sk *.websupport.sk websupport.hu *.websupport.hu websupport.se *.websupport.se; manifest-src 'self'; media-src 'self'; worker-src 'self';

Файл robots.txt, размер: 188.6 Kb , проверить на Яндекс.Вебмастер

<!doctype html>
<html lang="sv-SE">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Domännamn och webbhotell för din hemsida | Websupport</title>
<link data-rocket-prefetch href="https://datainsights.websupport.se" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cs.iubenda.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.iubenda.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://analytics-api.websupport.se" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.websupport.cz" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.websupport.hu" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.websupport.sk" rel="dns-prefetch">
<link data-rocket-prefetch href="https://eu.fw-cdn.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://srv.motu-teamblue.services" rel="dns-prefetch">
<link data-rocket-prefetch href="https://exampledotcom-897837679515599887-c75c29cfe33c55a17604286.freshchat.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://eu.acsbapp.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://maps.googleapis.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://srv.isy-teamblue.services" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.hub-prod.team.blue" rel="dns-prefetch"><link rel="preload" data-rocket-preload as="image" href="
              
              https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x1020.png
            " media="(min-width: 1288px)" fetchpriority="high"><link rel="preload" data-rocket-preload as="image" href="
              
              https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x635.png
            " media="(min-width: 1024px)" fetchpriority="high"><link rel="preload" data-rocket-preload as="image" href="
              https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x470.png
            " media="(min-width: 768px)" fetchpriority="high">
<link rel="alternate" href="https://websupport.se/" hreflang="sv" />
<link rel="alternate" href="https://websupport.se/en/" hreflang="en" />
    <link rel="preload" as="font" type="font/woff2" href="https://websupport.se/app/themes/websupport/dist/fonts/WebsupportSans-Black.woff2?id=5b22bf023513499f21098c40bffdfe5b" crossorigin>

<body x-init="
    $store.user.init('https://websupport.se', wlgpi_params.rest_nonce, 'sv');
    $store.cart.init('https://websupport.se', wlgpi_params.rest_nonce, 'sv');
    $watch('vat', (val) => localStorage.setItem('vat', val));
    "
    x-data="{ vat: localStorage.getItem('vat') ?? '0' }"
    class="home wp-singular page wp-embed-responsive wp-theme-websupport">
    <a href="#main" class="absolute left-0 p-3 m-3 transition -translate-y-16 bg-primary text-primary-content focus:translate-y-0 skip-link screen-reader-text">Skip to content</a>        
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5C3T537"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        
        
    <div  id="app" class="overflow-x-hidden">
      <div  class="dark">
  <div  class="js-header-anchor bg-navy"></div>

<li class="ml-0 mx-2 flex xl:mx-2">
          <a
  class="text-navy-m2 hover:text-navy dark:text-navy-m3 dark:hover:text-white top-bar-link text-secondary flex items-center justify-center px-2 py-4 transition"
  href="https://websupport.se/support/"
    x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Support
</a>
        </li>
              <li class=" mx-2 flex xl:mx-2">
          <a
  class="text-navy-m2 hover:text-navy dark:text-navy-m3 dark:hover:text-white top-bar-link text-secondary flex items-center justify-center px-2 py-4 transition"
  href="https://webmail.websupport.se/"
   target="_blank" rel="noopener noreferrer"   x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Webbmail
</a>
        </li>
          
    <li
  class="relative flex pl-4 pr-5 ml-6 login-button top-nav-right__button group hover:bg-navy-m5 dark:hover:bg-navy-m1 xl:pr-10"
  x-data="{ open_dropdown: false }" @click.away="open_dropdown = false" @click="open_dropdown = true"
  @mouseenter="open_dropdown = true" @mousemove="open_dropdown = true" @mouseleave="open_dropdown = false">

<a class="relative flex items-center pl-5"
    :href="$store.user.isLogged ? ($store.user.urls['account-settings'] || 'https://admin.websupport.se/sv/user/update/185869') : ($store.user.urls['login-redirect'] || 'https://api-cart.websupport.se/login?redirectAfterLogin=https://websupport.se')"

<li class="block w-full pb-2 mb-2 border-b border-solid border-navy-m5">
        <a class="block px-4 py-2 transition bg-transparent rounded top-bar-link text-secondary text-king-neon text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
          :href="$store.user.urls['account-settings'] || 'https://admin.websupport.se/sv/user/update/185869'">
          Kontoinställningar
        </a>
      </li>

<li class="block w-full">
        <a class="block px-4 py-2 transition bg-transparent rounded top-bar-link text-secondary text-king-neon text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
          href="#" @click.prevent="$store.user.logoutUser()">
          Logga ut
        </a>
      </li>
    </ul>
  </div>
</li>
  </ul>
</nav>
    </div>
  </div>
</div>
    
    <header class="relative z-20 transition header__main js-header-main lg:z-auto">
              <div class="lg:hidden">
          <button
  class="nav-toggle-btn js-toggle-nav"
  title="Växla Navigation"
>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--1"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--2"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--3"></span>
</button>
        </div>
      
      <div class="bg-navy">
        <div class="pl-4 pr-4 mx-auto js-header-container max-w-screen-3xl lg:pl-6 lg:pr-5 xl:pl-12 xl:pr-9">
          <div class="relative flex items-stretch overflow-hidden lg:overflow-visible">
            <div
              class="ml-16 xs:w-full xs:ml-0 relative items-center justify-center xs:flex lg:w-auto">
              <div class="logo relative py-4 lg:py-3 lg:pr-9 xl:pb-8 xl:pr-0 xl:pt-6">
  <a
    class="logo__wrap relative"
    href="https://websupport.se/"
    title="WebSupport SE"
  >
          <svg class="svg-icon logo__big fill-navy text-navy dark:text-white dark:fill-white fill-current" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="123.93 68.99 952.14 362.01"> <path d="M708.7 415.4c-2 .4-5.1.5-6.2-.7q-1.6-1.7-1.6-6.9v-18h11.2v-7.6h-11.2v-8.8c0-2.2-1.8-4-4-4H691v37q0 9.5 3.5 13.8c1.4 1.8 3.3 3 5.4 3.6 2.7.9 5.6 1.1 8.4.6q.5-.1 1-.3 1.3-.1 2.3-.8c.7-.5 1.3-1.3 1.5-2.2.5-1.6.4-4-.9-5.2-1-.8-2.3-.8-3.5-.5zM966.8 382.2v22.7q0 11 9.5 11c6.3 0 9.3-3.7 9.3-11v-22.7h10v22.7q0 8.9-4.8 14.4-4.7 5.3-14.5 5.3c-6.6 0-11.5-1.8-14.6-5.3q-4.7-5.4-4.7-14.4v-18.7c0-2.2 1.8-4 4-4zM950.3 424.6h-6c-2.2 0-4-1.8-4-4v-47.3c0-2.2 1.8-4 4-4h6v55.3zM760.6 403.9v1.4q0 .6-.1 1.3H730c.1 1.4.5 2.7 1.1 4 .7 1.2 1.5 2.2 2.6 3 1.1.9 2.3 1.6 3.6 2.1q2 .8 4.2.8 3.7 0 6.3-1.4 1.1-.6 2.1-1.4c1.4-1.2 3.5-1.3 5-.1l3.8 3q-5.9 8-17.2 8c-2.9.1-5.8-.4-8.6-1.4-2.5-.9-4.8-2.3-6.8-4.2-1.9-1.8-3.5-4-4.5-6.5-1.1-2.8-1.6-5.8-1.6-8.8 0-3 .5-6 1.6-8.8 2-5.1 6.1-9.2 11.2-11.1 2.7-1.1 5.5-1.6 8.4-1.6 2.6 0 5.3.5 7.7 1.4 2.4.9 4.4 2.3 6.2 4.1 1.8 1.9 3.2 4.2 4 6.7q1.5 4.1 1.5 9.5m-10.1-4.5q0-1.9-.5-3.7c-.7-2.3-2.4-4.2-4.7-5.2-1.3-.6-2.7-.8-4.2-.8q-4.5 0-7.6 2.7c-2.1 1.8-3.3 4.3-3.5 7zM1042.8 403.9v1.4q-.1.6-.1 1.3h-30.5c.1 1.4.5 2.7 1.1 4 .7 1.2 1.5 2.2 2.6 3.1 1.1.8 2.3 1.5 3.6 2 1.3.5 2.7.8 4.1.8q3.8 0 6.4-1.4 1.1-.6 2-1.4c1.5-1.2 3.6-1.3 5.1-.1l3.8 3q-5.9 8-17.2 8c-2.9.1-5.8-.4-8.6-1.4-2.5-.9-4.8-2.3-6.8-4.1-2-1.9-3.5-4.1-4.5-6.6-1.1-2.8-1.7-5.8-1.6-8.8-.1-3 .5-6 1.6-8.8 2-5.1 6.1-9.2 11.2-11.1 2.7-1.1 5.5-1.6 8.4-1.6 2.6 0 5.2.5 7.7 1.4 2.3.9 4.4 2.3 6.1 4.1 1.8 1.9 3.2 4.2 4.1 6.7q1.4 4.1 1.5 9.5zm-10.1-4.5q0-1.9-.5-3.7c-.7-2.3-2.4-4.2-4.7-5.2-1.3-.5-2.8-.8-4.2-.8q-4.5 0-7.7 2.7c-2 1.8-3.3 4.3-3.4 7zM821.2 424.6c-2.1 0-3.8-1.7-3.8-3.7v-20.8q0-17.9 16-17.9 10.3 0 13.8 8.1 3.4-8.1 13.7-8.1 15.9 0 15.9 17.9v24.5h-5.9c-2.2 0-4-1.8-4-4v-21.1q0-4.6-2.1-6.7c-1.4-1.4-3.2-2.2-5.2-2.2s-3.9.8-5.4 2.2q-2.1 2.1-2.1 6.7v21.1c0 2.2-1.8 4-4 4h-5.9v-25.1q-.1-4.6-2.2-6.7c-2.9-2.9-7.6-2.9-10.6 0q-2.1 2.1-2.1 6.7v25.1h-6.1z" class="a"/><path fill="#17ace3" d="M889.9 431c-3.6 0-6.4-2.9-6.4-6.4 0-3.6 2.8-6.4 6.4-6.4 3.5 0 6.4 2.8 6.4 6.4 0 3.5-2.9 6.4-6.4 6.4z"/><path d="M810.8 403.6c0-3-.5-6-1.7-8.7-1.1-2.5-2.7-4.8-4.7-6.7-2-1.9-4.3-3.4-6.9-4.4-5.5-2.2-11.6-2.2-17 0-2.6 1-5 2.5-7 4.4-2 1.9-3.5 4.2-4.6 6.7-1.2 2.7-1.8 5.7-1.7 8.7-.1 2.8.4 5.6 1.4 8.3.9 2.4 2.2 4.7 4 6.6 3.6 4 8.7 6.2 14 6.1q2.6.1 5.1-.5 2-.5 3.9-1.4 1.6-.7 2.9-1.7 1.1-.8 2-1.8h.3v.5c0 2.1 1.6 3.8 3.7 3.8h6.3v-19.9zm-10.9 4.5c-.5 1.5-1.3 2.9-2.3 4.2-1.1 1.2-2.3 2.2-3.8 3-1.5.8-3.2 1.2-4.9 1.1-1.7.1-3.5-.3-5.1-1.1-1.4-.7-2.6-1.7-3.6-3-.9-1.2-1.6-2.6-2.1-4.1-.5-1.5-.7-3.1-.7-4.6 0-1.6.2-3.2.7-4.7.5-1.5 1.2-2.9 2.1-4.2 1-1.2 2.2-2.3 3.6-3 3.2-1.6 6.9-1.6 10 0 1.5.7 2.7 1.7 3.8 2.9 1 1.2 1.8 2.7 2.3 4.2.5 1.5.8 3 .8 4.6 0 1.6-.3 3.2-.8 4.7zM932.3 395c-.9-2.5-2.3-4.8-4.1-6.7-3.6-4-8.7-6.2-14-6.1q-2.6 0-5.1.5-2 .4-3.9 1.1-1.5.6-2.9 1.5-1 .7-2 1.6h-.2v-13.5c0-2.2-1.8-4-4-4h-6v42.3c4.9 0 9.6 3 11.6 7.6.7 1.7 1.9 3.1 3.5 4 1.9 1.1 4.6 1.2 6.3 1.3q1.7.1 3.3 0 1.8-.2 3.5-.8.2 0 .4-.1c3.2-1 6.2-2.7 8.6-5 2-1.9 3.6-4.2 4.7-6.8 1.1-2.7 1.7-5.7 1.7-8.7 0-2.8-.5-5.6-1.4-8.2zm-9.5 12.9c-.5 1.5-1.2 3-2.2 4.2-.9 1.3-2.2 2.3-3.6 3-3.1 1.6-6.8 1.6-10 .1-1.4-.8-2.7-1.8-3.7-3s-1.8-2.6-2.4-4.2c-.5-1.4-.7-3-.7-4.6 0-1.6.2-3.2.7-4.7.6-1.5 1.3-2.9 2.4-4.2 1-1.2 2.3-2.2 3.7-3 1.5-.8 3.2-1.2 4.9-1.1 1.8-.1 3.6.3 5.1 1.1 1.4.7 2.7 1.7 3.6 3 1 1.2 1.7 2.6 2.2 4.1.4 1.5.7 3.1.7 4.6 0 1.6-.3 3.2-.7 4.7z" class="a"/><path d="M613.6 370.6q2.8-1.6 6.4-1.6 3.8 0 6.9 1.8 3.1 1.8 4.8 5.1 1.8 3.4 1.8 7.7c0 2.9-.6 5.5-1.8 7.7q-1.7 3.4-4.8 5.3-3.1 1.8-6.9 1.8c-2.5 0-4.6-.5-6.5-1.6q-2.8-1.6-4.2-4.1v5.3h-4.7v-38.5h4.7v15.3q1.5-2.6 4.3-4.2zm13.8 7.4q-1.3-2.4-3.6-3.6-2.2-1.3-4.8-1.3c-1.8 0-3.4.4-4.8 1.3q-2.2 1.3-3.6 3.7-1.3 2.4-1.3 5.6c0 2.1.4 4 1.3 5.6q1.4 2.4 3.6 3.7 2.2 1.3 4.8 1.3c1.7 0 3.4-.5 4.8-1.3q2.3-1.3 3.6-3.7 1.3-2.4 1.3-5.7c0-2.2-.5-4-1.3-5.6zM664.3 369.5l-17.2 41.9h-4.9l5.7-13.7-11.5-28.2h5.2l9 23.1 8.8-23.1z" class="c"/><path d="M412.6 276.6C391.1 330 337.1 369 273.9 369c-82.7 0-150-67.3-150-150 0-82.8 67.3-150 150-150 63.2 0 117.2 39 138.7 92.4 1.8 4.5-.3 7.5-3.1 8.7-2.5 1.1-6.7.8-8.8-4.2-20.5-49.4-69.6-84.3-126.8-84.3-75.7 0-137.4 61.6-137.4 137.4 0 75.8 61.7 137.4 137.4 137.4 57.2 0 106.3-34.9 126.8-84.3 2.1-5 6.3-5.3 9-4.2 2.6 1.2 4.7 4.2 2.9 8.7zm-41.1-82.1-24.3 52.7c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-21.1-46.4-21.1 46.4c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-21.1-46.4-21.1 46.4c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-24.3-52.7c-1.5-3.3-.1-7.2 3.2-8.8 3.5-1.7 7.4-.1 9 3.2l22.5 50.8 21.5-48.2c1.8-4 5.6-6.5 9.9-6.5 4.4 0 8.3 2.5 10 6.5l21.5 48.2 21.5-48.2c1.8-4 5.6-6.5 9.9-6.5 4.4 0 8.3 2.5 10 6.5l21.5 48.2 22.5-50.8c1.6-3.3 5.5-4.9 9-3.2 3.3 1.6 4.7 5.5 3.2 8.8zm76.2 26c-.2 2.5-2.3 4.2-4.8 4.2h-46c1.6 10.4 8 17.1 20.3 17.1 5.5 0 11.9-2.1 15.7-4.9 3-2.1 6.2-2.3 8.6.1 2.4 2.4 1.7 6.7-1.4 9.2-6.4 5.4-14.9 7.6-22.9 7.6-21.9 0-34.4-15.5-34.4-34.4s14.5-34.4 33.6-34.4c20.2 0 33.1 16.5 31.3 35.5zm-50.6-7h37.4c-1.6-10.7-7.7-16.5-18.1-16.5-10.5 0-17.4 6.6-19.3 16.5zm135.3 5.9c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2v.7c0 4.2-3 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-86.4c0-4.2 2.9-7.4 6.7-7.4 3.7 0 6.7 3.2 6.7 7.4v35.3c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4zm-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.2 9.1-21.2 22.4 0 13.3 8.8 22.4 21.2 22.4 12.3 0 20.1-9 20.1-22.4zm78.5 14.5c0 11.9-11.4 19.9-24.1 19.9-10.1 0-18.5-4.1-22.7-7.6-3.1-2.5-3.1-6.5-.5-8.9 2.5-2.4 5.7-2.1 8.6-.1 3.5 2.3 9.1 4.6 14.6 4.6 6.4 0 10.4-3.1 10.4-7.3 0-11.6-35-7.3-35-30.2 0-10.9 10-19.3 23.4-19.3 7.5 0 13.2 1.8 17.9 4.9 3.9 2.5 4.5 7 2.1 9.4-2.5 2.5-5.8 2.5-8.9.7-3.4-1.8-6.9-3-11.1-3-5.7 0-9.8 2.8-9.8 7.3 0 11.7 35.1 6.6 35.1 29.6zm76.2-40.4v30.8c0 17.7-13.1 29.5-29.5 29.5-16.3 0-29.6-11.8-29.6-29.5v-30.8c0-4.1 2.9-7.4 6.7-7.4 3.8 0 6.7 3.3 6.7 7.4v30.8c0 11.7 7.3 17.5 16.3 17.5 8.9 0 16-5.8 16-17.5v-30.8c0-4.1 3-7.4 6.7-7.4 3.8 0 6.7 3.3 6.7 7.4zm86 25.9c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2V276c0 4.2-2.9 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-82.5c0-4.1 2.9-7.4 6.7-7.4 3.8 0 6.7 3.3 6.7 7.4v.7c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4zm-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.1 9.1-21.1 22.4 0 13.3 8.8 22.4 21.1 22.4s20.1-9 20.1-22.4zm98.3 0c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2V276c0 4.2-3 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-82.5c0-4.1 2.9-7.4 6.7-7.4 3.7 0 6.7 3.3 6.7 7.4v.7c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4zm-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.2 9.1-21.2 22.4 0 13.3 8.9 22.4 21.2 22.4 12.3 0 20.1-9 20.1-22.4zm96.6 0c0 18.9-14 34.4-33.7 34.4-19.7 0-33.6-15.5-33.6-34.4s13.8-34.4 33.6-34.4 33.7 15.5 33.7 34.4zm-13.7 0c0-13.1-8.1-22.4-20-22.4s-19.8 9.3-19.8 22.4c0 13.1 7.6 22.4 19.8 22.4 12.1 0 20-9.1 20-22.4zm67.1-27.2c0 3.3-2.7 6-6 6-11.2 0-16.9 9.1-16.9 20.7v26.4c0 4.2-3 7.4-6.7 7.4-3.8 0-6.8-3.2-6.8-7.4v-51.7c0-4.2 3-7.5 6.8-7.5 3.7 0 6.7 3.3 6.7 7.5v1.2c4-5.3 9.5-8.7 16-8.7 4.2 0 6.9 2.7 6.9 6zm60.8 54.6c-3.9 3.9-10.2 7.1-16.9 7.1-13.4 0-22.2-9-22.2-22.4v-33.2h-5.1c-3.3 0-6-2.7-6-6.1 0-3.3 2.7-6 6-6h5.1v-23.9c0-4.2 2.9-7.4 6.7-7.4 3.8 0 6.7 3.2 6.7 7.4v23.9h15.2c3.4 0 6 2.7 6 6 0 3.4-2.6 6.1-6 6.1h-15.2v33.2c0 7 4.2 10.4 8.8 10.4 4.3 0 6.4-1.8 9.5-4.6 2.9-2.6 6.3-2.1 8.4 0 1.8 1.8 2.5 6-1 9.5z" class="a"/><path d="M1076.1 191.7c0 5.3-4.3 9.7-9.6 9.7-5.2 0-9.5-4.4-9.5-9.7 0-5.4 4.3-9.5 9.5-9.5 5.3 0 9.6 4.3 9.6 9.5zm-1.2 0c0-4.5-3.9-8.2-8.3-8.2-4.5 0-8.4 3.7-8.4 8.2 0 4.5 3.7 8.3 8.4 8.3 4.6 0 8.3-3.7 8.3-8.3zm-6.6 1.3 2.4 3.9h-1.6l-2.1-3.7h-2.5v3.7h-1.4v-10.1h4.2c1.9 0 3.4 1.5 3.4 3.1 0 1.5-.9 2.7-2.4 3.1zm-1-1.2c1.2 0 2.1-.9 2.1-1.9 0-1.1-.9-1.8-2.1-1.8h-2.8v3.7z" class="a" opacity=".5"/></svg>        <svg class="svg-icon logo__small fill-navy text-navy dark:text-white dark:fill-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m33.01 16.738-3.243 7.028a1.49 1.49 0 0 1-1.38.875 1.485 1.485 0 0 1-1.378-.875l-2.815-6.189-2.815 6.189c-.26.559-.782.875-1.379.875a1.489 1.489 0 0 1-1.38-.875l-2.814-6.189-2.814 6.189c-.262.559-.784.875-1.38.875a1.485 1.485 0 0 1-1.379-.875L6.99 16.738a.879.879 0 0 1 .43-1.174.88.88 0 0 1 1.192.428l3 6.767 2.872-6.43a1.452 1.452 0 0 1 1.323-.858c.577 0 1.1.335 1.323.857L20 22.76l2.87-6.43a1.453 1.453 0 0 1 1.324-.858c.578 0 1.1.335 1.324.857l2.87 6.431 3-6.767a.879.879 0 0 1 1.193-.428.878.878 0 0 1 .429 1.174zM38.322 20c0-10.14-8.22-18.322-18.322-18.322C9.897 1.678 1.677 9.898 1.677 20c0 10.103 8.22 18.322 18.323 18.322 10.102 0 18.322-8.22 18.322-18.322zM40 20c0 11.035-8.965 20-20 20C8.966 40 0 31.035 0 20 0 8.966 8.966 0 20 0c11.035 0 20 8.929 20 20z"/>
</svg>  </a>

</div>
            </div>

<div class="flex-auto hidden pl-9 lg:flex">
                <nav class="primary-nav js-navigation flex w-full">
  <ul class="flex">
          
      <li class="primary-nav__item js-navigation-item  xl:ml-0 lg:ml-0 md:ml-0 ml-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/wordpress/"
          >
            <span>Skapa hemsida</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

<div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Skapa hemsida</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Kom snabbt och enkelt igång med din hemsida med världens mest använda hemsidesystem, WordPress.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/website-builder/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Hemsida med Website Builder
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/website-builder-mallar/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Mallar i Website Builder
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/wordpress/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Hemsida med WordPress
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/woocommerce/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Webbutik med WooCommerce
                                          </a>
                  </li>
                              </ul>
            </div>
          
                      <div class="megamenu__third-col hidden pl-9 pt-4 xl:block">
              
              <ul>
                                  <li class="mb-0">
                    <a
                      href=""
                                            class="text-secondary text-navy-m2 transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      
                    </a>
                  </li>
                              </ul>
            </div>
                  </div>

</div>

</div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/doman/"
          >
            <span>Domän</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

</div>

</div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/webbhotell/"
          >
            <span>Webbhotell</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

</div>

</div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                              <a
              href="https://websupport.se/ssl/"
                            class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
            >
              SSL
            </a>
                        </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/email/"
          >
            <span>E-post</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

</div>

</div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  xl:mr-0 lg:mr-0 md:mr-0 mr-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/cookie-gdpr-manager/"
          >
            <span>Extratjänster</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

</div>

</div>
  </div>
</div>
              </li>
      </ul>
</nav>
              </div>

<span class="inline-block ml-2 xl:ml-4 header-item__label">Varukorg</span>
</button>
  </ul>
</nav>
              </div>
            
                      </div>
        </div>
      </div>
    </header>

<div class="relative overflow-hidden transition-all js-header-mobile-main-nav lg:hidden">
        <div
          class="bg-navy -mt-1 flex h-10 flex-auto border-b border-solid border-navy-m4 dark:border-navy-m1 lg:border-0">
          <div class="container px-4 mx-auto">
            <div class="relative flex w-full h-full overflow-auto js-header-mobile-main-nav-container scrollbar-hide">
              <div class="absolute flex items-stretch w-auto h-full pr-1 overflow-hidden">
                <nav class="primary-nav js-navigation flex w-full">
  <ul class="flex">
          
      <li class="primary-nav__item js-navigation-item  xl:ml-0 lg:ml-0 md:ml-0 ml-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/wordpress/"
          >
            <span>Skapa hemsida</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

</div>

</div>

</div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/webbhotell/"
          >
            <span>Webbhotell</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

</div>

</div>

</div>

</div>
  </div>
</div>
              </li>
      </ul>
</nav>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>

<div class="mobile-nav__wrap flex h-full flex-col bg-white pt-9 dark:bg-navy-p2">
    <div class="flex h-full flex-col overflow-hidden overflow-y-auto px-6 pb-7 pt-8">
              <nav class="mb-18">
          <ul>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/wordpress/"
                                  >
                  Skapa hemsida
                </a>

<div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/website-builder/"
                                                              >
                                Hemsida med Website Builder

<img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/website-builder-mallar/"
                                                              >
                                Mallar i Website Builder

<img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/wordpress/"
                                                              >
                                Hemsida med WordPress

<img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/woocommerce/"
                                                              >
                                Webbutik med WooCommerce

</a>
                            </li>
                                                  </ul>

<div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Kom snabbt och enkelt igång med din hemsida med världens mest använda hemsidesystem, WordPress.</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/doman/"
                                  >
                  Domän
                </a>

<div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/doman/"
                                                              >
                                Registrera domän

</a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/doman/domantjanster/"
                                                              >
                                DNS & Domäntjänster

</a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://kunskap.websupport.se/kb/byta-registrar-domantransfer/"
                                                                  target="_blank"
                                  rel="noopener noreferrer"
                                                              >
                                Flytta domän till Websupport

</a>
                            </li>
                                                  </ul>

<div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Ett domännamn är grunden till din närvaro online och används bland annat till din hemsidas adress (www.___.se) eller i slutet av din e-postadress (t ex info@___.se).</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/webbhotell/"
                                  >
                  Webbhotell
                </a>

<div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/webbhotell/"
                                                              >
                                Webbhotellspaket

</a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://kunskap.websupport.se/kb/migreringsverktyget/"
                                                                  target="_blank"
                                  rel="noopener noreferrer"
                                                              >
                                Flytta till Websupport

</a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/webbhotell/php-stod/"
                                                              >
                                Förlängt PHP-stöd

</a>
                            </li>
                                                  </ul>

<div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          En perfekt lösning för dig som vill att vi sköter den tekniska biten åt dig så att du istället kan fokusera på det som är viktigt för dig, t ex din hemsida.</p>
                      
                                              <ul class="mb-11 pl-4 pr-2">
                                                      <li class="mb-0">
                              <a
                                class="mobile-nav__sub-menu-other-link text-secondary text-navy-m2 dark:text-navy-m4"
                                href="https://websupport.se/webbhotell/specifikationer/"
                                                              >
                                Tekniska specifikationer
                                <svg class="svg-icon svg-icon dark:text- text-navy fill-navy w-3 h-4 fill-current ml-2 inline -mt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24" xml:space="preserve">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.4 12.8H1.8v-2h16.6l-6.3-6.3 1.4-1.4 8.7 8.7-8.7 8.7-1.4-1.4z"/>
</svg>                              </a>
                            </li>
                                                  </ul>
                                          </div>
                  </div>
                              </li>
                          <li class="  mb-6 ">
                <a
                  class="mobile-nav__link font-black  text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/ssl/"
                                  >
                  SSL
                </a>

</li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/email/"
                                  >
                  E-post
                </a>

<div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/email/"
                                                              >
                                E-post

</a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/businessmail/"
                                                              >
                                Business Mail

</a>
                            </li>
                                                  </ul>

<div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Skapa proffsiga e-postadresser som stärker ditt varumärke och förenklar din kommunikation.</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/cookie-gdpr-manager/"
                                  >
                  Extratjänster
                </a>

<div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/cookie-gdpr-manager/"
                                                              >
                                Cookie & GDPR Manager

</a>
                            </li>
                                                  </ul>

<div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Komplettera med smarta extratjänster som gör din vardag enklare och ger dig en trygg och flexibel närvaro online.</p>
                      
                                          </div>
                  </div>
                              </li>
                      </ul>
        </nav>
      
              
        <nav>
          <ul>
                          <li class=" mb-4 ">
                <a
  class="text-navy-m2 dark:text-navy-m4 text-secondary inline-flex items-center text-small"
  href="https://websupport.se/support/"
    x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Support
</a>
              </li>
                          <li class="">
                <a
  class="text-navy-m2 dark:text-navy-m4 text-secondary inline-flex items-center text-small"
  href="https://webmail.websupport.se/"
   target="_blank" rel="noopener noreferrer"   x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Webbmail
</a>
              </li>
            
            <li class="js-nav-toggle-item mobile-nav__login mt-3">
              <div class="relative mb-2 flex cursor-pointer items-center">
                <svg class="svg-icon svg-icon dark:text-white inline text-navy w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 16c-3.57 0-5.672.687-5.965 1.74A8.966 8.966 0 0 0 12 21a8.966 8.966 0 0 0 5.964-2.26C17.672 17.687 15.569 17 12 17zm0-14a9 9 0 0 0-7.4 14.125C5.728 15.638 8.372 15 12 15c3.629 0 6.273.638 7.4 2.124A9 9 0 0 0 12 3zm0 3c2.414 0 4 1.922 4 4.2 0 3.28-1.782 4.8-4 4.8-2.24 0-4-1.573-4-5 0-2.244 1.58-4 4-4zm0 2c-1.266 0-2 .816-2 2 0 2.27.818 3 2 3 1.178 0 2-.702 2-2.8 0-1.25-.784-2.2-2-2.2z" fill-rule="evenodd"/>
</svg>
                <span
                  class="top-bar-link text-secondary mobile-nav__user-name js-nav-toggle-item-link js-nav-mobile-logged-in block px-2 py-2 text-navy transition hover:text-black dark:text-white dark:hover:text-white"
                  x-cloak
                  x-show="$store.user.isLogged"
                  x-html="$store.user.details.login !== undefined ? $store.user.details.login: ''"
                >
                </span>

<span
                  class="text-secondary px-2 text-navy transition hover:text-black dark:text-white dark:hover:text-white"
                  x-show="!$store.user.isLogged"
                >
                  <a
                    class="js-nav-toggle-item-link top-bar-link block py-2"
                    :href="$store.user.isLogged ? 'https://admin.websupport.se/sv/user/update/185869' : 'https://api-cart.websupport.se/login?redirectAfterLogin=https://websupport.se'"
                  >Logga in</a>
                </span>
              </div>

<ul class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                <li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="https://admin.websupport.se/sv/user/update/185869"
                  >
                    Kontoinställningar
                  </a>
                </li>

<li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="https://admin.websupport.se/sv/dashboard"
                  >
                    Mina tjänster
                  </a>
                </li>

<li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="https://admin.websupport.se/sv/invoice"
                  >
                    Fakturaöversikt
                  </a>
                </li>

<li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="#"
                    @click.prevent="$store.user.logoutUser()"
                  >
                    Logga ut
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </nav>
          </div>

<div class="flex">
              <div class="relative flex items-center justify-between w-full text-body-text">
                <div class="text-h5 cart-title">Varukorg</div>

<button
                  class="absolute flex items-center justify-end w-8 h-10 bg-white focus:outline-none focus:ring-0 -left-14 md:-left-20 -top-3"
                  type="button" @click="$store.cart.isOpen = false">
                  <span class="sr-only">Stäng vagnen</span>
                  <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="m13.414 12 6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364 1.414 1.414z" fill-rule="evenodd"/>
</svg>                </button>
              </div>
            </div>

<div class="relative overflow-auto">
              <template x-if="$store.cart.items.length">
  <div class="mb-4 text-navy-m3 text-small">
    <span class="">Produkter i varukorgen: </span>
    <span x-html="$store.cart.items.length"></span>
  </div>
</template>

<template x-if="$store.cart.items.length">
  <div class="mb-2 mt-11 flex justify-between pr-9 text-small">
    <span class="font-bold text-navy">Produkt</span>
    <span class="font-bold text-navy">Ex moms</span>
  </div>
</template>

<template x-if="$store.cart.items.length === 0">
  <div class="m-0 flex flex-col justify-start bg-white p-4 py-7">
    <span class="font-bold text-small">Varukorgen är tom</span>
  </div>
</template>
            </div>

<div
              class="flex items-center flex-row shadow-[0px_-1px_15px_rgba(0,0,0,0.05)] text-right border-t border-navy-m4 pt-6 mt-12"
              :class="{ 'justify-between': $store.cart.items.length, 'justify-end': !$store.cart.items.length }">
              <div class="flex flex-col items-start mb-0" x-show="$store.cart.items.length">
                <span class="text-small text-navy-m3">Totalt pris (exkl. moms)</span>

<a class="button cursor-pointer w-auto button button--p-large button--text-large button--color-gem-neon cta" title="Fortsätt beställning" 
         href="https://websupport.se//cart"         >
    <span class="btn__text">
      Fortsätt beställning
    </span>
  </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<main  class="main" id="main">
    <section  class="hero dark" id="page-hero">
  <div class="pb-10 bg-gradient-to-b from-navy-m5 to-white dark:from-navy-p1 dark:to-navy">
    <div
      class="hero__container  max-w-screen-2xl xl:pl-24 lg:px-6 xl:px-12 md:px-8  container relative mx-auto px-4">
      <div class="flex flex-col flex-wrap hero__container-inner md:flex-row">
        <div
          class="hero__content-wrap  z-20 flex w-full flex-col pb-0 pt-8 md:justify-center md:pb-8">
          
                      <div class="hero__content  flex flex-col justify-center">
              <h1 class=" highlight-text--brick-neon text-navy text-h1 dark:text-white">Få din egen .SE-domän för bara <span>9 kr!</span></h1>

<div class="mt-2 block-content format-paragraph text-navy-m1 dark:text-white xl:mt-6">
    <p>Skapa en egen hemsida till dig eller företaget utan förkunskaper. Beställ en domän och ett webbhotellspaket – vi tar hand om det tekniska.<br />
<em style="font-size: 11px">Priset för .SE och .EU är exklusive moms och gäller till och med 2026-03-01. Förnyelsepriset gäller från år 2.</em></p>

</div>
            </div>
          
                      <div class="mt-8 hero__domain-search md:mt-10 xl:mt-14">
              <form x-data="{
    searchInput: '',
    cart: null,
    isLoading: false,
    clearError() {
        this.cart = null;
    }
}"
      method="GET"
    role="search"
    action="https://websupport.se//cart/domain-checker"   :class="{ 'loading': isLoading }">
  <div class="relative flex overflow-hidden rounded-2 dark:border-0 md:rounded">
    <div
      class="absolute items-center justify-center hidden h-full px-8 text-black border-r-2 bg-gradient-to-l from-navy-m5 to-white py-7 font-primary text-h5 md:flex lg:px-11 xl:px-8">
      www.
    </div>

<div class="w-full gfield domain-form__input-container">
      <input
        class="w-full pl-4 bg-white domain-form__input h-13 pr-13 focus:outline-none md:h-21 md:pl-37 md:pr-24 lg:h-24 lg:pl-52 xl:pl-45"
        name="qd" type="text" placeholder=" " x-model="searchInput" :disabled="isLoading">
      <label
        class="absolute top-0 left-0 flex items-center justify-start w-full h-full pl-4 domain-form__input--placeholder pr-13 font-primary text-navy-m3 md:pl-37 md:pr-24 lg:pl-52 xl:pl-45">
        <div class="mt-1 overflow-hidden">Hitta din unika domän</div>
      </label>
    </div>

</form>
            </div>
          
          
          
          
          
                  </div>

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

<div class="js-server-segments__wrapper col-span-12 flex flex-1 flex-col justify-center md:col-span-7">
      <div class="relative">
        <div class="js-server-segments__content server-segments__content relative z-20 w-full">
          
                      <h2 class="server-segments__title mb-6 block w-full text-h2 dark:text-white md:mb-4">Allt du behöver för att komma igång med hemsida och e-post</h2>
          
                  </div>
      </div>

<div class="js-server-segments__slider-container">
        <div class="js-server-segments__slider server-segments__slider swiper-container relative w-full lg:absolute lg:-left-3">
          <div class="swiper-wrapper relative z-20 flex h-full w-full">
                                          <div
                  class="box swiper-slide  odd  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="01"
                    class="box__inner  dark:bg-navy  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">WordPress</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Bygg din egen hemsida snabbt och enkelt.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om WordPress" 
         href="https://websupport.se/wordpress/"         >
    <span class="btn__text">
      Läs mer om WordPress
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  even  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="02"
                    class="box__inner  dark:bg-navy-m1  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Domännamn</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Säkra din digitala adress med ett eget domännamn.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om domännamn" 
         href="https://websupport.se/doman/"         >
    <span class="btn__text">
      Läs mer om domännamn
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  odd  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="03"
                    class="box__inner  dark:bg-navy  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Webbhotell</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Allt du behöver för domän, e-post, hemsida och webbutik.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om webbhotell" 
         href="https://websupport.se/webbhotell/"         >
    <span class="btn__text">
      Läs mer om webbhotell
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  even  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="04"
                    class="box__inner  dark:bg-navy-m1  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">E-post</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Skapa alla e-postadresser ditt företag behöver.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om e-post" 
         href="https://websupport.se/epost/"         >
    <span class="btn__text">
      Läs mer om e-post
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                                    </div>
        </div>
      </div>

<section
  
  class="two-col-content-shape pt-12 pb-16 dark bg-navy-p1 overflow-hidden"
>
  <div class=" md:grid-cols-2  container grid grid-cols-1 gap-x-8">
          <div class=" relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="left-0 md:left-5 xl:-right-44 two-col-content-shape__image-wrapper-width-overlap relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/37139/Pre-koho-su_1200x1200-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/37139/Pre-koho-su_1200x1200-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/37139/Pre-koho-su_1200x1200-480x420.png"
                width="420"
                height="420"
                alt=""
                class="two-col-content-shape__image  two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class="  md:order-first  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">Bygg din hemsida med AI – snabbt, enkelt och smart</h2>

<div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Skapa en professionell hemsida på några minuter. Våra AI-verktyg hjälper dig med allt från text och bilder till design och struktur. Det ger dig möjlighet att skippa det tekniska fokusera på det du gillar.</p>

</div>

<div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om våra AI-verktyg" 
         href="https://websupport.se/ai-verktyg/"         >
    <span class="btn__text">
      Läs mer om våra AI-verktyg
    </span>
  </a>
  </div>
    </div>
  </div>
</section>

<section
  
  class="two-col-content-shape pt-16 pb-16 dark from-navy-p1 to-navy bg-gradient-to-b overflow-hidden"
>
  <div class=" md:grid-cols-2  container grid grid-cols-1 gap-x-8">
          <div class=" relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="right-0 md:right-16 flex flex-row-reverse two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-480x420.png"
                width="420"
                height="420"
                alt=""
                class="two-col-content-shape__image text-right two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class="  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">E-post för ditt företag med Business Mail</h2>

<div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Vill du kunna hantera e-post och andra företagsfunktioner på ett och samma ställe, så att du kan fokusera på det som är viktigt istället? Business Mail öppnar dörren till ditt nya virtuella kontor!</p>

</div>

<div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om Business Mail" 
         href="https://websupport.se/businessmail/"         >
    <span class="btn__text">
      Läs mer om Business Mail
    </span>
  </a>
  </div>
    </div>
  </div>
</section>

<section
  
  class="two-col-content-shape pt-16 pb-12 dark from-navy to-navy-p1 bg-gradient-to-b overflow-hidden"
>
  <div class=" md:grid-cols-12  container grid grid-cols-1 gap-x-8">
          <div class=" md:col-span-7  relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="left-0 md:left-16 two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/26385/Hero-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/26385/Hero-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/26385/Hero-480x420.png"
                width="480"
                height="413"
                alt=""
                class="two-col-content-shape__image  two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class=" md:col-span-5   md:order-first  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">Flytta din hemsida till Websupport</h2>

<div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Flytta hemsida och e-post till oss med hjälp av vår enkla flyttguide.</p>

</div>

<div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Så flyttar du till Websupport" 
         href="https://kunskap.websupport.se/kb/migreringsverktyget/"         >
    <span class="btn__text">
      Så flyttar du till Websupport
    </span>
  </a>
  </div>
    </div>
  </div>
</section>

<div class="js-map__content map__content relative z-10 text-white xl:absolute">
        <h2 class="map__text-shadow mb-4 text-navy text-h2 dark:text-white">Ett av Europas största webbhotell </h2>
        <p class="map__text-shadow text-navy-m2 text-p dark:text-navy-m4">Som kund hos oss är du i gott sällskap. Som en del av team.blue hjälper vi miljontals kunder att lyckas online.</p>
      </div>

<div
      class=" mt-16    md:order-first  "
    >
      <div class="need-help-with-photo__content-wrapper">
        
                  <h2 class="mt-2 text-navy text-h2 dark:text-white">Behöver du hjälp?</h2>
        
                  <div class="block-content format-paragraph mt-4 text-navy-m2 text-p dark:text-navy-m4 md:mt-8">
            <div class="block-content format-paragraph text-p dark:text-navy-m4 text-navy-m2 mt-4 md:mt-8">
<p>Kontakta vår kunniga och omtyckta support sex dagar i veckan via <strong>telefon</strong>, <strong>chatt</strong> eller <strong>e-post</strong>.</p>
</div>

</div>
        
                              <div class="mt-6">
              <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Kontakta oss" 
         href="https://websupport.se/support/"         >
    <span class="btn__text">
      Kontakta oss
    </span>
  </a>
            </div>
                  
                  <div class="mt-10 flex w-full flex-wrap">
                                                </div>
        
              </div>
    </div>
  </div>
</section>
  </main>

<div class="bg-navy-p1">
    <div class="footer__separator bg-navy container"></div>
    <div class="relative mx-auto max-w-full px-4 py-6 md:pb-11 lg:pb-18 lg:pt-26 xl:px-8 3xl:max-w-screen-3xl 3xl:px-8">
      <div class="grid md:grid-cols-12 md:gap-6 lg:grid-cols-12">
        <div class="md:col-span-6 md:mb-9 lg:col-span-3 lg:mb-0 xl:col-span-3">
                      <ul class="list-none">
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/doman/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Domän
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/webbhotell/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Webbhotell
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/email/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    E-post
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/doman/domantjanster/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    DNS
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/wordpress/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    WordPress
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/woocommerce/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    WooCommerce
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/ai-verktyg/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    AI-verktyg
                  </a>
                </li>
                          </ul>
          
          <div class="mt-9 block lg:hidden">
            <div class="flex flex-col md:w-75 xl:grid xl:w-125 xl:grid-cols-2">
  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Websupport
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

<ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakt
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/om-websupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Om Websupport
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/hallbarhet/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Hållbarhet
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/prislista/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Prislista
          </a>
        </li>
            </ul>

<div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Information och support
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

<ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakta support
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://status.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Driftstatus
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://kunskap.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kunskapsdatabasen
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://webmail.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Webbmail
          </a>
        </li>
                        <li class="">
          <a
            href="https://admin.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontrollpanelen
          </a>
        </li>
            </ul>

</div>
          </div>
        </div>

<div class="hidden lg:col-span-5 lg:flex lg:justify-center xl:col-span-5 xl:justify-start">
          <div class="flex flex-col md:w-75 xl:grid xl:w-125 xl:grid-cols-2">
  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Websupport
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

<ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakta support
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://status.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Driftstatus
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://kunskap.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kunskapsdatabasen
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://webmail.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Webbmail
          </a>
        </li>
                        <li class="">
          <a
            href="https://admin.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontrollpanelen
          </a>
        </li>
            </ul>

</div>
        </div>

<div class="mt-28 flex justify-end md:col-span-6 md:mt-2 lg:col-span-4 lg:mt-1">
          <div class="w-full md:w-90 lg:w-auto">
            <div class="lg:max-w-lg">
  <h2 class="font-black mb-2 text-navy text-h5 dark:text-white md:mb-4 lg:mb-4">Behöver du hjälp?</h2>
  <form
    action=https://kunskap.websupport.se/
    target="_blank"
    class="relative"
  >
    <button
      type="submit"
      class="absolute inset-y-0 right-2 flex items-center px-3 text-navy hover:text-brick lg:px-6"
      title="Söka"
    >
      <svg class="svg-icon w-5 lg:w-6 h-5 lg:h-6 fill-current transition" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 2a8 8 0 0 1 6.32 12.905l5.387 5.388-1.414 1.414-5.388-5.386A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" fill-rule="evenodd"/>
</svg>    </button>

<div class="mb-8 mt-4 lg:mb-7 lg:mt-8">
    <p class="footer__search-desc text-navy-m3 dark:text-navy-m4">I vår omtyckta kunskapsdatabas hittar du svar på både vanliga och ovanliga frågor rörande våra tjänster och hur du får ut det mesta av dem.</p>
  </div>
</div>

<div class="mt-8 lg:mt-0 xl:grid xl:grid-cols-2 xl:gap-4">
            <h3>
        <a
          href="https://kunskap.websupport.se/kb/kom-igang-med-dina-tjanster/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Kom igång med dina tjänster</span>

<span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/kb/hur-lang-tid-tar-det-innan-en-dns-forandring-borjar-galla/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Hur lång tid tar det innan en DNS-förändring börjar gälla?</span>

<span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/kb/felsoka-e-post/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Felsöka e-post</span>

<span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/kb/skapa-en-webbplats-till-din-doman/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Skapa en webbplats till din domän</span>

<div class="block md:hidden">
              <div class="font-normal relative mb-8 mt-10 w-full lg:mb-0">
    <button
      type="button"
      id="js-footer-language-select-btn"
      class="footer__language-btn relative w-full cursor-pointer appearance-none rounded-2 border border-navy-m4 bg-transparent px-3 py-3 text-navy hover:bg-navy-m40 dark:border-navy-m1 dark:text-white dark:hover:border-navy-m2 dark:hover:bg-navy-m1"
    >
      <span class="flex items-center">
        <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4547)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#3A99FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.5H0V6.5H6V0.5H9V6.5H21V9.5H9V15.5H6V9.5Z" fill="#FFDA2C"/>
</g>
<defs>
<clipPath id="clip0_403_4547">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>
        <span class="ml-3 block truncate">
          Sweden - Swedish
        </span>
      </span>
    </button>

<div
      id="js-footer-language-selector"
      class="js-footer-language-selector footer__language-selector absolute z-10 mb-2 w-full rounded bg-white shadow-lg"
    >
      <ul class="max-h-56 overflow-auto py-3 ring-1 ring-black ring-opacity-5 focus:outline-none">
                                                <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://websupport.se/en/">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="20.6" height="16" rx="2.4" fill="#fff"/>
    <mask id="a" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="24">
      <rect width="33.6" height="24" rx="2.4" fill="#fff"/>
    </mask>
    <g mask="url(#a)">
      <path fill="#0A17A7" d="M0 0h33.6v24H0z"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M-1.54-2.3 12.8 7.372V-1.6h8v8.972L35.139-2.3l1.79 2.653L25.59 8H33.6v8H25.59l11.337 7.647-1.79 2.653L20.8 16.628V25.6h-8v-8.972L-1.54 26.3l-1.789-2.653L8.008 16H0V8h8.008L-3.329.353l1.79-2.653z" fill="#fff"/>
      <path d="m17.602 11.199 15.198-10M18.015 12.837 35.4 24.6M16.2 11.4-2.205-.805M16.2 12.6l-18 12" stroke="#DB1F35" stroke-width=".8" stroke-linecap="round"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.4h14.4V24h4.8v-9.6h14.4V9.6H19.2V0h-4.8v9.6H0v4.8z" fill="#E6273E"/>
    </g>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Sweden - English
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.cz">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4551)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V7.5H0V0.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5L10 8L0 15.5V0.5Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4551">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Czechia - Czech
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.sk">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4555)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#1A47B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5ZM9.93 10.5H10V5.5H3V10.5H3.07C3.024 10.662 3 10.83 3 11C3 12.38 6.5 13.5 6.5 13.5C6.5 13.5 10 12.38 10 11C10 10.83 9.976 10.662 9.93 10.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 10.5V4.5H4V10.5C4 11.605 6.5 12.5 6.5 12.5C6.5 12.5 9 11.605 9 10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8.5V7.5H5V6.5H6V5.5H7V6.5H8V7.5H7V8.5H8.5V9.5H7V10.5H6V9.5H4.5V8.5H6Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12.4998C6.5 12.4998 9 11.6048 9 10.4998C9 9.39483 8 9.49983 6.5 10.4998C5 9.49983 4 9.39483 4 10.4998C4 11.6048 6.5 12.4998 6.5 12.4998Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4555">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Slovakia - Slovak
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.hu">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4559)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#249F58"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5Z" fill="#F93939"/>
</g>
<defs>
<clipPath id="clip0_403_4559">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Hungary - Magyar
                  </span>
                </span>
              </a>
            </li>
                        </ul>
    </div>
  </div>
            </div>

<div class="mb-10 mt-6 md:mb-14 lg:hidden">
              <p class="footer__support-text text-navy-m2 lg:inline">Behöver du hjälp? </p>

<a
    href="#livechat"
    class="footer__support-text footer__support-text-link text-king hover:text-navy block transition dark:text-white dark:hover:text-gem md:ml-0 lg:ml-3 lg:inline"
  >
    Kontakta vår support
  </a>
            </div>
          </div>
        </div>
      </div>

<div class="hidden w-full md:block md:w-70">
        <div class="font-normal relative mb-8 mt-10 w-full lg:mb-0">
    <button
      type="button"
      id="js-footer-language-select-btn"
      class="footer__language-btn relative w-full cursor-pointer appearance-none rounded-2 border border-navy-m4 bg-transparent px-3 py-3 text-navy hover:bg-navy-m40 dark:border-navy-m1 dark:text-white dark:hover:border-navy-m2 dark:hover:bg-navy-m1"
    >
      <span class="flex items-center">
        <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4547)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#3A99FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.5H0V6.5H6V0.5H9V6.5H21V9.5H9V15.5H6V9.5Z" fill="#FFDA2C"/>
</g>
<defs>
<clipPath id="clip0_403_4547">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>
        <span class="ml-3 block truncate">
          Sweden - Swedish
        </span>
      </span>
    </button>

</div>

<div class="mt-4">
    <div class="items-center justify-between lg:flex">
              <div>
                                    <a
                href="https://websupport.se/om-websupport/villkor-och-policyer/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Villkor och policyer
              </a>

<span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://websupport.se/om-websupport/dataskyddspolicy/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Dataskyddspolicy
              </a>

<span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://websupport.se/om-websupport/avtalsvillkor/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Allmänna avtalsvillkor
              </a>

<span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://loopiagroup.integrityline.com/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Whistleblowing (Loopia Group)
              </a>

</div>
      
      <div class="hidden lg:block">
        <p class="footer__support-text text-navy-m2 lg:inline">Behöver du hjälp? </p>

<a
    href="#livechat"
    class="footer__support-text footer__support-text-link text-king hover:text-navy block transition dark:text-white dark:hover:text-gem md:ml-0 lg:ml-3 lg:inline"
  >
    Kontakta vår support
  </a>
      </div>
    </div>
  </div>
</div>
    </div>
  </div>
</footer>

</div>

</body>
</html>