336 lines
19 KiB
PHP
336 lines
19 KiB
PHP
<?php
|
|
include_once("includes/header.php");
|
|
?>
|
|
|
|
<main>
|
|
<div id="mainCarousel" class="carousel slide mt-2 mb-2" data-bs-ride="carousel">
|
|
<div class="carousel-indicators">
|
|
<button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="0" class="active" aria-current="true"
|
|
aria-label="Slide 1"></button>
|
|
<button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
|
<button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
|
</div>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active" id="banner-1">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1 class="display-1 fw-bold text-white">Professional Steel Fabrication</h1>
|
|
<p class="text-white">We specialize in steel fabrication, producing spare parts and assembly
|
|
equipment according to customer's drawing for heavy usage and industries.</p>
|
|
<p>
|
|
<a class="btn btn-lg btn-primary" href="#serviceSection">Learn More</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item" id="banner-2">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1 class="display-1 fw-bold text-white">Trusted in Quality</h1>
|
|
<p class="text-white">30 years of experience in steel and parts manufacturing jobs</p>
|
|
<p>
|
|
<a class="btn btn-lg btn-primary" href="gallery.php">View Gallery</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item" id="banner-3">
|
|
<div class="container">
|
|
<div class="carousel-caption">
|
|
<h1 class="display-1 fw-bold text-white">Contact</h1>
|
|
<p class="text-white">Want to start your steel fabrication project? We've got you covered. </p>
|
|
<p>
|
|
<a class="btn btn-lg btn-primary" href="#contactSection">Contact Us</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#mainCarousel" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#mainCarousel" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
<div class="container" data-bs-spy="scroll" data-bs-target="#mainNavbar">
|
|
<div id="aboutSection" class="container px-4 py-5" id="featured-3">
|
|
<h2 class="pb-2 border-bottom">About Us</h2>
|
|
<div class="row g-4 py-4 row-cols-1 row-cols-lg-3">
|
|
<div class="feature col">
|
|
<div
|
|
class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
<i class="bi bi-info-circle"></i>
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">Founding</h3>
|
|
<p> We were established on the 12th of January 2012 in Lad Krabang, Bangkok. Later moved to our
|
|
current facility in Phanat Nikhom, Chon Buri. </p>
|
|
</div>
|
|
<div class="feature col">
|
|
<div
|
|
class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
<i class="bi bi-person-circle"></i>
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">Faculty</h3>
|
|
<p> We currently have 130 employees in our company with 6 people in our engineering department and 6
|
|
people in our quality control department. </p>
|
|
</div>
|
|
<div class="feature col">
|
|
<div
|
|
class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
<i class="bi bi-pin-map"></i>
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">Location</h3>
|
|
<p> Our main office and factory is located in Nong Prue, Phanat Nikhom, Chon Buri, Thailand. <a
|
|
href="https://maps.app.goo.gl/mr4cnQrVeLW8yVaDA">View our Google Maps Location.</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="serviceSection" class="container px-4 py-5">
|
|
<h2 class="pb-2 border-bottom">Services</h2>
|
|
|
|
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
|
|
<div class="col d-flex flex-column align-items-start gap-2">
|
|
<h2 class="fw-bold text-body-emphasis">Left-aligned title explaining these awesome features</h2>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading. We'll
|
|
add onto it with another sentence and probably just keep going until we run out of words.</p>
|
|
<a href="#" class="btn btn-primary btn-lg">Primary button</a>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="row row-cols-1 row-cols-sm-2 g-4">
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#collection"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#gear-fill"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#speedometer"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#table"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
|
|
<div class="col">
|
|
<div class="row row-cols-1 row-cols-sm-2 g-4">
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#collection"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#gear-fill"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#speedometer"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#table"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column align-items-end gap-2">
|
|
<h2 class="fw-bold text-body-emphasis">Left-aligned title explaining these awesome features</h2>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading. We'll
|
|
add onto it with another sentence and probably just keep going until we run out of words.</p>
|
|
<a href="#" class="btn btn-primary btn-lg">Primary button</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
|
|
<div class="col d-flex flex-column align-items-start gap-2">
|
|
<h2 class="fw-bold text-body-emphasis">Left-aligned title explaining these awesome features</h2>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading. We'll
|
|
add onto it with another sentence and probably just keep going until we run out of words.</p>
|
|
<a href="#" class="btn btn-primary btn-lg">Primary button</a>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="row row-cols-1 row-cols-sm-2 g-4">
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#collection"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#gear-fill"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#speedometer"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col d-flex flex-column gap-2">
|
|
<div
|
|
class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-4 rounded-3">
|
|
<svg class="bi" width="1em" height="1em">
|
|
<use xlink:href="#table"></use>
|
|
</svg>
|
|
</div>
|
|
<h4 class="fw-semibold mb-0 text-body-emphasis">Featured title</h4>
|
|
<p class="text-body-secondary">Paragraph of text beneath the heading to explain the heading.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="clientSection" class="container px-4 py-2" id="icon-grid">
|
|
<h2 class="pb-2 border-bottom">Clients</h2>
|
|
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 g-4 py-5">
|
|
<?php
|
|
$files = array(
|
|
"assets/images/logo/arb.jpg",
|
|
"assets/images/logo/carpenter.jpg",
|
|
"assets/images/logo/cpac.jpg",
|
|
"assets/images/logo/herrenknecht.jpg",
|
|
"assets/images/logo/t.jpg",
|
|
"assets/images/logo/top.jpg",
|
|
"assets/images/logo/ts.jpg",
|
|
"assets/images/logo/ariya.jpg",
|
|
"assets/images/logo/cd.png",
|
|
"assets/images/logo/danieli.jpg",
|
|
"assets/images/logo/packsys.jpg",
|
|
"assets/images/logo/tft.jpg",
|
|
"assets/images/logo/toprofit.jpg",
|
|
"assets/images/logo/tyk.jpg",
|
|
"assets/images/logo/bohringer.jpg",
|
|
"assets/images/logo/civil.jpg",
|
|
"assets/images/logo/fellow.jpg",
|
|
"assets/images/logo/striker.png",
|
|
"assets/images/logo/tm.jpg",
|
|
"assets/images/logo/transpower.png"
|
|
);
|
|
|
|
foreach ($files as $file) {
|
|
echo '<div class="col d-flex justify-content-center">';
|
|
echo ' <img id="companyLogo" src="' . $file . '" alt="' . basename($file, ".jpg") . '" class="bi text-body-secondary flex-shrink-0 me-3" >';
|
|
echo '</div>';
|
|
echo "\n";
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="contactSection" class="container px-4 py-2" id="icon-grid">
|
|
<div class="border-bottom"></div>
|
|
<div class="my-5 d-flex justify-content-center">
|
|
<div align="center">
|
|
<h1 class="display-3 fw-bold">Get In Touch</h1>
|
|
<p class="fs-5">Interested in our work? Let us provide you with our experience in steel fabrication
|
|
for your next project. </p>
|
|
|
|
<a href="contact.php">
|
|
<button type="button" class="btn btn-primary btn-lg">Contact Us</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<?php
|
|
include_once("includes/footer.php");
|
|
?>
|