UI Components – Asitrastudio Library

<section class="pt-10 pb-24 bg-light-light">
  <div class="container"><a class="d-inline-block mb-24" href="#"><img src="asitrastudio-assets/logos/logo-asi.svg" alt=""/></a>
    <div class="mw-md mx-auto text-center">
      <form action="">
        <h3 class="fs-4 fw-medium mb-10" >Sign in to studio</h3><a class="btn btn-lg mb-2 w-100 btn-light bg-white" href="#"><img src="asitrastudio-assets/sign-in/google.svg" alt=""/><span class="ms-4 fs-9 text-dark" >Sign in with Google</span></a><a class="btn btn-lg mb-8 w-100 btn-light bg-white" 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="ms-4 fs-9 text-dark" >Sign in with Apple</span></a>
        <div class="d-flex mb-8 align-items-center">
          <div class="w-100 bg-light" style="height: 2px;"></div><span class="fs-10 mx-5 text-light-dark text-uppercase" >or</span>
          <div class="w-100 bg-light" style="height: 2px;"></div>
        </div>
        <div>
          <input class="form-control bg-white border-0 mb-4" type="email" placeholder="E-mail"/>
          <div class="position-relative mb-5">
            <input class="form-control bg-white border-0" type="password" placeholder="Password"/>
            <button class="position-absolute top-0 end-0 btn btn-link mt-5 p-0 me-8">
              <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>

<section class="position-relative py-5 bg-light-light">
  <div class="container">
    <div class="px-8 px-md-12 bg-white rounded-5 overflow-hidden">
      <div class="position-relative mw-5xl mx-auto"><img class="d-none d-md-block position-absolute bottom-0 end-0 me-md-n24 me-lg-0 col-sm-9 col-lg-7" src="asitrastudio-assets/download/phone-right-sm.png" alt=""/>
        <div class="position-relative mw-sm mw-lg-lg mx-auto mx-md-0 py-20"><span class="badge mb-4 border border-dark" >Full Time</span>
          <h2 class="fs-1 mb-16" >Get our mobile app to make the process faster</h2>
          <div class="d-flex mw-sm"><a class="d-inline-block me-6" href="#"><img class="img-fluid" src="asitrastudio-assets/download/app-store.svg" alt=""/></a><a class="d-inline-block" href="#"><img class="img-fluid" src="asitrastudio-assets/download/google.svg" alt=""/></a></div>
        </div><img class="d-md-none d-block img-fluid w-100" src="asitrastudio-assets/download/phone-right-sm.png" alt=""/>
      </div>
    </div>
  </div>
</section>

<section class="py-12 py-md-24 bg-light-light">
  <div class="container">
    <h1 class="mb-12" >FAQ</h1>
    <div class="row">
      <div class="col-12 col-lg-6 mb-6 mb-lg-0">
        <div class="mw-lg-xl">
          <div class="pb-6 px-0 border-bottom border-dark">
            <div class="d-flex w-100 justify-content-between align-items-center">
              <h5 class="fw-medium mb-0" >What is Cult Wine Investment?</h5>
              <button class="flex-shrink-0 ms-4 btn btn-outline-dark p-0" style="width: 48px; height: 48px;">
                <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M13.459 10.4893L9.21179 14.7365L4.9646 10.4893" stroke="currentColor" stroke-width="1.04955" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.21094 2.84152L9.21094 14.6175" stroke="currentColor" stroke-width="1.04955" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </button>
            </div>
          </div>
          <div class="pt-12 pb-6 px-0 border-bottom border-dark">
            <div class="d-flex w-100 justify-content-between align-items-center">
              <h5 class="fw-medium mb-0" >Why should I invest in wine?</h5>
              <button class="flex-shrink-0 ms-4 btn btn-outline-dark p-0" style="width: 48px; height: 48px;">
                <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M13.459 10.4893L9.21179 14.7365L4.9646 10.4893" stroke="currentColor" stroke-width="1.04955" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M9.21094 2.84152L9.21094 14.6175" stroke="currentColor" stroke-width="1.04955" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>

<section class="py-12 py-md-20 py-lg-24 bg-dark">
  <div class="container">
    <div class="mw-lg-xl mw-xl-3xl mx-auto text-center"><span class="d-block mb-4 fw-medium fs-9 text-light" >Lorem Ipsum</span>
      <h1 class="text-white mb-8" >Share your travels with friends &amp; family</h1>
      <div class="mw-xl mx-auto mb-10">
        <p class="fs-7 text-light-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>
      </div><a class="btn btn-primary" href="#"><span class="me-2" >Get consulation</span>
        <svg class="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="white" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M9 8.83571V1.5H1.66429" stroke="white" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></a>
    </div>
  </div>
</section>

<section class="py-12 py-md-20 bg-light-light">
  <div class="container">
    <h1 class="mb-20" >Get started quickly</h1>
    <div class="mb-6 pb-10 pt-20 pt-lg-10 px-10 bg-white rounded-5">
      <div class="row align-items-center">
        <div class="col-12 col-lg-7 mb-12 mb-lg-0">
          <div class="mw-md mx-auto">
            <h3 class="fs-1 mb-6" >Althhorpe Street Leamigton Spa</h3>
            <p class="mw-xs text-secondary-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="btn btn-outline-dark" href="#"><span class="me-2" >Get consulation</span>
              <svg class="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="col-12 col-lg-5"><img class="img-fluid d-block w-100" src="asitrastudio-assets/features/photo-medium-dark.png" alt=""/></div>
      </div>
    </div>
    <div class="mb-6 pb-10 pt-20 pt-lg-10 px-10 bg-white rounded-5">
      <div class="row align-items-center">
        <div class="col-12 col-lg-5 order-last order-lg-first"><img class="img-fluid d-block w-100 rounded-5" src="asitrastudio-assets/features/photo-medium-light.png" alt=""/></div>

<section class="py-12 py-md-20 bg-light-light">
  <div class="container">
    <div class="row">
      <div class="col-lg-5 col-xl-4 mb-20 mb-lg-0">
        <div>
          <h1 >Meet the team</h1>
        </div>
      </div>
      <div class="col-lg-7 col-xl-8">
        <div class="mw-3xl ms-lg-auto">
          <div class="d-flex pb-6 mb-6 align-items-center border-bottom border-dark"><img class="img-fluid" src="asitrastudio-assets/team/avatar-medium-1.png" alt=""/>
            <div class="ms-9"><span class="d-block mb-3 fs-9 text-secondary-light fw-medium" >Executive Chairman</span>
              <h4 class="fs-3 fw-medium mb-0" >Thomas Webb</h4>
            </div>
          </div>
          <div class="d-flex pb-6 mb-6 align-items-center border-bottom border-dark"><img class="img-fluid" src="asitrastudio-assets/team/avatar-medium-2.png" alt=""/>
            <div class="ms-9"><span class="d-block mb-3 fs-9 text-secondary-light fw-medium" >Chief People Officer</span>
              <h4 class="fs-3 fw-medium mb-0" >Arlene McCoy</h4>
            </div>
          </div>
          <div class="d-flex pb-6 mb-6 align-items-center border-bottom border-dark"><img class="img-fluid" src="asitrastudio-assets/team/avatar-medium-3.png" alt=""/>
            <div class="ms-9"><span class="d-block mb-3 fs-9 text-secondary-light fw-medium" >Chief Content Officer</span>
              <h4 class="fs-3 fw-medium mb-0" >Ralph Edwards</h4>
            </div>

<section class="position-relative py-12 py-md-24 bg-light-light overflow-hidden">
  <div class="container">
    <div class="row align-items-center mb-20">
      <div class="col-12 col-md-6 mb-8 mb-md-0">
        <h1 >Testimonials</h1>
      </div>
      <div class="col-12 col-md-6">
        <div class="d-flex align-items-center justify-content-end"><a class="btn me-8 d-inline-flex align-items-center justify-content-center p-0 btn-outline-dark rounded-pill" href="#" 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></a><a class="btn d-inline-flex align-items-center justify-content-center p-0 btn-outline-dark rounded-pill" href="#" 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></a></div>
      </div>
    </div>
    <div class="d-flex align-items-center flex-xl-nowrap">
      <div class="flex-shrink-0 me-6 d-inline-block w-100 mw-lg mw-lg-6xl">
        <div class="bg-light rounded-5 overflow-hidden">
          <div class="row mx-0">
            <div class="col-12 col-lg-4 p-0"><img class="img-fluid d-block h-100 w-100 rounded-5" style="object-fit: cover;" src="asitrastudio-assets/testimonials/photo-people1.png" alt=""/></div>
            <div class="col-12 col-lg-8 p-0 align-self-center">

<section class="py-12 py-md-20 bg-light-light">
  <div class="container">
    <div class="row mb-20 align-items-center">
      <div class="col-12 col-lg-7 mb-8 mb-lg-0">
        <h1 class="mb-0" >Open Positions</h1>
      </div>
      <div class="col-12 col-lg-5 text-lg-end"><a class="btn btn-outline-dark" href="#" >See all open positions</a></div>
    </div>
    <div><a class="d-block mb-8" href="#">
        <div class="mb-3"><span class="fs-9 fw-medium text-secondary-light" >Full-time</span><span class="d-inline-block mx-4">
            <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="fs-9 fw-medium text-secondary-light" >Remote</span></div>
        <div class="d-flex align-items-center justify-content-between pb-4 border-bottom border-dark border-2">
          <h3 class="fs-3 mb-0" >Product Manager, Instagram Camera</h3><span class="ps-6">
            <svg width="33" height="33" viewbox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M30 3L3 30" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M30 27.758V3H5.24196" stroke="black" stroke-width="4.3875" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg></span>
        </div></a><a class="d-block mb-8" href="#">
        <div class="mb-3"><span class="fs-9 fw-medium text-secondary-light" >Part-time</span><span class="d-inline-block mx-4">
            <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="fs-9 fw-medium text-secondary-light" >Remote</span></div>

<div class="position-fixed bottom-0 end-0 w-100 bg-white pt-8 pb-9 px-8 rounded-top" style="z-index: 50;">
  <button class="position-absolute top-0 end-0 mt-2 me-5 btn btn-link p-0 fs-6 fw-bold">
    <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="black" stroke-width="1"></path>
    </svg>
  </button>
  <div class="container">
    <div class="row align-items-center align-items-xl-end">
      <div class="col-12 col-md-1 col-lg-auto align-self-start mb-4 mb-lg-0">
        <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M11.082 12.8333C12.0485 12.8333 12.832 12.0498 12.832 11.0833C12.832 10.1168 12.0485 9.33331 11.082 9.33331C10.1155 9.33331 9.33203 10.1168 9.33203 11.0833C9.33203 12.0498 10.1155 12.8333 11.082 12.8333Z" fill="black"></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="black"></path>
          <path d="M25.082 9.33331C26.0485 9.33331 26.832 8.54981 26.832 7.58331C26.832 6.61681 26.0485 5.83331 25.082 5.83331C24.1155 5.83331 23.332 6.61681 23.332 7.58331C23.332 8.54981 24.1155 9.33331 25.082 9.33331Z" fill="black"></path>
          <path d="M11.082 18.6667C12.0485 18.6667 12.832 17.8832 12.832 16.9167C12.832 15.9502 12.0485 15.1667 11.082 15.1667C10.1155 15.1667 9.33203 15.9502 9.33203 16.9167C9.33203 17.8832 10.1155 18.6667 11.082 18.6667Z" fill="black"></path>
          <path d="M16.918 18.6667C17.8845 18.6667 18.668 17.8832 18.668 16.9167C18.668 15.9502 17.8845 15.1667 16.918 15.1667C15.9515 15.1667 15.168 15.9502 15.168 16.9167C15.168 17.8832 15.9515 18.6667 16.918 18.6667Z" fill="black"></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="black"></path>
        </svg>
      </div>
      <div class="col-12 col-md-7 col-lg-8 mb-6 mb-lg-0">
        <h4 class="fs-5 fw-medium mb-4" >Cookie Consent</h4>
        <p class="text-secondary-light fs-9" >
          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;. Denying consent may make related features unavailable. You

<section class="py-12 py-lg-20 bg-light overflow-hidden">
  <div class="position-relative container"><img class="d-none d-lg-block position-absolute top-0 start-0 img-fluid w-25" src="asitrastudio-assets/newsletter/avatar-triple1.png" alt=""/><img class="d-block d-lg-none mb-16 img-fluid" src="asitrastudio-assets/newsletter/avatar-triple1.png" alt=""/>
    <div>
      <div class="mw-sm mw-lg-md mx-auto mb-12 text-center">
        <h1 class="h2 mb-8" >Keep up with our contant</h1>
        <p class="fs-7 text-secondary-light mb-0" >
          It is a long established fact that a reader will be distracted by the readable
          content
        </p>
      </div>
      <div class="d-sm-flex mw-md mw-lg-xl mx-auto">
        <div class="w-100 mb-3 mb-sm-0 me-4">
          <input class="form-control bg-white border-0" type="email" placeholder="Enter your email"/>
        </div>
        <div class="flex-shrink-0">
          <button class="btn w-100 h-100 btn-dark" type="submit" >Sign Up</button>
        </div>
      </div>
    </div><img class="d-none d-lg-block position-absolute top-0 end-0 img-fluid w-25" src="asitrastudio-assets/newsletter/avatar-triple2.png" alt=""/><img class="d-block d-lg-none mt-24 ms-auto img-fluid" src="asitrastudio-assets/newsletter/avatar-triple2.png" alt=""/>
  </div>
</section>

<section class="py-12 py-md-24 bg-light-light">
  <div class="container">
    <h1 class="mb-8" >About us</h1>
    <div class="row">
      <div class="col-12 col-lg-2 mb-14 mb-lg-0"><a class="d-inline-block pb-2 fw-semibold border-0 border-2 border-dark border-bottom" href="#"><span class="me-3" >Get to know us</span>
          <svg class="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 class="col-12 col-lg-10">
        <div class="mw-lg-4xl ms-lg-20 mt-n6">
          <p class="fw-medium mb-10" style="text-indent:  6rem;"><span >
              KW70 Fix is a leading real estate investment firm in the World, headquartered in New York
              with offices
              in</span><span class="fst-italic text-secondary-light" >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. Once identified, we aim to bring our extensive knowledge and resources to these carefully chosen areas, partnering with local stakeholders to create a thriving physical environment that promotes growth and prosperity. </span></p>
          <ul class="list-unstyled">
            <li class="d-flex mb-8 pb-2 border-2 border-dark border-bottom align-items-center justify-content-between"><span class="fw-medium" >It is a long established</span><span class="fs-4"><span >20+ m</span><sup class="ms-n2">2</sup></span></li>
            <li class="d-flex mb-8 pb-2 border-2 border-dark border-bottom align-items-center justify-content-between"><span class="fw-medium" >It is a long established</span><span class="fs-4"><span >500+</span></span></li>
            <li class="d-flex mb-8 pb-2 border-2 border-dark border-bottom align-items-center justify-content-between"><span class="fw-medium" >It is a long established</span><span class="fs-4"><span >40 000+</span></span></li>
            <li class="d-flex mb-8 pb-2 border-2 border-dark border-bottom align-items-center justify-content-between"><span class="fw-medium" >It is a long established</span><span class="fs-4"><span >700+</span></span></li>
          </ul>
        </div>
      </div>
    </div>

<section class="py-12 py-md-24 bg-light-light">
  <div class="container">
    <h1 class="fw-medium mb-20" >Services</h1>
    <div class="mw-md mx-auto mw-lg-none">
      <div class="row">
        <div class="col-12 col-lg-4 mb-6 mb-lg-0"><a class="position-relative btn h-100 w-100 btn-outline-dark text-start px-9 py-14 border rounded-5" href="#"><span class="position-absolute top-0 end-0 mt-16 me-8 text-light-light">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 2L2 22" stroke="currentColor" stroke-width="3.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M22 20.3393V2H3.66071" stroke="currentColor" stroke-width="3.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div class="mw-xs mw-lg-none pe-10"><span class="d-block fs-3 mb-6" >De-risking your project</span>
              <p class="mb-0" >
                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>
            </div></a></div>
        <div class="col-12 col-lg-4 mb-6 mb-lg-0"><a class="position-relative btn h-100 w-100 btn-outline-dark text-start px-9 py-14 border rounded-5" href="#"><span class="position-absolute top-0 end-0 mt-16 me-8 text-light-light">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M22 2L2 22" stroke="currentColor" stroke-width="3.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M22 20.3393V2H3.66071" stroke="currentColor" stroke-width="3.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div class="mw-xs mw-lg-none pe-10"><span class="d-block fs-3 mb-6" >Planning strategies</span>
              <p class="mb-0" >

<section class="pt-10 pb-24 bg-light-light">
  <div class="container"><a class="d-inline-block mb-24" href="#"><img src="asitrastudio-assets/logos/logo-asi.svg" alt=""/></a>
    <div class="mw-md mx-auto text-center">
      <form action="">
        <h3 class="fs-4 fw-medium mb-10" >Sign up to studio</h3><a class="btn btn-lg mb-2 w-100 btn-light bg-white" href="#"><img src="asitrastudio-assets/sign-in/google.svg" alt=""/><span class="ms-4 fs-9 text-dark" >Sign up with Google</span></a><a class="btn btn-lg mb-8 w-100 btn-light bg-white" 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="ms-4 fs-9 text-dark" >Sign up with Apple</span></a>
        <div class="d-flex mb-8 align-items-center">
          <div class="w-100 bg-light" style="height: 2px;"></div><span class="fs-10 mx-5 text-light-dark text-uppercase" >or</span>
          <div class="w-100 bg-light" style="height: 2px;"></div>
        </div>
        <div>
          <input class="form-control bg-white border-0 mb-4" type="text" placeholder="Full name"/>
          <input class="form-control bg-white border-0 mb-4" type="email" placeholder="E-mail"/>
          <div class="position-relative mb-8">
            <input class="form-control bg-white border-0" type="password" placeholder="Password"/>
            <button class="position-absolute top-0 end-0 btn btn-link mt-5 p-0 me-8">
              <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>

<section class="position-relative">
  <nav class="navbar navbar-expand-xl navbar-light bg-light-light py-4"  >
    <div class="container"><a class="navbar-brand navbar-nav mx-auto position-absolute top-50 start-50 translate-middle" href="#"><img class="img-fluid" src="asitrastudio-assets/logos/logo-asi.svg" alt=""/></a>
      <button class="d-xl-none navbar-burger btn px-0 rounded-pill" style="border: none;" type="button" data-bs-toggle="collapse" data-bs-target="#nav01" aria-controls="nav01" aria-expanded="false">
        <svg width="44" 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 class="collapse navbar-collapse" id="nav05">
        <ul class="navbar-nav me-auto">
          <li class="nav-item me-4"><a class="nav-link" href="#" >About</a></li>
          <li class="nav-item"><a class="nav-link" href="#" >Services</a></li>
        </ul>
        <ul class="navbar-nav me-4">
          <li class="nav-item me-4"><a class="nav-link" href="#" >Projects</a></li>
          <li class="nav-item"><a class="nav-link" href="#" >Contact us</a></li>
        </ul>
        <div><a class="btn btn-outline-dark d-flex align-items-center rounded-pill" href="#"><span class="me-3" >Get consulation</span>
            <svg class="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 class="py-12 py-md-20 bg-light">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6 mb-16 mb-lg-0">
        <div class="mw-xl mx-auto mx-lg-0">
          <div class="mw-lg mb-10">
            <h1 class="mb-8" >Let&grave;s talk</h1>
            <p class="fs-6 text-secondary-light mb-0" >
              Whereby Embedded is the easiest way to embed video calls directly into
              your app, website, or anywhere else you need
              beautiful, custom video chat &ndash; that just works.
            </p>
          </div>
          <div class="row mb-20">
            <div class="col-12 col-sm-6 mb-6 mb-sm-0">
              <div class="py-6 text-center border border-light-dark rounded-5"><span class="d-block mb-2 fs-9 text-light-dark" >Call us</span><span class="fw-semibold" >+48 291 821 114</span></div>
            </div>
            <div class="col-12 col-sm-6">
              <div class="py-6 text-center border border-light-dark rounded-5"><span class="d-block mb-2 fs-9 text-light-dark" >Email us</span><span class="fw-semibold" >contact@example.com</span></div>
            </div>
          </div>
          <div><span class="d-block mb-4 fs-6 fw-medium" >Our Location</span>
            <p class="text-secondary-light mb-0" >6811 Benjamin Franklin Drive,</p>
            <p class="text-secondary-light mb-8" >Suite 170Columbia, MD 21046</p>

<section class="py-12 py-md-24 bg-dark">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6 col-xl-7 mb-20 mb-lg-0">
        <div class="mw-xl"><span class="d-block mb-4 fw-medium text-white fs-9" >Lorem Ipsum</span>
          <div class="mw-sm mw-md-md mb-12">
            <h1 class="text-white mb-0" >Sign up for free weekly newsletter</h1>
          </div>
          <div>
            <div class="d-sm-flex mw-xl">
              <div class="w-100 mb-3 mb-sm-0 me-4">
                <input class="form-control border-secondary" type="email" placeholder="Enter your email"/>
              </div>
              <div class="flex-shrink-0">
                <button class="btn w-100 h-100 btn-light bg-white" type="submit" >Sign Up</button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-6 col-xl-5">
        <div class="row h-100">
          <div class="col-12 col-sm-6 mb-8 mb-sm-0">
            <div class="mw-xs mx-auto py-16 px-10 px-md-8 text-center bg-secondary-dark rounded-5">

<section class="py-12 py-md-24 bg-light-light">
  <div class="container">
    <div class="row mb-20 align-items-end">
      <div class="col-12 col-lg-6 mb-8 mb-lg-0">
        <h1 >Blog</h1>
      </div>
      <div class="col-12 col-lg-6 text-end"><a class="d-inline-block pb-2 fw-semibold border-0 border-2 border-dark border-bottom" href="#"><span class="me-3" >See our blog</span>
          <svg class="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="row mx-xl-n5">
      <div class="col-12 col-lg-5 mb-6 mb-lg-0 px-xl-5"><a class="d-block" href="#"><img class="img-fluid d-block w-100 mb-6 rounded-5" style="object-fit: cover; height: 290px;" src="asitrastudio-assets/blog/blog-third1.png" alt=""/>
          <div class="mw-lg">
            <div class="mb-3"><span class="badge me-3 border border-dark" >Interior</span><span class="d-inline-block fs-9 text-secondary-light" >9 min read</span></div>
            <h4 class="mw-md fs-3 fw-medium mb-6" >How to decorating ourdoor sofa</h4>
            <p >
              It is a long established fact that a reader will be distracted by the readable content of a page when looking at its
              layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,
            </p>
          </div></a></div>
      <div class="col-12 col-lg-7 px-xl-5"><a class="d-md-flex mb-6 align-items-center" href="#"><img class="d-block mb-8 mb-md-0 me-md-12 img-fluid rounded-5" style="width: 256px; height: 186px;" src="asitrastudio-assets/blog/blog-small1.png" alt=""/>
          <div class="mw-sm">

<section class="position-relative py-12 py-md-24 bg-light-light overflow-hidden">
  <div class="container">
    <h1 class="mb-20" >Testimonials</h1>
  </div>
  <div class="position-relative">
    <div class="position-relative container">
      <div class="d-flex align-items-center">
        <div class="flex-md-shrink-0 d-lg-flex w-100 mw-md mw-lg-4xl me-12 me-xl-32">
          <div class="flex-md-shrink-0 mb-8 mb-lg-0 me-lg-16"><img class="img-fluid mb-6" style="width: 115px; height: 133px;" src="asitrastudio-assets/testimonials/avatar-square2.png" alt=""/><span class="d-block fw-medium" >Wade Warren</span><span class="d-block fw-medium fs-9 text-light-dark" >CEO, Since Industry</span></div>
          <div>
            <p class="mb-0 fs-5 fw-medium"><span >&ldquo;KW70 Fix is a leading real estate investment firm in the World, headquartered in</span><span class="text-light-dark" >
                New York with offices in S&atilde;o
                Paulo, San Francisco, Los Angeles, Atlanta, Charlotte, Phoenix, Dallas, Paris and Munich.</span><span >
                KW70 Fix looks for
                markets and locations that have strong fundamental drivers such as job and income growth, better
                quality of life and a
                business-friendly environment. In those carefully selected&rdquo;</span></p>
          </div>
        </div>
        <div class="d-none d-md-block flex-shrink-0 d-lg-flex w-100 mw-md mw-lg-4xl">
          <div class="flex-shrink-0 mb-8 mb-lg-0 me-lg-16"><img class="img-fluid mb-6" style="width: 115px; height: 133px;" src="asitrastudio-assets/testimonials/avatar-square1.png" alt=""/><span class="d-block fw-medium" >Wade Warren</span><span class="d-block fw-medium fs-9 text-light-dark" >CEO, Since Industry</span></div>
          <div>
            <p class="mb-0 fs-5 fw-medium"><span >&ldquo;KW70 Fix is a leading real estate investment firm in the World, headquartered in</span><span class="text-light-dark" >
                New York with offices in S&atilde;o

<section class="py-12 py-md-20 bg-dark">
  <div class="container">
    <div class="mw-xl mx-auto mb-14 text-center"><a class="d-inline-block mb-14" href="#"><img src="asitrastudio-assets/logos/logo-asitra-white.svg" alt=""/></a>
      <h3 class="fs-3 text-white mb-8" >Join our newsletter to stay up to date on features and realases</h3>
      <div class="mw-sm mx-auto mb-8">
        <p class="fs-7 text-secondary-light" >During this phase the design is developed to meet the required technical standards</p>
      </div><a class="btn btn-light bg-white fw-semibold" href="#" >Subscribe</a>
    </div>
    <div class="mw-lg mx-auto mw-lg-none">
      <ul class="list-unstyled d-flex flex-wrap align-items-center justify-content-center mx-n4 mb-n2">
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Contact</a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Blog</a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Our Story</a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Help centre</a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#"><span class="me-2" >Careers</span><span class="badge px-2 py-1 fs-10 bg-info text-white text-uppercase" >Hiring</span></a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Changelog</a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Community</a></li>
        <li class="px-4 mb-2"><a class="d-inline-block text-light" href="#" >Guidelines</a></li>
      </ul>
      <ul class="list-unstyled d-sm-flex mt-10 align-items-center justify-content-center mb-n4">
        <li class="me-10 mb-4"><a class="d-inline-flex align-items-center text-white fw-medium" href="#">
            <svg width="19" height="13" viewbox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M16.0809 1.78777C15.5109 2.03477 14.9219 2.20577 14.2949 2.28177C14.9409 1.90177 15.4349 1.29377 15.6629 0.552768C15.0549 0.913768 14.3899 1.16077 13.6869 1.31277C13.1169 0.704768 12.2999 0.324768 11.4069 0.324768C9.67786 0.324768 8.29086 1.73077 8.29086 3.44077C8.29086 3.68777 8.30986 3.91577 8.36686 4.14377C5.78286 4.02977 3.50286 2.77577 1.96386 0.894768C0.861859 2.87077 2.09686 4.50477 2.91386 5.05577C2.41986 5.05577 1.92586 4.90377 1.50786 4.67577C1.50786 6.21477 2.59086 7.48777 3.99686 7.77277C3.69286 7.86777 3.00886 7.92477 2.59086 7.82977C2.98986 9.06477 4.14886 9.97677 5.49786 9.99577C4.43386 10.8318 2.87586 11.4968 0.880859 11.2878C2.26786 12.1808 3.90186 12.6938 5.66886 12.6938C11.4069 12.6938 14.5229 7.94377 14.5229 3.83977C14.5229 3.70677 14.5229 3.57377 14.5039 3.44077C15.1499 2.96577 15.6819 2.41477 16.0809 1.78777Z" fill="white"></path>
            </svg><span class="ms-3" >Twitter</span></a></li>

<section class="py-12 py-md-24 bg-light-light">
  <div class="container">
    <div class="mw-xl mw-lg-none mx-auto">
      <div class="row align-items-center">
        <div class="col-12 col-lg-5 mb-20 mb-lg-0">
          <div class="mw-lg"><span class="badge mb-4 border border-dark" >Meet</span>
            <h2 class="fs-1 mb-10" >Meet our partners</h2><a class="d-inline-block pb-2 fw-semibold border-0 border-2 border-dark border-bottom" href="#"><span class="me-3" >I will become a sponsor</span>
              <svg class="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="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M9 8.83571V1.5H1.66429" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></a>
          </div>
        </div>
        <div class="col-12 col-lg-7">
          <div class="mw-xl ms-lg-auto">
            <div class="row mb-n4">
              <div class="col-12 col-sm-6 col-md-4 mb-4">
                <div class="d-flex align-items-center justify-content-center bg-white rounded-4" style="height: 114px"><img class="img-fluid" src="asitrastudio-assets/logo-clouds/netflix-medium.png" alt=""/></div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 mb-4">
                <div class="d-flex align-items-center justify-content-center bg-white rounded-4" style="height: 114px"><img class="img-fluid" src="asitrastudio-assets/logo-clouds/spotify-medium.png" alt=""/></div>
              </div>
              <div class="col-12 col-sm-6 col-md-4 mb-4">
                <div class="d-flex align-items-center justify-content-center bg-white rounded-4" style="height: 114px"><img class="img-fluid" src="asitrastudio-assets/logo-clouds/ikea-medium.png" alt=""/></div>