<?php
$metattitle = 'Mechanical, Electrical and Plumbing - KSK Holding SIA';
require_once (__DIR__ . '/../sections/head.php');
require_once (__DIR__ . '/../sections/header.php');
?>

<div class="sectionimg grid-container icon-toplp">
	<img width="320" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/1.svg" class="kartinkadizain">
</div>

<div class="sectionimg grid-container icon-toplp">
  <img width="320" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20340%200'%3E%3C/svg%3E" class="kartinkadizain">
</div>

<section class="what-we-do imgsection teleblockpadding-top-0">
  <div class="grid-container teleblockcontent">
    <h1 class="section_heading">Mechanical,<br>
   Electrical and Plumbing</h1>
    <div class="teleblocktext">
      <p>
        Enhancing Your Construction Projects with Expertise
      </p>
    </div>
    <div class="roomblockline"></div>
    <div class="grid-x">
      <div class="cell colmd6 roomcontent">
        <p>
        At KSK, we specialize in providing top-notch Mechanical, Electrical, and Plumbing (MEP) services that are vital for the success of your construction projects. With our team of highly skilled professionals and a commitment to excellence, we offer a wide range of MEP services to meet your specific requirements.
        </p>
      </div>
      <div class="cell colmd5 roomimg">
        <img src="/images/mep-banner.webp" "mep techcnology"/>
      </div>
    </div>
    <h2 class="descr-content-room">Precise Solutions<br> for Optimal Performance</h2>
    <div class="teleblockline"></div>
    <div class="grid-x">
      <div class="cell colmd4 teleblocktileser">
        <div class="expnumeber">
          1
        </div>
        <h5 class="teleblocksubtitler">Engineering for Efficient Systems</h5>
        <p>From HVAC installation to ducting</p>
      </div>
      <div class="cell colmd4 teleblocktileser">
        <div class="expnumeber">
          2
        </div>
        <h5 class="teleblocksubtitle">Comfort & Functionality</h5>
        <p>Air-conditioning, ventilation and air-conditioning solutions</p>
      </div>
      <div class="cell colmd4 teleblocktileser">
        <div class="expnumeber">
          3
        </div>
        <h5 class="teleblocksubtitle">Economic solutions</h5>
        <p>Energy-efficient methods, use of innovative technologies</p>
      </div>
    </div>
  </div>
</section>

<section class="our-works imgsection" id="whatweoffer">
	<div class="ourwork-bsicon">
		<img width="420" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20420%200'%3E%3C/svg%3E" data-lazy-src="/images/bg-icons/4.svg">
	</div>
  
  <div class="grid-container teleblockcontentsecond">
    <h3 class="section_heading">Expert<br>Project Management</h3>
    <div class="teleblocktextsecondbl">
      <p>
        We pride ourselves on our experienced team and efficient project management
      </p>
    </div>
    <div class="teleblockfeatures cell grid-x">
      <div class="medium-auto small-6">
        <div class="teleblockfeature secondblockpag">
          <div class="offertitle">
            Experienced<br> Team
          </div>
          <p>Our success in managing MEP projects is due to the competence of our team members. From experienced engineers to meticulous coordinators, our team members work cohesively to ensure all aspects of a MEP project are completed accurately and efficiently.
          </p>
        </div>
      </div>
      <div class="medium-auto small-6">
        <div class="teleblockfeature secondblockpag">
          <div class="offertitle">
            Comprehensive<br> Planning
          </div>
          <p>
            Effective project management begins with comprehensive planning. Our project managers thoroughly analyse project requirements, conduct a thorough feasibility study and develop detailed project plans that outline timelines, resource allocation and milestones. 
          </p>
        </div>
      </div>
      <div class="medium-auto small-12">
        <div class="teleblockfeature secondblockpag">
          <div class="offertitle">
            Seamless<br> Execution
          </div>
          <p>
            From procurement and scheduling to resource management and quality control, we take a structured approach to keep projects on track and on budget. Our project managers keep a close eye on progress, resolve any issues promptly and communicate transparently with all clients.
          </p>
        </div>
      </div>
    </div>
</section>

<section class="what-we-do imgsection thirdblockpag teleblockpadding-top-0">
  <div class="grid-container teleblockcontent">
    <h3 class="section_heading">Reliability<br />at its Core</h3>
    <div class="teleblocktextthirdbl">
      <p>
       Prioritizing the Uninterrupted Operation of Your MEP Infrastructure
      </p>
    </div>
    <div class="teleblockline"></div>
    <div class="grid-x">
      <div class="cell colmd6 teleblocktile">
        <div class="expnumeber">
          01
        </div>
        <h5 class="teleblocksubtitle">Comprehensive System Analysis</h5>
        <p>By understanding the specific requirements of your project, we develop bespoke solutions that increase the reliability of your systems.
        </p>
      </div>
      <div class="cell colmd6 teleblocktile">
        <div class="expnumeber">
          02
        </div>
        <h5 class="teleblocksubtitle">Quality Equipment and Components</h5>
        <p>By working with reliable suppliers, we guarantee that the products we incorporate into your systems will be durable and of high quality.
        </p>
      </div>
      <div class="cell colmd6 teleblocktile">
        <div class="expnumeber">
          03
        </div>
        <h5 class="teleblocksubtitle">Skilled and Certified Professionals</h5>
        <p>Our team consists of skilled and certified professionals who possess extensive experience in MEP services.
        </p>
      </div>
      <div class="cell colmd6 teleblocktile">
        <div class="expnumeber">
          04
        </div>
        <h5 class="teleblocksubtitle">Robust Maintenance and Support</h5>
        <p>
         Our team carries out routine inspections, preventive maintenance and prompt repairs to solve any problems.
        </p>
      </div>
      <div class="cell colmd6 teleblocktile">
        <div class="expnumeber">
          05
        </div>
        <h5 class="teleblocksubtitle">Careful testing and commissioning</h5>
        <p>
          We carry out thorough testing and commissioning of your MEP systems before the project is completed.
        </p>
      </div>
      <div class="cell colmd6 teleblocktile">
        <div class="expnumeber">
          06
        </div>
        <h5 class="teleblocksubtitle">Constant monitoring and optimisation</h5>
        <p>
        We offer continuous monitoring and optimisation services to identify any potential performance issues with your MEP systems. 
        </p>
      </div>
    </div>
  </div>
</section>


<section class="imgsection" id="portfollio">
	<div class="grid-container teleblockcontent">
		<div class="teleblockline linewhite"></div>
		<div class="grid-x mbig">
			<div class="cell colmd6">
				<h3 class="section_heading">KSK MEP
				<br />
			Portfolio</h3>
			</div>
			</div>
	</div>
</section>

<section class="portfolioblock">
		<swiper-container init="false" speed="500" loop="true"  pagination="true">
			<swiper-slide class="portgall image_item1">
				<img src="/images/Picture2.webp" /> 
			</swiper-slide>
			
			<swiper-slide class="portgall image_item4">
				<img src="/images/Picture12.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="/images/Picture6.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item4">
				<img src="/images/Picture13.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="/images/Picture27.webp" />

			</swiper-slide>
			<swiper-slide class="portgall image_item4">
				<img src="/images/Picture22.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="/images/Picture23.webp" />
			</swiper-slide>
			
			<swiper-slide class="portgall image_item4">
				<img src="/images/Picture24.webp" />
			</swiper-slide>
			
			<swiper-slide class="portgall image_item1">
				<img src="/images/Picture2.webp" />
			</swiper-slide>
	</swiper-container>
	<div class="photos-itemimg__content">
		<div class="grid-container">

			<div class="grid-x mbig align-center">

				<!-- <div class="cell colmd1"></div>
				<div class="cell colmd12 text-center">
					<h2>Rapidly growing market </h2>
				</div>
				<div class="cell colmd12 text-center">
					<p>
						At least 8 companies targeting to open live casino business on the 40 billion market in 2021.
						<br />
						We do difference.
					</p>
				</div> -->
				<div class="cell colmd1"></div>

				<div class="cell colmd12 text-center">
					<a href="/contacts/" class="button contactsbtn">Contacts</a>
				</div>
			</div>
		</div>
	</div>
</section>

<div id="overlay"></div>
<div id="additionalinfo" class="additionalinfo">
        <div class="controls">
            <h3>Information</h3>
            <div class="btnclose" onclick="off()">✖</div>
        </div>
        <table id="producttext" class="producttext">
		</table>
    </div>
<script>
	const swiperEl = document.querySelector('swiper-container');

	  // swiper parameters
	  const swiperParams = {
	    slidesPerView: 2,
	    breakpoints: {
	      640: {
	        slidesPerView: 3,
	      },
	      1024: {
	        slidesPerView: 5,
	      },
	    },
	    mousewheel: {
		    forceToAxis: true,
		  },
	    on: {
	      init() {
	        // ...
	      },
	    },
	  };
	  
	    // now we need to assign all parameters to Swiper element
  Object.assign(swiperEl, swiperParams);

  // and now initialize it
  swiperEl.initialize();
	  
    const buttons = document.getElementById("map-holder").getElementsByTagName("a");

    const buttonPressed = e => {
        history.pushState({}, '', ''); 
        console.log(e.target.getAttribute("data-text"));
        document.getElementById("overlay").style.display = "block";
	document.getElementById("additionalinfo").style.display = "block";
        document.getElementById("producttext").innerHTML = e.target.parentElement.getAttribute("data-text");
    }

    for (let button of buttons) {
        button.addEventListener("click", buttonPressed);
    }

    const overlay = document.getElementById("overlay");
	const additionalinfo = document.getElementById("additionalinfo");

    addEventListener("popstate", () => {
        off();
    });

    overlay.addEventListener('click', () => {
        off();
    })

    function on() {
        overlay.style.display = "block";
		additionalinfo.style.display = "block";
    }

    function off() {
        overlay.style.display = "none";
		additionalinfo.style.display = "none";
    }

</script>
<?php
require_once (__DIR__ . '/../sections/footer.php');
?>