|
Server IP : 103.53.40.154 / Your IP : 18.118.30.137 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/arkey.shop/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<section class="overflow-hidden space">
<div class="shape-mockup" data-top="0%" data-right="0%"><img src="assets/img/bg/project_bg_5.png" alt="shape">
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-md-8 text-center text-xl-start">
<div class="title-area text-center"><span class="sub-title2"><img
src="assets/img/theme-img/title_icon5.svg" alt="shape">Our Projects</span>
<h2 class="sec-title">Explore Latest Projects</h2>
<p class="sec-text">Discover our latest projects showcasing innovative solutions and cutting-edge technology. Explore now!</p>
</div>
</div>
<div class="nav tab-menu2 indicator-active" id="tab-menu1" role="tablist"><button class="tab-btn active"
id="nav-one-tab" data-bs-toggle="tab" data-bs-target="#nav-one" type="button" role="tab"
aria-controls="nav-one" aria-selected="true">Commercial</button> <button class="tab-btn"
id="nav-two-tab" data-bs-toggle="tab" data-bs-target="#nav-two" type="button" role="tab"
aria-controls="nav-two" aria-selected="false">Residential</button> <button class="tab-btn"
id="nav-three-tab" data-bs-toggle="tab" data-bs-target="#nav-three" type="button" role="tab"
aria-controls="nav-three" aria-selected="false">Industrial</button></div>
</div>
<div class="tab-content">
<div class="tab-pane fade show active" id="nav-one" role="tabpanel" aria-labelledby="nav-one-tab">
<div class="slider-wrap text-center">
<div class="swiper th-slider project-slider5" id="projectSlider50"
data-slider-options='{"paginationType":"fraction","centeredSlides":true,"centeredSlidesBounds":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_1.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Installation</a>
</h3>
<p class="box-text">Repair a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out a condition
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_2.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Troubleshoot</a>
</h3>
<p class="box-text">Raising a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the window
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_3.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">House Troubleshoot</a>
</h3>
<p class="box-text">Global a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the service
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_1.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Installation</a>
</h3>
<p class="box-text">Repair a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out a condition
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_2.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Troubleshoot</a>
</h3>
<p class="box-text">Raising a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the window
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_3.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">House Troubleshoot</a>
</h3>
<p class="box-text">Global a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the service
</p>
</div>
</div>
</div>
</div>
</div>
<div class="slider-controller"><button data-slider-prev="#projectSlider50"
class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button>
<div class="slider-pagination" data-slider-id="#projectSlider50"></div><button
data-slider-next="#projectSlider50" class="slider-arrow default slider-next"><i
class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab">
<div class="slider-wrap text-center">
<div class="swiper th-slider project-slider5" id="projectSlider51"
data-slider-options='{"paginationType":"fraction","centeredSlides":true,"centeredSlidesBounds":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_1.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Installation</a>
</h3>
<p class="box-text">Repair a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out a condition
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_2.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Troubleshoot</a>
</h3>
<p class="box-text">Raising a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the window
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_3.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">House Troubleshoot</a>
</h3>
<p class="box-text">Global a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the service
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_1.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Installation</a>
</h3>
<p class="box-text">Repair a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out a condition
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_2.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Troubleshoot</a>
</h3>
<p class="box-text">Raising a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the window
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_3.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">House Troubleshoot</a>
</h3>
<p class="box-text">Global a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the service
</p>
</div>
</div>
</div>
</div>
</div>
<div class="slider-controller"><button data-slider-prev="#projectSlider51"
class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button>
<div class="slider-pagination" data-slider-id="#projectSlider51"></div><button
data-slider-next="#projectSlider51" class="slider-arrow default slider-next"><i
class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-three" role="tabpanel" aria-labelledby="nav-three-tab">
<div class="slider-wrap text-center">
<div class="swiper th-slider project-slider5" id="projectSlider52"
data-slider-options='{"paginationType":"fraction","centeredSlides":true,"centeredSlidesBounds":true,"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"1"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"2"}}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_1.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Installation</a>
</h3>
<p class="box-text">Repair a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out a condition
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_2.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Troubleshoot</a>
</h3>
<p class="box-text">Raising a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the window
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_3.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">House Troubleshoot</a>
</h3>
<p class="box-text">Global a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the service
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_1.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Installation</a>
</h3>
<p class="box-text">Repair a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out a condition
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_2.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">Wiring Troubleshoot</a>
</h3>
<p class="box-text">Raising a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the window
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-element">
<div class="box-img"><img src="assets/img/gallery/project_5_3.jpg"
alt="project image"></div><a class="icon-btn"
href="#"><i class="far fa-arrow-up-right"></i></a>
<div class="box-content">
<p class="box-subtitle">Residential</p>
<h3 class="box-title"><a href="#">House Troubleshoot</a>
</h3>
<p class="box-text">Global a heavy fur muff that covered the whole of her
lower arm towards the viewer regor then turned to look out the service
</p>
</div>
</div>
</div>
</div>
</div>
<div class="slider-controller"><button data-slider-prev="#projectSlider52"
class="slider-arrow default slider-prev"><i class="far fa-arrow-left"></i></button>
<div class="slider-pagination" data-slider-id="#projectSlider52"></div><button
data-slider-next="#projectSlider52" class="slider-arrow default slider-next"><i
class="far fa-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</div>
</section>