polisplexity.tech/resources/views/home/sections/projects.blade.php

<section class="projects">
  <div class="sticky‑title">
    <ul>
      <li>
        <div>City Intelligence</div>
        <div>2.0</div>
      </li>
    </ul>
  </div>
  <div class="content">
    <div class="content__left">
      <div class="content__title">
        <div class="h1">projects</div>
      </div>
      <ul class="content__menu projects__menu">
        <li class="active">
          <a href="javascript:;">
            Digital Twin of Mexico’s Scientific and Technological Ecosystem
          </a>
        </li>
        <li>
          <a href="javascript:;">
            Diagnostic Study &amp; Business Model for High‑Performance Computing in Guanajuato
          </a>
        </li>
        <li>
          <a href="javascript:;">
            PILARES Big Data Analytics Project
          </a>
        </li>
        <li>
          <a href="javascript:;">
            Governance &amp; Public Policies Laboratory Diagnosis
          </a>
        </li>
        <li>
          <a href="javascript:;">
            Innovation &amp; Hackathon Delivery
          </a>
        </li>
        <li>
          <a href="javascript:;">
            Empowering Digital Entrepreneurs in Mexico
          </a>
        </li>
      </ul>
      <div class="content__btn-block">
        <div class="content__btn-label small">View all works</div>
        <a class="content__btn-btn btn btn--arrow"
           href="https://www.behance.net/"
           target="_blank"
           rel="nofollow">
          <svg>
            <use xlink:href="{{ asset('home/svg/sprite.svg#arrow') }}"></use>
          </svg>
        </a>
      </div>
    </div>

    <div class="content__right">
      <div class="projects__blocks">
        <div class="projects__block active">
          <a href="#" target="_blank" rel="nofollow">
            <img src="{{ asset('home/img/project-1.jpg') }}" alt="">
          </a>
        </div>
        <div class="projects__block active">
          <a href="#" target="_blank" rel="nofollow">
            <img src="{{ asset('home/img/project-2.jpg') }}" alt="">
          </a>
        </div>
        <div class="projects__block active">
          <a href="#" target="_blank" rel="nofollow">
            <img src="{{ asset('home/img/project-3.jpg') }}" alt="">
          </a>
        </div>
        <div class="projects__block active">
          <a href="#" target="_blank" rel="nofollow">
            <img src="{{ asset('home/img/project-4.jpg') }}" alt="">
          </a>
        </div>
        <div class="projects__block active">
          <a href="#" target="_blank" rel="nofollow">
            <img src="{{ asset('home/img/project-5.jpg') }}" alt="">
          </a>
        </div>
        <div class="projects__block active">
          <a href="#" target="_blank" rel="nofollow">
            <img src="{{ asset('home/img/project-6.jpg') }}" alt="">
          </a>
        </div>
      </div>
    </div>
  </div>
</section>