Bukr3j
80+ Bronze
- Katılım
- 15 Haziran 2020
- Mesajlar
- 1,729
Dahası
- Reaksiyon skoru
- 422
- İsim
- Ayberk SOKUL
Staj yapıyorum ve staj yaptığım şirket web sitelerini değiştirmek istiyor. 1 yıldır bir web sitesi üstünde çalılmışlar ama scriptini değişmeye karar verdiler. Bana da bu siteyi Swiper.js ye geçirebilir misin diye sordular ben ise denerim dedim ama fark ettim ki neredeyse bütün css kodlarını tekrardan yazmam gerekiyor ya da yazılan css kodlarını doğru düzgün kullanamadım benim bilgisizliğim. Bu sitede (neredeyse hiç bilgim yok web ile alakalı onu fark ettim) slider yapmak için navbar falan kullanılmış sanırsam. Siteden bir kısım atayımda belki başa bir şeydir.
<!-- 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>
HTML
bir slider sayfasının kodu bu.
<!-- 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>
HTML
bir slider sayfasının kodu bu.