Bulma Components

<section class="has-background-white">
  <div class="is-relative">
    <div class="container">
      <div class="has-mw-2xl-widescreen mx-auto mx-0-tablet px-5 pt-10 pb-24 pb-36-tablet">
        <a class="mb-24 mb-36-tablet is-inline-block" href="#">
          <img src="asitrastudio-assets/logos/logo-asi.svg" alt="">
        </a>
        <div class="has-mw-md mx-auto has-text-centered">
          <form action="">
            <h3 class="mb-10 is-size-4 has-text-weight-medium has-text-dark" style="letter-spacing: -0.02em;">Sign in to asitrastudio</h3>
            <a class="button is-light is-outlined is-rounded mb-2 is-fullwidth" href="#">
              <img src="asitrastudio-assets/sign-in/google.svg" alt="">
              <span class="is-size-7 has-text-dark ml-4">Sign in with Google</span>
            </a>
            <a class="button is-light is-outlined is-rounded mb-8 is-fullwidth" href="#">
              <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.7478 0C12.7876 0 12.8274 0 12.8695 0C12.9671 1.20593 12.5068 2.107 11.9474 2.75952C11.3985 3.40754 10.6469 4.03603 9.43117 3.94067C9.35007 2.75201 9.81112 1.91777 10.3698 1.26675C10.8879 0.660032 11.8378 0.120142 12.7478 0Z" fill="#222222"></path>
                <path d="M16.4254 12.5517C16.4254 12.5638 16.4254 12.5743 16.4254 12.5855C16.0837 13.6203 15.5964 14.5071 15.0017 15.33C14.4588 16.0772 13.7935 17.0826 12.6056 17.0826C11.5791 17.0826 10.8973 16.4226 9.84534 16.4046C8.73252 16.3865 8.12055 16.9565 7.10309 17.0999C6.98671 17.0999 6.87032 17.0999 6.75618 17.0999C6.00905 16.9917 5.40608 16.4 4.96681 15.8669C3.67153 14.2916 2.6706 12.2566 2.48438 9.65256C2.48438 9.39725 2.48438 9.1427 2.48438 8.8874C2.56322 7.02369 3.46879 5.5084 4.67247 4.77403C5.30772 4.38357 6.181 4.05092 7.1534 4.1996C7.57015 4.26418 7.9959 4.40685 8.36909 4.54801C8.72276 4.68392 9.16504 4.92496 9.58403 4.91219C9.86787 4.90393 10.1502 4.75601 10.4363 4.65164C11.2743 4.34903 12.0958 4.00212 13.1785 4.16506C14.4798 4.36179 15.4034 4.93998 15.9741 5.83203C14.8733 6.53261 14.003 7.58836 14.1517 9.39125C14.2838 11.0289 15.236 11.9871 16.4254 12.5517Z" fill="#222222"></path>
              </svg>
              <span class="is-size-7 has-text-dark ml-4">Sign in with Apple</span>
            </a>
            <div class="mb-8 is-flex is-align-items-center">
              <div class="has-background-light is-fullwidth" style="height: 2px;"></div>
              <span class="mx-5 is-size-7 is-uppercase has-text-weight-medium has-text-grey-light">or</span>

<section class="section py-10 has-background-white">
  <div class="container">
    <div class="px-10 is-relative is-clipped">
      <img class="is-absolute is-top-0 is-left-0 is-fullwidth is-covered" style="object-fit: cover; height: 100%; border-radius: 40px;" src="asitrastudio-assets/http-codes/dark-photo-bg.png" alt="">
      <div class="has-mw-md has-mw-xl-desktop mx-auto py-24 py-40-tablet is-relative has-text-centered">
        <span class="tag is-white mb-4">Error</span>
        <h2 class="is-hidden-mobile is-hidden-tablet-only title has-text-white mb-10" style="font-size: 132px; letter-spacing: -0.02em;">Error 404</h2>
        <h2 class="is-hidden-desktop title is-size-2 is-size-1-desktop has-text-white mb-10" style="letter-spacing: -0.02em;">Error 404</h2>
        <p class="is-size-6 subtitle has-text-light mb-10">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
        <a class="button is-ghost has-text-white px-0" href="#" style="border-bottom-color: white; height: 38px;">
          <span class="mr-3">Back to homepage</span>
          <svg class="is-rotate-45" width="11" height="11" viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M9.5 1.5L1.5 9.5" stroke="white" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            <path d="M9.5 8.83571V1.5H2.16429" stroke="white" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          </svg>
        </a>
      </div>
    </div>
  </div>
</section>

<section class="is-relative bg-light-light has-background-white">
  <div class="px-5 py-6 border-top border-light">
    <div class="container">
      <nav class="breadcrumb has-succeeds-separator" aria-label="breadcrumbs">
        <ul>
          <li><a href="#">Homepage</a></li>
          <li><a class="has-text-grey" href="#">Services</a></li>
          <li class="is-active"><a class="has-text-grey" href="#" aria-current="page">Lorem Ipsum</a></li>
        </ul>
      </nav>
      <nav></nav>
    </div>
  </div>
</section>

<section class="is-relative is-clipped" x-data="{ open: true }" :class="{ 'is-hidden': !open }">
  <div class="has-mw-lg is-fixed is-bottom-0 is-right-0 p-5 is-fullwidth" style="z-index: 50;">
    <div class="has-mw-md ml-auto px-10 py-10 is-relative has-background-dark" style="border-radius: 40px;">
      <div class="is-absolute is-top-0 is-right-0 mt-8 mr-5 mr-8-widescreen">
        <button x-on:click.prevent="open = false" class="button p-0 is-light has-background-dark">
          <svg width="15" height="16" viewbox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.5 6.45616L7.42929 6.38545L1.96352 0.919676C1.96351 0.919673 1.96351 0.919669 1.96351 0.919666C1.75876 0.714984 1.4811 0.6 1.19159 0.6C0.902079 0.6 0.624425 0.71498 0.419676 0.919655C0.419669 0.919662 0.419662 0.919669 0.419655 0.919676M7.5 6.45616L0.419655 0.919676M7.5 6.45616L7.57071 6.38545M7.5 6.45616L7.57071 6.38545M0.419655 0.919676C0.21498 1.12442 0.1 1.40208 0.1 1.69159C0.1 1.9811 0.214984 2.25876 0.419666 2.46351M0.419655 0.919676L0.419666 2.46351M0.419666 2.46351C0.419669 2.46351 0.419673 2.46351 0.419676 2.46352M0.419666 2.46351L0.419676 2.46352M0.419676 2.46352L5.88545 7.92929M0.419676 2.46352L5.88545 7.92929M7.57071 6.38545L13.0365 0.919676C13.0365 0.919673 13.0365 0.919669 13.0365 0.919666C13.2412 0.714984 13.5189 0.6 13.8084 0.6C14.0979 0.6 14.3756 0.71498 14.5803 0.919655C14.785 1.12441 14.9 1.40207 14.9 1.69159C14.9 1.9811 14.785 2.25876 14.5803 2.46351C14.5803 2.46351 14.5803 2.46351 14.5803 2.46352L9.11455 7.92929L9.04384 8L9.11455 8.07071L14.5803 13.5365C14.5803 13.5365 14.5803 13.5365 14.5803 13.5365M7.57071 6.38545L14.5803 13.5365M5.95616 8L5.88545 8.07071L0.419676 13.5365C0.419673 13.5365 0.419669 13.5365 0.419666 13.5365C0.214984 13.7412 0.1 14.0189 0.1 14.3084C0.1 14.5979 0.21498 14.8756 0.419655 15.0803C0.624405 15.285 0.902069 15.4 1.19159 15.4C1.4811 15.4 1.75876 15.285 1.96351 15.0803C1.96351 15.0803 1.96351 15.0803 1.96352 15.0803L7.42929 9.61455L7.5 9.54384L7.57071 9.61455L13.0365 15.0803C13.0365 15.0803 13.0365 15.0803 13.0365 15.0803C13.2412 15.285 13.5189 15.4 13.8084 15.4C14.0979 15.4 14.3756 15.285 14.5803 15.0803C14.5803 15.0803 14.5803 15.0803 14.5803 15.0803M5.95616 8L14.5803 15.0803M5.95616 8L5.88545 7.92929M5.95616 8L5.88545 7.92929M14.5803 15.0803C14.785 14.8756 14.9 14.5979 14.9 14.3084C14.9 14.0189 14.785 13.7412 14.5803 13.5365M14.5803 15.0803L14.5803 13.5365" fill="#222222" stroke="white" stroke-width="1"></path>
          </svg>
        </button>
      </div>
      <div class="mb-4 is-flex is-align-items-center">
        <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M11.082 12.8334C12.0485 12.8334 12.832 12.0499 12.832 11.0834C12.832 10.1169 12.0485 9.33337 11.082 9.33337C10.1155 9.33337 9.33203 10.1169 9.33203 11.0834C9.33203 12.0499 10.1155 12.8334 11.082 12.8334Z" fill="white"></path>
          <path d="M21.582 3.5C22.5485 3.5 23.332 2.7165 23.332 1.75C23.332 0.783502 22.5485 0 21.582 0C20.6155 0 19.832 0.783502 19.832 1.75C19.832 2.7165 20.6155 3.5 21.582 3.5Z" fill="white"></path>
          <path d="M25.082 9.33337C26.0485 9.33337 26.832 8.54987 26.832 7.58337C26.832 6.61688 26.0485 5.83337 25.082 5.83337C24.1155 5.83337 23.332 6.61688 23.332 7.58337C23.332 8.54987 24.1155 9.33337 25.082 9.33337Z" fill="white"></path>
          <path d="M11.082 18.6666C12.0485 18.6666 12.832 17.8831 12.832 16.9166C12.832 15.9501 12.0485 15.1666 11.082 15.1666C10.1155 15.1666 9.33203 15.9501 9.33203 16.9166C9.33203 17.8831 10.1155 18.6666 11.082 18.6666Z" fill="white"></path>
          <path d="M16.918 18.6666C17.8845 18.6666 18.668 17.8831 18.668 16.9166C18.668 15.9501 17.8845 15.1666 16.918 15.1666C15.9515 15.1666 15.168 15.9501 15.168 16.9166C15.168 17.8831 15.9515 18.6666 16.918 18.6666Z" fill="white"></path>
          <path d="M27.9335 12.663C27.9076 12.3933 27.7887 12.141 27.5971 11.9494C27.4055 11.7578 27.1532 11.6389 26.8835 11.613C24.1881 11.3533 21.667 10.1641 19.7523 8.24923C17.8377 6.33436 16.6487 3.8131 16.3893 1.11767C16.3635 0.84795 16.2445 0.595643 16.053 0.40405C15.8614 0.212457 15.6091 0.0935253 15.3393 0.0676667C14.8972 0.0245 14.4515 0 14 0C11.2311 0 8.52431 0.821086 6.22202 2.35943C3.91973 3.89777 2.12532 6.08427 1.06569 8.64243C0.006066 11.2006 -0.271181 14.0155 0.269012 16.7313C0.809205 19.447 2.14258 21.9416 4.10051 23.8995C6.05845 25.8574 8.55301 27.1908 11.2687 27.731C13.9845 28.2712 16.7994 27.9939 19.3576 26.9343C21.9157 25.8747 24.1022 24.0803 25.6406 21.778C27.1789 19.4757 28 16.7689 28 14C28 13.5485 27.9755 13.1028 27.9335 12.663ZM14 25.6667C10.9058 25.6667 7.93835 24.4375 5.75043 22.2496C3.5625 20.0617 2.33334 17.0942 2.33334 14C2.33334 10.9058 3.5625 7.93835 5.75043 5.75042C7.93835 3.5625 10.9058 2.33333 14 2.33333H14.1983C14.6841 5.19838 16.049 7.84141 18.1038 9.89622C20.1586 11.951 22.8016 13.3159 25.6667 13.8017C25.6667 13.8682 25.6667 13.9335 25.6667 14C25.6633 17.0932 24.433 20.0586 22.2458 22.2458C20.0586 24.433 17.0932 25.6633 14 25.6667Z" fill="white"></path>
        </svg>
        <h4 class="has-text-white mb-0 ml-4 is-size-5" style="letter-spacing: -0.01em;">Cookie Consent</h4>
      </div>
      <p class="mb-8 is-size-7">
        <span class="has-text-grey-light">In order to provide you with a more personal user experience, we and our selected third parties use cookies or similar technologies for technical purposes and, with your consent, for &ldquo;basic interactions &amp; functionalities&rdquo;, &ldquo;experience enhancement&rdquo;, &ldquo;measurement&rdquo; and &ldquo;targeting &amp; advertising&rdquo;.</span>
        <a class="has-text-white is-inline-block has-text-weight-medium" href="#">Learn More</a>

<section class="has-background-white">
  <div class="is-relative">
    <div class="container">
      <div class="has-mw-2xl-widescreen mx-auto mx-0-tablet px-5 pt-10 pb-24 pb-36-tablet">
        <a class="mb-24 mb-36-tablet is-inline-block" href="#">
          <img src="asitrastudio-assets/logos/logo-asi.svg" alt="">
        </a>
        <div class="has-mw-md mx-auto has-text-centered">
          <form action="">
            <h3 class="mb-10 is-size-4 has-text-weight-medium has-text-dark" style="letter-spacing: -0.02em;">Sign up to asitrastudio</h3>
            <a class="button is-light is-outlined is-rounded mb-2 is-fullwidth" href="#">
              <img src="asitrastudio-assets/sign-in/google.svg" alt="">
              <span class="is-size-7 has-text-dark ml-4">Sign up with Google</span>
            </a>
            <a class="button is-light is-outlined is-rounded mb-8 is-fullwidth" href="#">
              <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.7478 0C12.7876 0 12.8274 0 12.8695 0C12.9671 1.20593 12.5068 2.107 11.9474 2.75952C11.3985 3.40754 10.6469 4.03603 9.43117 3.94067C9.35007 2.75201 9.81112 1.91777 10.3698 1.26675C10.8879 0.660032 11.8378 0.120142 12.7478 0Z" fill="#222222"></path>
                <path d="M16.4254 12.5517C16.4254 12.5638 16.4254 12.5743 16.4254 12.5855C16.0837 13.6203 15.5964 14.5071 15.0017 15.33C14.4588 16.0772 13.7935 17.0826 12.6056 17.0826C11.5791 17.0826 10.8973 16.4226 9.84534 16.4046C8.73252 16.3865 8.12055 16.9565 7.10309 17.0999C6.98671 17.0999 6.87032 17.0999 6.75618 17.0999C6.00905 16.9917 5.40608 16.4 4.96681 15.8669C3.67153 14.2916 2.6706 12.2566 2.48438 9.65256C2.48438 9.39725 2.48438 9.1427 2.48438 8.8874C2.56322 7.02369 3.46879 5.5084 4.67247 4.77403C5.30772 4.38357 6.181 4.05092 7.1534 4.1996C7.57015 4.26418 7.9959 4.40685 8.36909 4.54801C8.72276 4.68392 9.16504 4.92496 9.58403 4.91219C9.86787 4.90393 10.1502 4.75601 10.4363 4.65164C11.2743 4.34903 12.0958 4.00212 13.1785 4.16506C14.4798 4.36179 15.4034 4.93998 15.9741 5.83203C14.8733 6.53261 14.003 7.58836 14.1517 9.39125C14.2838 11.0289 15.236 11.9871 16.4254 12.5517Z" fill="#222222"></path>
              </svg>
              <span class="is-size-7 has-text-dark ml-4">Sign up with Apple</span>
            </a>
            <div class="mb-8 is-flex is-align-items-center">
              <div class="has-background-light is-fullwidth" style="height: 2px;"></div>
              <span class="mx-5 is-size-7 is-uppercase has-text-weight-medium has-text-grey-light">or</span>

<section class="is-relative section has-background-white-ter" x-data="{ activeSlide: 1, slideCount: 3 }">
  <div class="container">
    <h1 class="title is-size-2 is-size-1-desktop mb-20" style="letter-spacing: -0.04em;">Testimonials</h1>
    <div>
        <div class="is-clipped">
            <div :style="'transform: translateX(-' + (activeSlide - 1) * 100.5 + '%); transition: transform 0.5s ease-in-out; white-space: nowrap;'">
                <div class="is-inline-block px-4" style="width: 100%; white-space: normal;">
                    <p class="has-mw-5xl mb-10 is-size-5 has-text-dark">
                      <span>&ldquo;KW70 Fix is a leading real estate investment firm in the World, headquartered in New York with offices in</span>
                      <span></span>
                      <span class="has-text-grey">London, Chicago, Barcelona, Vienna, Rome, Las Vegas.</span>
                      <span>KW70 Fix initiative seeks out regions and markets with robust underlying catalysts, such as burgeoning technology sectors, a diverse workforce, and a strong entrepreneurial culture.&rdquo;</span>
                    </p>
                </div>
                <div class="is-inline-block px-4" style="width: 100%; white-space: normal;">
                    <p class="has-mw-5xl mb-10 is-size-5 has-text-dark">
                      <span>“Omega Capital Ventures, headquartered in</span>
                      <span></span>
                      <span class="has-text-grey">London and with offices in Singapore, Dubai, and New York,</span>
                      <span>specializes in real estate investments driven by technological advancement and sustainable development. Led by CEO Mark Johnson, the firm identifies emerging markets with vibrant ecosystems and invests strategically to foster growth and innovation.</span>
                    </p>
                </div>
                <div class="is-inline-block px-4" style="width: 100%; white-space: normal;">
                    <p class="has-mw-5xl mb-10 is-size-5 has-text-dark">

<section class="section has-background-white-ter">
  <div class="container">
    <h1 class="title is-size-1 mb-20" style="letter-spacing: -0.04em;">Blog</h1>
    <div class="columns is-multiline">
      <div class="column is-12 is-4-widescreen mb-10 mb-0-widescreen">
        <div class="has-mw-xs">
          <p class="mb-10 is-size-6 has-text-dark">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&apos;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled</p>
          <a class="button is-ghost px-0" href="#" style="height: 38px;">
            <span class="mr-2">See our blog</span>
            <svg class="is-rotate-45" width="11" height="11" viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9.5 1.5L1.5 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9.5 8.83571V1.5H2.16429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </a>
        </div>
      </div>
      <div class="column is-12 is-8-widescreen">
        <div class="columns is-multiline">
          <div class="column is-6">
            <a class="is-block" href="#">
              <img class="box p-0 mb-6 is-block image is-fullwidth" style="object-fit: cover; max-width: 450px; height: 290px;" src="asitrastudio-assets/blog/blog-double1.png" alt="">
              <div class="has-mw-lg">
                <div class="mb-3">
                  <span class="tag is-light mr-3">Interior</span>

<section class="is-relative" x-data="{ mobileNavOpen: false }">
  <nav class="is-relative navbar py-2 is-white" role="navigation" aria-label="navigation">
    <a class="is-hidden-mobile is-absolute" style="top: 50%; left: 50%; transform: translate(-50%, -50%);" href="#">
      <img class="image" src="asitrastudio-assets/logos/logo-asi.svg" alt="">
    </a>
    <div class="navbar-brand">
      <a class="navbar-item is-hidden-tablet" href="#">
        <img class="image" src="asitrastudio-assets/logos/logo-asi.svg" alt="">
      </a>
      <button x-on:click="mobileNavOpen = !mobileNavOpen" class="is-hidden-desktop is-inline-flex is-align-items-center is-justify-content-center navbar-menu-open navbar-burger" href="#">
        <svg width="38" height="16" viewbox="0 0 44 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="44" height="2" rx="1" fill="black"></rect><rect y="14" width="44" height="2" rx="1" fill="black"></rect></svg>
      </button>
    </div>
    <div class="navbar-menu" id="navExample">
      <div class="navbar-start"><a class="navbar-item">About</a><a class="navbar-item">Services</a></div>
      <div class="navbar-end">
        <div class="navbar-item">
          <a class="button px-5-desktop-only is-outlined is-rounded is-dark is-flex is-align-items-center" href="#">
            <span class="mr-3">Get consulation</span>
            <svg class="is-rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9 1.5L1 9.5" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9 8.83571V1.5H1.66429" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </a>

<section class="section has-background-white-ter">
  <div class="container">
    <div class="has-mw-xl has-mw-none-desktop mx-auto">
      <div class="columns is-multiline is-vcentered">
        <div class="column is-12 is-5-desktop mb-20 mb-0-desktop">
          <div class="has-mw-lg">
            <h2 class="title mb-10 is-size-2" style="letter-spacing: -0.02em;">Meet our partners</h2>
            <p class="has-mw-md mb-10 has-text-dark">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
            <a class="button is-outlined is-dark is-rounded" href="#">
              <span class="mr-3">I will become a sponsor</span>
              <svg class="is-rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M9 1.5L1 9.5" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M9 8.83571V1.5H1.66429" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg>
            </a>
          </div>
        </div>
        <div class="column is-12 is-7-desktop">
          <div class="has-mw-xl mx-auto mr-0-desktop">
            <div class="is-flex -mb-2 -mx-2 is-flex-wrap-wrap is-justify-content-center">
              <div class="p-2">
                <div class="is-inline-flex p-2 has-background-white is-justify-content-center is-align-items-center" style="width: 78px; height: 78px; border-radius: 20px;">
                  <img class="image is-block mx-auto" src="asitrastudio-assets/logo-clouds/clouds-brand3.png" alt="">
                </div>

<section class="section has-background-white-ter" style="overflow: hidden;">
  <div class="container">
    <h1 class="title is-size-2-mobile is-size-1-tablet mb-20" style="letter-spacing: -0.04em;">Services</h1>
    <div class="has-mw-lg has-mw-none-widescreen has-mw-2xl-desktop mx-auto">
      <div class="columns is-multiline">
        <div class="column is-12 is-6-widescreen mb-4 mb-0-widescreen">
          <div class="box p-0 is-covered" style="border-radius: 30px; height: 100%">
            <img class="mb-16 is-block image is-fullwidth" style="border-radius: 30px; max-height: 360px;" src="asitrastudio-assets/services/photo-left.png" alt="">
            <div class="px-6 px-14-tablet pb-16 has-text-centered">
              <span class="tag is-dark mb-4">Interior</span>
              <span class="is-block mb-4 is-size-3 has-text-dark" style="letter-spacing: -0.04em;">Planning strategies</span>
              <p class="mb-8 has-text-dark">We follow the RIBA Plan of Work 2020 to ensure an orderly framework and project clarity from the outset. First, we conduct feasibility studies and a project review.</p>
              <a class="button is-ghost px-0" href="#" style="height: 38px;">
                <span class="mr-4">See all projects</span>
                <svg class="is-rotate-45" width="11" height="11" viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M9.5 1.5L1.5 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.5 8.83571V1.5H2.16429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </a>
            </div>
          </div>
        </div>
        <div class="column is-12 is-6-widescreen">
          <a class="button is-light has-text-dark is-outlined p-0 mb-3 is-fullwidth has-text-left has-text-weight-normal" href="#" style="border-radius: 30px; height: auto;">

<section class="section py-4 has-background-dark">
  <div class="container">
    <div class="columns is-multiline">
      <div class="column is-5-desktop">
        <img class="is-block image is-fullwidth is-covered" src="asitrastudio-assets/cta/left-photo-room.png" alt="" style=" height: 100%; border-radius: 40px;">
      </div>
      <div class="column is-7-desktop py-20 py-32-tablet">
        <div class="has-mw-md has-mw-xl-tablet has-mw-3xl-widescreen mx-auto mr-0-desktop has-text-centered">
          <span class="has-text-light is-block mb-4 has-text-weight-medium">Lorem Ipsum</span>
          <h1 class="title is-size-3-mobile is-size-2-tablet has-text-white mb-7" style="letter-spacing: -0.04em;">Share your travels with friends &amp; family</h1>
          <div class="has-mw-xl mx-auto mb-10">
            <p class="is-size-6 has-text-grey-light">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
          </div>
          <a class="button is-white is-rounded" href="#">
            <span class="mr-2">Get consulation</span>
            <svg class="is-rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9 1.5L1 9.5" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9 8.83571V1.5H1.66429" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </a>
        </div>
      </div>
    </div>
  </div>

<section class="section has-background-white-ter" style="overflow: hidden;" x-data="{ activeSlide: 1, slideCount: 3 }">
  <div class="container">
    <div class="mb-20 columns is-multiline is-vcentered">
      <div class="column is-7-desktop mb-8 mb-0-desktop">
        <h1 class="title is-size-2-mobile is-size-2-tablet is-size-1-desktop" style="letter-spacing: -0.04em;">Meet the team</h1>
      </div>
      <div class="column is-5-desktop">
        <div class="is-flex is-justify-content-end is-align-items-center">
          <button x-on:click="activeSlide = activeSlide > 1 ? activeSlide - 1 : slideCount" class="button p-0 is-dark is-outlined is-dark is-rounded mr-8 is-inline-flex is-justify-content-center is-align-items-center" style="width: 74px; height: 74px;">
            <svg width="27" height="27" viewbox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M10.7051 7.12817L4.15732 13.6759L10.7051 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M22.4941 13.6759H4.33949" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </button>
          <button x-on:click="activeSlide = activeSlide < slideCount ? activeSlide + 1 : 1" class="button p-0 is-dark is-outlined is-dark is-rounded is-inline-flex is-justify-content-center is-align-items-center" style="width: 74px; height: 74px;">
            <svg width="27" height="27" viewbox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16.2949 7.12817L22.8427 13.6759L16.2949 20.2237" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M4.50586 13.6759H22.6605" stroke="currentColor" stroke-width="1.61806" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </button>
        </div>
      </div>
    </div>
    <div :style="'transform: translateX(-' + (activeSlide - 1) * 100.5 + '%); transition: transform 0.5s ease-in-out;'">

<section class="py-12 py-24-tablet has-background-dark" x-data="{ toggle: false }">
  <div class="container">
    <div class="has-mw-lg has-mw-2xl-widescreen mx-auto mb-20 has-text-centered">
      <h1 class="title mb-12 is-size-2 has-text-white is-size-1-widescreen" style="letter-spacing: -0.04em;">Premium Membership</h1>
      <div class="is-flex-tablet is-align-items-center is-justify-content-center">
        <span class="is-block-mobile is-size-6" :class="{ 'has-text-white': !toggle, 'has-text-grey': toggle }">Billed monthly</span>
        <div class="my-4-mobile mx-4-tablet is-inline-flex has-background-primary" style="padding: 2px; border-radius: 999px;">
            <button x-on:click="toggle = !toggle" class="button p-0" :class="{ 'is-light has-background-transparent': toggle, 'is-white': !toggle }" style="width: 26px; height: 26px; border-radius: 999px;"></button>
            <button x-on:click="toggle = !toggle" class="button p-0" :class="{ 'is-light has-background-transparent': !toggle, 'is-white': toggle }" style="width: 26px; height: 26px; border-radius: 999px;"></button>
        </div>
        <div class="is-block-mobile is-inline-flex-tablet is-align-items-center">
          <span class="mr-3 is-inline-block is-size-6" :class="{ 'has-text-white': toggle, 'has-text-grey': !toggle }">Billed yearly</span>
          <span class="tag is-light is-size-7 px-3 py-1 is-inline-block has-text-dark">20% SAVE</span>
        </div>
      </div>
    </div>
    <div class="box p-0 has-mw-lg has-mw-3xl-desktop has-mw-5xl-widescreen mx-auto is-clipped has-background-black-bis" style="border-color: transparent;">
      <div class="columns is-multiline">
        <div class="column is-12 is-6-desktop">
          <div class="px-8 pt-10 pb-24 is-covered" style="height: 100%">
            <div class="has-mw-sm mx-auto px-6 px-0-widescreen has-text-centered">
              <span class="mb-2 is-block is-size-6 has-text-weight-medium has-text-white">Starter plan</span>
              <h3 class="mb-4 is-size-2 has-text-white" style="letter-spacing: -0.04em;">Free</h3>
              <span class="is-block has-text-grey mb-4">Switch to annual plan to save 15%</span>

<section class="section py-0 is-relative is-clipped has-background-white">
  <div class="container is-relative">
    <img class="has-mw-4xl has-mw-none-widescreen -mr-24-desktop is-absolute is-block-desktop is-hidden-touch is-bottom-0 is-right-0" src="asitrastudio-assets/download/phone-right-xl.png" alt="">
    <div class="is-relative">
      <div class="has-mw-sm has-mw-md-tablet has-mw-lg-desktop mx-auto mx-0-desktop py-40-desktop pt-12 pt-20-tablet pb-20">
        <div class="mb-4 is-flex is-align-items-center">
          <svg width="21" height="21" viewbox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M20.9453 8.05498C20.8078 7.62975 20.4306 7.32774 19.9844 7.28752L13.9232 6.73716L11.5265 1.12733C11.3498 0.716201 10.9473 0.450073 10.5001 0.450073C10.0529 0.450073 9.65045 0.716201 9.47373 1.12829L7.07698 6.73716L1.01484 7.28752C0.569424 7.3287 0.193224 7.62975 0.0549533 8.05498C-0.0833178 8.48021 0.0443787 8.94661 0.381324 9.24062L4.96286 13.2587L3.61187 19.2098C3.51301 19.6473 3.68285 20.0996 4.04591 20.3621C4.24106 20.5031 4.46937 20.5748 4.69961 20.5748C4.89813 20.5748 5.09504 20.5213 5.27176 20.4156L10.5001 17.2908L15.7265 20.4156C16.109 20.6457 16.5911 20.6247 16.9533 20.3621C17.3166 20.0988 17.4862 19.6464 17.3874 19.2098L16.0364 13.2587L20.6179 9.24142C20.9549 8.94661 21.0835 8.48101 20.9453 8.05498Z" fill="#FFC107"></path>
          </svg>
          <span class="ml-2 mr-1 is-size-6 has-text-dark">4.8</span>
          <span class="is-size-6 has-text-grey">(5182 reviews)</span>
        </div>
        <h2 class="has-mw-xl title is-size-3-mobile is-size-2-tablet mb-8" style="letter-spacing: -0.02em;">Get our mobile app to make the</h2>
        <p class="has-mw-md mb-10 is-size-6 has-text-dark">It is a long established fact that a reader will be distracted by the readable content of a page when</p>
        <div class="mb-16 columns is-multiline">
          <div class="column is-12-tablet is-6-widescreen mb-4 mb-0-widescreen">
            <div class="mb-4">
              <svg width="21" height="22" viewbox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect y="0.5" width="21" height="21" rx="10.5" fill="black"></rect>
                <path d="M15.7676 8.13463C15.4582 7.82482 14.9558 7.82501 14.646 8.13463L9.59787 13.183L7.35419 10.9393C7.04438 10.6295 6.54217 10.6295 6.23236 10.9393C5.92255 11.2491 5.92255 11.7513 6.23236 12.0611L9.03684 14.8656C9.19165 15.0204 9.39464 15.098 9.59765 15.098C9.80067 15.098 10.0039 15.0206 10.1587 14.8656L15.7676 9.25644C16.0775 8.94684 16.0775 8.44443 15.7676 8.13463Z" fill="white"></path>
              </svg>
              <span class="ml-4 has-text-dark">Core engagement survey</span>
            </div>
            <div>

<section class="py-12 py-24-tablet has-background-light" x-data="{ toggle: false }">
  <div class="container">
    <div class="has-mw-md has-mw-none-desktop mx-auto">
      <div class="has-mw-lg has-mw-2xl-widescreen mx-auto mb-20 has-text-centered">
        <h1 class="title mb-12 is-size-2 is-size-1-widescreen" style="letter-spacing: -0.04em;">Premium Membership</h1>
        <div class="is-flex-tablet is-align-items-center is-justify-content-center">
          <span class="is-block-mobile is-size-6" :class="{ 'has-text-dark': !toggle, 'has-text-grey': toggle }">Billed monthly</span>
          <div class="my-4-mobile mx-4-tablet is-inline-flex has-background-primary" style="padding: 2px; border-radius: 999px;">
            <button x-on:click="toggle = !toggle" class="button p-0" :class="{ 'is-light has-background-transparent': toggle, 'is-white': !toggle }" style="width: 26px; height: 26px; border-radius: 999px;"></button>
            <button x-on:click="toggle = !toggle" class="button p-0" :class="{ 'is-light has-background-transparent': !toggle, 'is-white': toggle }" style="width: 26px; height: 26px; border-radius: 999px;"></button>
          </div>
          <div class="is-block-mobile is-inline-flex-tablet is-align-items-center">
            <span class="mr-3 is-inline-block is-size-6" :class="{ 'has-text-dark': toggle, 'has-text-grey': !toggle }">Billed yearly</span>
            <span class="tag is-dark is-size-7 px-3 py-1 is-inline-block">20% SAVE</span>
          </div>
        </div>
      </div>
      <div class="-mx-2 columns is-multiline">
        <div class="column is-12 is-4-desktop mb-4 mb-0-desktop px-2">
          <div class="box px-8 py-10" style="border-color: #CACACA; height: 100%">
            <span class="mb-2 is-block is-size-6 has-text-weight-medium has-text-dark">Starter plan</span>
            <h3 class="is-size-2 has-text-dark" style="letter-spacing: -0.04em;">Free</h3>
            <span class="is-block mb-4 is-size-7 has-text-grey has-text-weight-medium">Switch to annual plan to save 15%</span>
            <p class="has-text-dark mb-10">During this phase the design is developed to meet the required technical standards to</p>

<section class="section py-6 has-background-white">
  <div class="container">
    <div class="columns is-multiline">
      <div class="column is-12 is-5-desktop mb-16 mb-0-desktop">
        <div class="has-mw-lg mx-auto mx-0-desktop py-20-desktop pt-14 pb-12">
          <h1 class="title is-size-2-mobile is-size-1-tablet mb-8" style="letter-spacing: -0.04em;">Let&grave;s talk</h1>
          <span class="is-block is-size-6 has-text-grey">Lorem Ipsum is simply dummy text of the</span>
          <span class="mb-12 is-size-6 has-text-weight-medium is-block has-text-dark">contact@asitrastudio.co</span>
          <form action="">
            <div class="field mb-6">
              <div class="control">
                <input class="input px-8 has-background-white has-text-dark" type="text" placeholder="Last Name*">
              </div>
            </div>
            <div class="field mb-6">
              <div class="control">
                <input class="input px-8 has-background-white has-text-dark" type="email" placeholder="E-mail">
              </div>
            </div>
            <div class="field mb-6"><textarea class="textarea has-background-white has-text-dark" placeholder="Message" style="resize: none; height: 250px; border-radius: 40px;" rows="3"></textarea></div>
            <div class="mb-10">
              <span class="mb-6 is-block has-text-weight-medium has-text-dark">What can we help you with?</span>
              <div class="columns">
                <div class="column is-6 pb-0-mobile">

<section class="section has-background-white-ter" style="overflow: hidden;" x-data="{ showContent: false }">
  <div class="container">
    <h1 class="title is-size-2-mobile is-size-1-tablet mb-20" style="letter-spacing: -0.04em;">Open Position</h1>
    <div class="mb-5 px-8-mobile px-14-tablet py-9 has-background-white" style="border-radius: 20px;">
      <div class="columns is-multiline is-vcentered">
        <div class="column is-8-tablet mb-10 mb-0-tablet">
          <h3 class="is-size-4-mobile is-size-3-tablet has-text-dark">Product Manager, Instagram Camera</h3>
          <div>
            <span class="is-size-7 has-text-dark">Full-time</span>
            <span class="mx-4 is-inline-block">
              <svg width="3" height="3" viewbox="0 0 3 3" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M0.896 1.772C0.896 1.632 0.924 1.50133 0.98 1.38C1.036 1.25867 1.11067 1.15133 1.204 1.058C1.30667 0.955333 1.41867 0.876 1.54 0.82C1.67067 0.764 1.806 0.736 1.946 0.736C2.086 0.736 2.21667 0.764 2.338 0.82C2.46867 0.876 2.58067 0.955333 2.674 1.058C2.77667 1.15133 2.856 1.25867 2.912 1.38C2.968 1.50133 2.996 1.632 2.996 1.772C2.996 2.052 2.89333 2.29933 2.688 2.514C2.48267 2.72867 2.23533 2.836 1.946 2.836C1.65667 2.836 1.40933 2.72867 1.204 2.514C0.998667 2.29933 0.896 2.052 0.896 1.772Z" fill="#646464"></path>
              </svg>
            </span>
            <span class="is-size-7 has-text-dark">New York</span>
          </div>
        </div>
        <div class="column is-4-tablet has-text-right">
          <a class="button is-ghost px-0" href="#" style="height: 38px;">
            <span class="mr-2">See more details</span>
            <svg class="is-rotate-45" width="11" height="11" viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9.5 1.5L1.5 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9.5 8.83571V1.5H2.16429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>

<section class="has-background-white">
  <div class="is-relative">
    <div class="container">
      <div class="has-mw-2xl-widescreen mx-auto mx-0-tablet px-5 pt-10 pb-24 pb-36-tablet">
        <a class="mb-24 mb-36-tablet is-inline-block" href="#">
          <img src="asitrastudio-assets/logos/logo-asi.svg" alt="">
        </a>
        <div class="has-mw-md mx-auto has-text-centered">
          <form action="">
            <h3 class="mb-10 is-size-4 has-text-weight-medium has-text-dark" style="letter-spacing: -0.02em;">Sign up to asitrastudio</h3>
            <div class="mb-8">
              <input class="input mb-4 has-background-white has-text-dark" type="text" placeholder="Full name">
              <input class="input mb-4 has-background-white has-text-dark" type="email" placeholder="E-mail">
              <div class="mb-6 is-relative">
                <input class="input has-background-white has-text-dark" type="password" placeholder="Password">
                <button class="button is-light has-background-white p-0 mt-5 mr-8 is-absolute is-top-0 is-right-0" style="height: auto;">
                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12.1095 7.89167L7.89283 12.1083C7.33367 11.5492 7.01953 10.7908 7.01953 10C7.01953 9.60845 7.09665 9.22073 7.24649 8.85898C7.39634 8.49723 7.61596 8.16854 7.89283 7.89167C8.1697 7.6148 8.49839 7.39518 8.86014 7.24533C9.22189 7.09549 9.60961 7.01837 10.0012 7.01837C10.7919 7.01837 11.5503 7.33251 12.1095 7.89167Z" stroke="#151515" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M14.8518 4.80834C13.3935 3.70834 11.7268 3.10834 10.0018 3.10834C7.06016 3.10834 4.31849 4.84167 2.41016 7.84167C1.66016 9.01667 1.66016 10.9917 2.41016 12.1667C3.06849 13.2 3.83516 14.0917 4.66849 14.8083M7.01849 16.275C7.96849 16.675 8.97682 16.8917 10.0018 16.8917C12.9435 16.8917 15.6852 15.1583 17.5935 12.1583C18.3435 10.9833 18.3435 9.00834 17.5935 7.83334C17.3185 7.4 17.0185 6.99167 16.7102 6.60834" stroke="#151515" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                    <path d="M12.9263 10.5833C12.8134 11.1646 12.5294 11.699 12.1106 12.1177C11.6919 12.5364 11.1576 12.8204 10.5763 12.9333M7.89297 12.1083L1.66797 18.3333M18.3346 1.66667L12.1096 7.89167" stroke="#151515" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                  </svg>
                </button>
              </div>
              <button class="button is-light is-rounded is-fullwidth" type="submit">Sign up</button>

<section class="section has-background-white-ter">
  <div class="container">
    <div class="mb-6 columns is-multiline is-vcentered">
      <div class="column is-6">
        <h1 class="title is-size-2-mobile is-size-1-tablet" style="letter-spacing: -0.04em;">About us</h1>
      </div>
      <div class="column is-12 is-6-desktop">
        <div class="has-mw-xl ml-auto has-text-right">
          <p class="is-size-6 has-text-dark">&ldquo;KW70 Fix is a leading real estate investment firm in the World, headquartered in New York with offices in London, Chicago, Barcelona, Vienna, Rome, Las Vegas.</p>
        </div>
      </div>
    </div>
    <div class="columns is-multiline">
      <div class="column is-6">
        <div class="has-mw-xl">
          <p class="is-size-6 mb-10 has-text-dark">
            <span>KW70 Fix initiative seeks out regions and markets with robust underlying catalysts, such as burgeoning technology sectors, a diverse workforce, and a strong entrepreneurial culture.</span>
            <span class="has-text-grey-light">In those carefully selected markets and locations, we bring capital and expertise to such as burgeoning technology sectors, a diverse workforce, and a strong entrepreneurial culture.</span>
          </p>
          <a class="button is-ghost px-0" href="#" style="height: 38px;">
            <span class="mr-2">Get to know us</span>
            <svg class="is-rotate-45" width="11" height="11" viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M9.5 1.5L1.5 9.5" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M9.5 8.83571V1.5H2.16429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>

<section class="py-24 pt-40-desktop pb-52-desktop is-relative">
  <img class="is-absolute is-top-0 is-left-0 is-fullwidth is-covered" style="object-fit: cover; height: 100%" src="asitrastudio-assets/http-codes/dark-photo-bg.png" alt="">
  <div class="container is-relative">
    <div class="has-mw-xl mx-auto py-24 py-40-tablet is-relative has-text-centered">
      <h2 class="is-hidden-mobile is-hidden-tablet-only title has-text-white mb-10" style="font-size: 132px; letter-spacing: -0.02em;">Error 404</h2>
      <h2 class="is-hidden-desktop title is-size-2 is-size-1-desktop has-text-white mb-10" style="letter-spacing: -0.02em;">Error 404</h2>
      <p class="subtitle has-text-light mb-10">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
      <a class="button is-outlined is-white is-rounded" href="#">
        <span class="mr-2">Back to homepage</span>
        <svg class="is-rotate-45" width="10" height="11" viewbox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M9 1.5L1 9.5" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M9 8.83571V1.5H1.66429" stroke="currentColor" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </a>
    </div>
  </div>
</section>