index.html

<!DOCTYPE html>
<html lang="ca">
  <head>
    <!--Main-->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#20c997" />
    <meta name="robots" content="index, follow" />
    <meta name="google" content="nositelinkssearchbox" />
    <meta name="google" content="notranslate" />

    <!--Webmasters-->
    <!--meta
      name="google-site-verification"
      content="u79UP3MDfxprexcuVA_WGAruF-fVFb_BqmkvOKXREEU"
    /-->
    <!--meta name="msvalidate.01" content="712E4B335B8933316D9F03951A8CF8DA" /-->

    <!--Data-->
    <meta name="author" content="Dresseco, S.L." />
    <meta
      name="description"
      content="Portal web d'e-commerce de distribució de moda de qualitat."
    />
    <meta name="keywords" content="moda, fast fashion, calidad, ropa" />
    <title>Dresseco | Distribuïdora de moda de qualitat</title>

    <!--Open Graph protocol-->
    <meta property="og:url" content="https://dresseco.netlify.app/" />
    <meta property="og:type" content="website" />
    <meta
      property="og:title"
      content="Dresseco | Distribuïdora de moda de qualitat"
    />
    <meta
      property="og:image"
      content="/assets/images/brand/dresseco-white-square-min.png"
    />
    <meta property="og:image_alt" content="Dresseco" />
    <meta
      property="og:description"
      content="Portal web d'e-commerce de distribució de moda de qualitat."
    />
    <meta property="og:site_name" content="Dresseco" />
    <meta property="og:locale" content="ca_ES" />

    <!--Twitter-->
    <meta property="twitter:card" content="summary" />
    <meta property="twitter:url" content="https://dresseco.netlify.app/" />
    <meta
      property="twitter:title"
      content="Dresseco | Distribuïdora de moda de qualitat"
    />
    <meta
      property="twitter:description"
      content="Portal web d'e-commerce de distribució de moda de qualitat."
    />
    <meta
      property="twitter:image"
      content="/assets/images/brand/dresseco-white-square-min.png"
    />
    <meta property="twitter:image:alt" content="Dresseco" />

    <!--Favicon(s)-->
    <link rel="icon" href="/assets/images/favicons/favicon.ico" sizes="any" />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="/assets/images/favicons/favicon-16x16.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/assets/images/favicons/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/images/favicons/android-chrome-192x192.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="194x194"
      href="/assets/images/favicons/favicon-194x194.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/assets/images/favicons/apple-touch-icon.png"
    />
    <link
      rel="mask-icon"
      href="/assets/images/favicons/safari-pinned-tab.svg"
      color="#20c997"
    />
    <link rel="manifest" href="/site.webmanifest" />
    <meta name="application-name" content="Dresseco" />
    <meta name="msapplication-tooltip" content="Dresseco" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    <meta name="msapplication-TileColor" content="#2d89ef" />
    <meta
      name="msapplication-TileImage"
      content="/assets/images/favicons/mstile-144x144.png"
    />

    <!--Apple specific-->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_14_Pro_Max_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_11__iPhone_XR_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/10.5__iPad_Air_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_14_Pro_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_8_Plus__iPhone_7_Plus__iPhone_6s_Plus__iPhone_6_Plus_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/4__iPhone_SE__iPod_touch_5th_generation_and_later_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/10.5__iPad_Air_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_11__iPhone_XR_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/8.3__iPad_Mini_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/12.9__iPad_Pro_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_13_mini__iPhone_12_mini__iPhone_11_Pro__iPhone_XS__iPhone_X_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_11_Pro_Max__iPhone_XS_Max_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_14_Pro_Max_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/11__iPad_Pro__10.5__iPad_Pro_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_14__iPhone_13_Pro__iPhone_13__iPhone_12_Pro__iPhone_12_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/12.9__iPad_Pro_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/9.7__iPad_Pro__7.9__iPad_mini__9.7__iPad_Air__9.7__iPad_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_11_Pro_Max__iPhone_XS_Max_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_8__iPhone_7__iPhone_6s__iPhone_6__4.7__iPhone_SE_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/10.9__iPad_Air_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/10.9__iPad_Air_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/10.2__iPad_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/8.3__iPad_Mini_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/4__iPhone_SE__iPod_touch_5th_generation_and_later_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
      href="/assets/images/splash-screens/11__iPad_Pro__10.5__iPad_Pro_landscape.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
      href="/assets/images/splash-screens/10.2__iPad_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
      href="/assets/images/splash-screens/iPhone_14_Pro_portrait.png"
    />
    <link
      rel="apple-touch-startup-image"
      media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
      href="/assets/images/splash-screens/iPhone_14_Plus__iPhone_13_Pro_Max__iPhone_12_Pro_Max_landscape.png"
    />

    <!--Logics and styles (JS & CSS)-->
    <script src="/js/libraries.js"></script>
    <script src="/js/main.js"></script>
    <script src="/js/cart.js"></script>
    <link href="/css/style.css" rel="stylesheet" />
    <link href="/css/components.css" rel="stylesheet" />
    <link href="/css/pages/index.css" rel="stylesheet" />
    <script src="/components/header.js"></script>
    <script src="/components/footer.js"></script>
    <script src="/components/loading-screen.js"></script>
    <noscript>
      <meta http-equiv="refresh" content="0; url=/noscript" />
    </noscript>
  </head>

  <dresseco-loading-screen></dresseco-loading-screen>
  <dresseco-header></dresseco-header>
  <body>
    <script>
      if (typeof navigator.serviceWorker !== 'undefined') {
        navigator.serviceWorker.register('sw.js')
      }
    </script>    
    <div id="dresseco-home-page" class="parallax">
      <div id="dresseco-home-page-pwa">
        <span id="dresseco-home-page-pwa-text"><span class="badge rounded-pill text-bg-primary me-2">NOVETAT</span><span id="dresseco-home-page-pwa-text-2" class="dresseco-link-pwa"><a id="dresseco-home-page-pwa-text-link">Dresseco ara al teu dispositiu mòbil!</a></span></span>
      </div>
      <section
        id="dresseco-home-page-presentation"
        class="text-center text-white"
      >
        <span class="fs-1 fw-bold" translate="no">DRESSECO</span>
        <p class="fs-3">Distribuïdora de moda de qualitat.</p>
        <p class="fs-3">Operem a tota Europa.</p>
        <button
          id="dresseco-home-page-presentation-discover"
          class="btn btn-primary fs-5"
          onclick="location.href='/catalogue'"
        >
          <i class="bi bi-compass-fill pe-2"></i
          ><span>Descobreix el nostre catàleg</span>
        </button>
      </section>
      <section id="dresseco-home-page-trending">
        <div
          id="dresseco-home-page-trending-carousel"
          class="carousel slide"
          data-bs-ride="carousel"
        >
          <div
            id="dresseco-home-page-trending-carousel-images"
            class="carousel-inner"
          >
            <div class="carousel-item active">
              <a href="/catalogue/reebok/product-reebok-1">
                <img
                  src="/assets/images/pages/home/home-trending-1.png"
                  alt="Trending image 1"
                  title="Trending image 1"
                />
              </a>
            </div>
            <div class="carousel-item">
              <a href="/catalogue/the-north-face/product-tnf-1">
                <img
                  src="/assets/images/pages/home/home-trending-2.png"
                  alt="Trending image 2"
                  title="Trending image 2"
                />
              </a>
            </div>
            <div class="carousel-item">
              <a href="/catalogue/zara/product-zara-1">
                <img
                  src="/assets/images/pages/home/home-trending-3.png"
                  alt="Trending image 3"
                  title="Trending image 3"
                />
              </a>
            </div>
            <div id="dresseco-home-page-trending-carousel-control-buttons">
              <button
                class="carousel-control carousel-control-prev"
                type="button"
                data-bs-target="#dresseco-home-page-trending-carousel"
                data-bs-slide="prev"
              >
                <span aria-hidden="true"
                  ><i class="bi bi-caret-left-fill"></i
                ></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button
                class="carousel-control carousel-control-next"
                type="button"
                data-bs-target="#dresseco-home-page-trending-carousel"
                data-bs-slide="next"
              >
                <span aria-hidden="true"
                  ><i class="bi bi-caret-right-fill"></i
                ></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
            <div
              id="dresseco-home-page-trending-carousel-indicators"
              class="carousel-indicators"
            >
              <button
                type="button"
                data-bs-target="#dresseco-home-page-trending-carousel"
                data-bs-slide-to="0"
                class="active"
                aria-current="true"
                aria-label="Trending image 1"
              ></button>
              <button
                type="button"
                data-bs-target="#dresseco-home-page-trending-carousel"
                data-bs-slide-to="1"
                aria-label="Trending image 2"
              ></button>
              <button
                type="button"
                data-bs-target="#dresseco-home-page-trending-carousel"
                data-bs-slide-to="2"
                aria-label="Trending image 3"
              ></button>
            </div>
          </div>
        </div>
        <p
          id="dresseco-home-page-trending-text"
          class="fs-3 fw-bold text-center"
        >
          Les últimes novetats i tendències, disponibles aquí mateix
        </p>
      </section>
      <section
        id="dresseco-home-page-about-us"
        class="parallax text-center text-white"
      >
        <span class="fs-1 fw-bold">SOBRE NOSALTRES</span>
        <p id="dresseco-home-page-about-us-text">
          A Dresseco, creiem que la moda ha de tenir un punt de qualitat
          excepcional, com també ha de poder estar disponible al consumidor amb
          facilitat. Ens esforcem per treballar amb marques que comparteixin els
          nostres valors de noblesa i qualitat, oferint als nostres clients una
          selecció acurada de peces assequibles i duradores.<br />

          <br />El nostre equip, establert a Barcelona, està format per quatre
          membres altament motivats i apassionats: la Jana, l'Alan, en Jem i
          l'Anna.<br />

          <br />La Jana, encarregada en el màrqueting; l'Alan, encarregat en el
          disseny web; en Jem, encarregat de la programació web i l'Anna,
          encarregada en administració i finances.
        </p>
        <p
          id="dresseco-home-page-about-us-background-image-credit"
          class="small dresseco-link-white"
        >
          Foto per
          <a href="https://unsplash.com/@beancurd" target="_blank"
            >Choi sungwoo</a
          >
          a
          <a href="https://unsplash.com/photos/4hWPlZcJ_Y8" target="_blank"
            >Unsplash</a
          >
        </p>
      </section>
    </div>
  </body>
  <dresseco-footer></dresseco-footer>
</html>