Başlığa ne yazacağımı bilemedim. Yardım istediğim şeyi açıklayayım. Ben Staj yerimin web sitesinin scriptini değiştiriyorum. Bilmediğim bir scriptten daha yeni öğrendiğim, ismini yeni duyduğum swiper.js scriptine değiştiriyorum. Önceden yapılan css yasarımlarını falan kullanmaya çalıştım. Bazı şeyleri silerek kopyala yapıştır yaptım ve görüntü çok kötü old yaptığım şeyin. Kopyala yapıştır ile çok kötügözüksede yaptım linkleri falan ama...
Benim yapabildiğim:
Önceden olan:
iligli olduğunu düşündüğüm css kodları:

    .pp-scrollable .scroll-wrap{
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0rem 0 0rem ;
  white-space: normal;
  
}
.pp-scrollable .scroll-wrap2{
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0rem 0 0rem ;
  white-space: normal; 
}
.pp-scrollable .scroll-wrap2{
    width: 100%;
    position: fixed;
    display: inline-block;
    vertical-align: middle;
    padding: 9rem 0 0rem ;
    white-space: normal; 
  }
.pp-scrollable .scroll-wrap3 {
    width: 100%;
    position: fixed;
    display: inline-block;
    vertical-align: middle;
    padding: 5rem 0 0rem;
    white-space: normal;
}
.pp-scrollable .scroll-wrap4{
  width: 100%;
  position: fixed;
  display: inline-block;
  vertical-align: middle;
  padding: 6rem 0 0rem ;
  white-space: normal; 
}
.pp-scrollable .scroll-wrap5{
  width: 100%;
  position: fixed;
  display: inline-block;
  vertical-align: middle;
  padding: 15rem 0 0rem ;
  white-space: normal; 
}
.pp-scrollable .scroll-wrap6{
  width: 100%;
  position: fixed;
  display: inline-block;
  vertical-align: middle;
  padding: 8rem 0 0rem ;
  white-space: normal; 
}

kopyala yapıştır yaparak yaptığım:

    <!-- Swiper -->
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide home">
            <div class="scroll-wrap">
              <div class="container">
              <div class="mt-4 pt-2">
                <div class="row-project-box row">
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#cadcam" class="project-box">
                    <div class="project-box-inner">
                      <h4>CAD / CAM</h4>
                    </div>
                    </a>
                  </div>
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#cnc" class="project-box">
                    <div class="project-box-inner">
                      <h4>CNC</h4>
                    </div>
                    </a>
                  </div>
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#robotics" class="project-box">
                    <div class="project-box-inner">
                      <h4>Robotik</h4>
                    </div>
                    </a>
                  </div>
                  <div class="col-project-box col-md-6 col-lg-4 col-xl-3">
                    <a href="#devicesoft" class="project-box">
                    <div class="project-box-inner">
                      <h4>Cihaz Yazılımları</h4>
                    </div>
                    </a>
                  </div>
                  </div>
                </div>
               </div>
            </div>
        </div>

önceden yaptığım

<!-- Home -->  
	<section id="home" class="navbar-is-white text-white pp-scrollable d-flex align-items-center section position-absolute" role="main">
	  <div class="intro">
		<div class="scroll-wrap">
		  <div class="container">
			<div class="mt-4 pt-2">
				<div class="row-project-box row">
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#cadcam" class="project-box">
						<div class="project-box-inner">
							<h4>CAD / CAM</h4>
						</div>
					  </a>
					</div>
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#cnc" class="project-box">
						<div class="project-box-inner">
							<h4>CNC</h4>
						</div>
					  </a>
					</div>
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#robotics" class="project-box">
						<div class="project-box-inner">
							<h4>Robotik</h4>
						</div>
					  </a>
					</div>
					<div class="col-project-box col-md-6 col-lg-4 col-xl-3">
					  <a href="#device_software" class="project-box">
						<div class="project-box-inner">
							<h4>Cihaz Yazılımları</h4>
						</div>
					  </a>
					</div>
				  </div>
			  </div>
		   </div>
		</div>
	  </div>
    </section>