support/khy-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

updated website (html/css/images) + .drone.yml

Browse source
This commit is contained in:
support 2025-06-26 12:36:18 +00:00
parent 6b9f5bb1cc
commit 314ac5f346
20 changed files with 166 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

54
index.html
View file

@ -13,11 +13,14 @@
<header>
<div class="container">
<a href="#home" class="logo">khy</a>
<a href="#home" class="logo">
<img src="images/logo-khy.png" alt="KHY Limited Logo">
</a>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#partners">Partners</a></li>
<li><a href="#clients">Clients</a></li>
<li><a href="#contact">Contact</a></li>
@ -98,8 +101,44 @@
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="content-section">
<div class="container">
<h2>Past Projects</h2>
<p class="intro-text">Explore a selection of our completed projects where we've transformed ordinary spaces into extraordinary environments, blending quality craftsmanship with thoughtful design.</p>
<div class="css-slider-container">
<!-- These radio buttons control the slides. They will be hidden with CSS. -->
<input type="radio" name="slider" id="slide-1" checked>
<input type="radio" name="slider" id="slide-2">
<input type="radio" name="slider" id="slide-3">
<input type="radio" name="slider" id="slide-4">
<input type="radio" name="slider" id="slide-5">
<!-- The slider itself: a viewport and a wrapper for the images -->
<div class="slider-viewport">
<div class="slider-wrapper">
<div class="slide"><img src="images/project-1.jpg" alt="Project 1"></div>
<div class="slide"><img src="images/project-2.jpg" alt="Project 2"></div>
<div class="slide"><img src="images/project-3.jpg" alt="Project 3"></div>
<div class="slide"><img src="images/project-4.jpg" alt="Project 4"></div>
<div class="slide"><img src="images/project-5.jpg" alt="Project 5"></div>
</div>
</div>
<!-- The navigation dots are labels for the hidden radio buttons -->
<div class="slider-nav">
<label for="slide-1"></label>
<label for="slide-2"></label>
<label for="slide-3"></label>
<label for="slide-4"></label>
<label for="slide-5"></label>
</div>
</div>
</div>
</section>
<!-- Partners Section -->
<section id="partners" class="content-section">
<section id="partners" class="content-section-dark">
<div class="container">
<h2>Our Partners</h2>
<div class="logo-grid">
@ -115,23 +154,22 @@
</section>
<!-- Clients Section -->
<section id="clients" class="content-section-dark">
<section id="clients" class="content-section">
<div class="container">
<h2>Trusted By</h2>
<div class="logo-grid">
<!-- Replace with client logos. Recommended size: 200x100px, transparent background PNG is best -->
<img src="images/logo-nestle.png" alt="Nestle Logo">
<img src="images/logo-norfund.png" alt="Norfund Logo">
<img src="images/logo-glico.png" alt="Glico Healthcare Logo">
<img src="images/logo-stanbic.webp" alt="Stanbic Bank Logo">
<img src="images/logo-grow.svg" alt="GROW Engineering Logo">
<img src="images/logo-fnb.svg" alt="First National Bank Logo">
<img src="images/logo-align.png" alt="Align Technologies Logo">
<img src="images/logo-grow.png" alt="GROW Engineering Logo">
<img src="images/logo-dbg.png" alt="Development Bank Ghana Logo">
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="content-section">
<section id="contact" class="content-section-dark">
<div class="container">
<h2>Get In Touch</h2>
<p class="intro-text">We look forward to beautiful design moments through exciting collaborations. Let's create something exceptional together.</p>