winsdominoes
/
empower-renewable-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial Commit

This commit is contained in:
Win 2024-03-10 13:23:23 +07:00
parent 9c0c0db1ae
commit 2481cd0771
23 changed files with 45 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
assets/css/style.css
View File

@ -1,64 +1,49 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
html,
body {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "slnt" 0;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "slnt" 0;
}
@media (min-width: 40em) {
/* Bump up size of carousel content */
.banner-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
/* Bump up size of carousel content */
.banner-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
}
.bg-primary, .text-bg-primary {
background-color: #2f3448 !important;
.bg-primary,
.text-bg-primary {
background-color: #2f3448 !important;
}
.bi {
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
}
#socialMediaSection a {
text-decoration: none;
text-decoration: none;
}
#banner-1 {
background: rgba(0, 0, 0, 0.3) url("../images/banners/1.webp");
background-blend-mode: darken;
background-position: center;
background-size: cover;
}
#banner-2 {
background: rgba(0, 0, 0, 0.3) url("../images/banners/2.webp");
background-blend-mode: darken;
background-position: center;
background-size: cover;
}
#banner-3 {
background: rgba(0, 0, 0, 0.3) url("../images/banners/3.webp");
background-blend-mode: darken;
background-position: center;
background-size: cover;
#mainBanner {
max-width: 100%;
height: auto;
}
#mainLogo {
max-width: 100%;
height: 40px;
max-width: 100%;
height: 40px;
}
#companyLogo {
max-width: 100%;
height: 100px;
}
max-width: 100%;
height: 100px;
}

BIN
assets/images/banners/1.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 256 KiB

BIN
assets/images/banners/2.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 136 KiB

BIN
assets/images/banners/3.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 264 KiB

BIN
assets/images/banners/banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
assets/images/gallery/1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 289 KiB

BIN
assets/images/gallery/10.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 MiB

After

Width:  |  Height:  |  Size: 143 KiB

BIN
assets/images/gallery/11.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 MiB

After

Width:  |  Height:  |  Size: 57 KiB

BIN
assets/images/gallery/12.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 MiB

After

Width:  |  Height:  |  Size: 152 KiB

BIN
assets/images/gallery/13.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
assets/images/gallery/14.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 MiB

BIN
assets/images/gallery/15.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 MiB

BIN
assets/images/gallery/2.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 184 KiB

BIN
assets/images/gallery/3.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 262 KiB

BIN
assets/images/gallery/4.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 MiB

After

Width:  |  Height:  |  Size: 166 KiB

BIN
assets/images/gallery/5.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 MiB

After

Width:  |  Height:  |  Size: 144 KiB

BIN
assets/images/gallery/6.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 MiB

After

Width:  |  Height:  |  Size: 222 KiB

BIN
assets/images/gallery/7.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 MiB

After

Width:  |  Height:  |  Size: 43 KiB

BIN
assets/images/gallery/8.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 961 KiB

After

Width:  |  Height:  |  Size: 176 KiB

BIN
assets/images/gallery/9.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 MiB

After

Width:  |  Height:  |  Size: 166 KiB

2
includes/footer.php
View File

@ -2,7 +2,7 @@
<footer class="container border-top pt-4">
<p class="float-end"><a href="#">Back to top</a></p>
<p>
&copy; 2012-2024 EMPower Engineering Co.,Ltd
&copy; 2024 EMPower Renewable Energy Co.,Ltd
</p>
</footer>
<script

3
includes/header.php
View File

@ -140,9 +140,6 @@
<li class="nav-item">
<a class="nav-link" href="#gallerySection">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#clientSection">Clients</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactSection">Contact</a>
</li>

114
index.php
View File

@ -4,72 +4,37 @@
<main>
<div id="mainCarousel" class="carousel container slide mt-5 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 rounded-4">
<div class="carousel-item active" id="banner-1"></div>
<div class="carousel-item" id="banner-2"></div>
<div class="carousel-item" id="banner-3"></div>
<div class="carousel-inner">
<img src="assets/images/banners/banner.jpg" alt="EMPower Renewable Energy Banner" id="mainBanner" class="rounded-4">
</div>
</div>
<div class="container" data-bs-spy="scroll" data-bs-target="#mainNavbar">
<div id="serviceSection" class="container px-4 py-4">
<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">บริการด้านโซล่าเซลล์</h2>
<p class="text-body-secondary">We produce spare parts of machines according to client's drawings.
</p>
</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">
<img src="assets/images/services/spare-parts/1.jpg" class="rounded-4">
</div>
<div class="col d-flex flex-column gap-2">
<img src="assets/images/services/spare-parts/2.jpg" class="rounded-4">
</div>
</div>
</div>
</div>
</div>
<div id="aboutSection" class="container px-4 py-5" id="featured-3">
<div id="serviceSection" 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>
<i class="bi bi-person-fill"></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>
<h3 class="fs-2 text-body-emphasis">ทีมงานมืออาชีพ</h3>
<p>เรามีทีมงานมืออาชีพพร้อมด้วยประสบการณ์ในการติดตั้งระบบ Solar Rooftop มามากกว่า 10 ปี พร้อมสำหรับการติดตั้งในสถานที่ต่างๆ</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>
<i class="bi bi-lightbulb-fill"></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>
<h3 class="fs-2 text-body-emphasis">อุปกรณ์คุณภาพ</h3>
<p>เราใช้อุปกรณ์เช่น Inverter หรือ แผงโซล่าเซลล์ที่มีประสิทธิภาพสูงในราคาที่ย่อมเยา</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>
<i class="bi bi-calendar-check-fill"></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>
<h3 class="fs-2 text-body-emphasis">บริการดูแล</h3>
<p>เรามีบริการหลังการติดตั้ง เช่น การติดตั้งระบบ Monitor Software และบริการดูแลระบบและล้างแผงโซล่าเซลล์ 2 ปี - 2 ครั้งใน 1 ปี - พร้อมการรับประกัน 5 ปี</p>
</div>
</div>
</div>
@ -92,9 +57,6 @@
array("assets/images/gallery/10.jpg", "10"),
array("assets/images/gallery/11.jpg", "11"),
array("assets/images/gallery/12.jpg", "12"),
array("assets/images/gallery/13.jpg", "13"),
array("assets/images/gallery/14.jpg", "14"),
array("assets/images/gallery/15.jpg", "15"),
);
foreach ($photoSet1 as $fileInfo) {
@ -111,43 +73,6 @@
</div>
</div>
<div id="clientSection" class="container px-4 py-4">
<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 text-center">
@ -158,21 +83,16 @@
<div class="row align-items-center justify-content-center">
<h2>
Tel: <a href="tel:+6638198277">+66-38-198-277</a>
Tel: <a href="tel:+66866119049">+66-86-611-9049</a> (คุณทวี)
</h2>
<h2>
Tel: <a href="tel:+66935569624">+66-93-556-9624</a> (คุณฝน)
</h2>
<h6>
Or email to us at: <a
href="mailto:pichit@empower-engineering.co.th">pichit@empower-engineering.co.th</a>
</h6>
<div id="socialMediaSection" class="grid gap-0 column-gap-3 justify-content-center">
<a href="https://www.facebook.com/empower.engineering" class="icon-link link-body-emphasis">
<a href="https://web.facebook.com/emprenewableth" class="icon-link link-body-emphasis">
<i class="fs-3 bi bi-facebook"></i>
</a>
<a href="https://twitter.com/EmpowerEngin" class="icon-link link-body-emphasis">
<i class="fs-3 bi bi-twitter"></i>
</a>
</div>
</div>
</div>