<?php
$metattitle = 'About us - 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">About Us</h1>
    <div class="teleblocktext">
      <p>
        We are KSK,
      </p>
    </div>
    <div class="roomblockline"></div>
    <div class="grid-x">
      <div class="cell colmd12 roomcontent">
        <p>
      We are more than an engineering company; we are trailblazers of innovation. We are the architects of MEP designs that harmonize technology and functionality. We are builders of data centers that house the digital dreams of tomorrow. We are consultants who listen, guide, and create solutions that empower our clients. We are a testament to the power of values, teamwork, and an unwavering commitment to excellence. In essence, we are the embodiment of a future where engineering knows no boundaries.
        </p>
      </div>
      <div class="big-team">
		    <img src="/images/ksk-team-1.webp" alt="romans nikitins ceo founder KSK holding">
		</div>
     <!--   <div class="cell colmd5 roomimg">
        <img src="/images/images/server-rooms-1.png" />
      </div> -->
    </div>
    <div class="teleblockline"></div>
    <div class="grid-x">
      <div class="cell colmd6 roomcontent">
          <h2>Our Story</h2>
        <p>
      We are more than an engineering company; we are trailblazers of innovation. We are the architects of MEP designs that harmonize technology and functionality. We are builders of data centers that house the digital dreams of tomorrow. We are consultants who listen, guide, and create solutions that empower our clients. We are a testament to the power of values, teamwork, and an unwavering commitment to excellence. In essence, we are the embodiment of a future where engineering knows no boundaries.
        </p>
      </div>
         <div class="cell colmd6 roomcontent">
             <h2>Our Values</h2>
        <p>
      Founded on a vision of excellence, our engineering company emerged with a driving ambition to redefine the landscape of turnkey solutions. We embarked on this journey with a deep-rooted passion for crafting MEP designs that seamlessly blend innovation and functionality. From the outset, we set out to become pioneers in building data centers, while also offering comprehensive client consultation. Our story is one of unwavering dedication, technological prowess, and a commitment to shaping a future where engineering knows no bounds.
        </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="teleblockline"></div>
	<div class="grid-container teleblockcontent">
	    <h3 style="margin-top:80px;">Meet the team</h3>
	    <div class="grid-x">
       <div class="cell colmd6 roomcontent">
        <p>
     Our team is a tapestry of expertise, woven from diverse backgrounds and disciplines. From electrical wizards to low voltage virtuosos, from HVAC masters to fire safety mavens, our members are the driving force behind our success. United by a shared passion for engineering brilliance, our team thrives on challenges and is dedicated to transforming visions into reality.
        </p>
      </div>
         <div class="cell colmd6 roomcontent">
        <p>
     Each member brings a unique perspective, fostering an environment where collaboration breeds ingenuity. Below you can read about the key members of our team!

        </p>
        </div>
        </div>
		<div class="grid-x mbig">
			<div class="cell colmd4">
				<div class="teamcard">
					<img src="/images/romans-nikitins.jpeg" alt="romans nikitins ceo founder KSK holding">
					<div class="card-text">
						<h3>Romans Nikitins</h3>
						<div class="teamdescr">CEO & FOUNDER</div>
						<a href="https://www.linkedin.com/in/romans-nikitins-93729b180/" rel="nofollow" target="_blank" class="teamiconst">
							<img src="/images/ksk-linkedinn.svg" alt="LinkedIn">
						</a>
					</div>
				</div>
			</div>
			<div class="cell colmd4">
				<div class="teamcard">
					<img src="/images/romans-nikitins.jpeg" alt="romans nikitins ceo founder KSK holding">
					<div class="card-text">
						<h3>Romans Nikitins</h3>
						<div class="teamdescr">CTO & CO-FOUNDER</div>
						<a href="https://www.linkedin.com/in/romans-nikitins-93729b180/" rel="nofollow" target="_blank" class="teamiconst">
							<img src="/images/ksk-linkedinn.svg" alt="LinkedIn">
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
	
	
<section class="what-we-do imgsection thirdblockpag teleblockpadding-top-0">
  <div class="grid-container teleblockcontent">
    <h3 class="section_heading">Our Mission</h3>
    <div class="teleblocktextthirdbl">
        <div class="grid-x">
       <div class="cell colmd6 roomcontent">
        <p>
      At the heart of our mission lies the goal to provide unparalleled turnkey solutions. We aspire to be the cornerstone of innovation in engineering, delivering exceptional MEP designs, constructing cutting-edge data centers, and offering invaluable consultancy to our clients.
        </p>
      </div>
         <div class="cell colmd6 roomcontent">
        <p>
      Our mission encompasses a dedication to excellence, efficiency, and environmental sustainability, ensuring that every project we undertake contributes positively to the world.
        </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<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/ksk-cars-one.webp" /> 
			</swiper-slide>
			
			<swiper-slide class="portgall image_item4">
				<img src="/images/ksk-cars-two.webp" />
			</swiper-slide>

			<swiper-slide class="portgall image_item1">
				<img src="/images/images/server-rooms-3.png" />
			</swiper-slide>

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

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

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

			<swiper-slide class="portgall image_item1">
				<img src="/images/ksk-team-7.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');
?>