everything

This commit is contained in:
Win 2024-04-24 16:14:41 +07:00
parent 0f3b37efd0
commit 8533a9d6cc
3 changed files with 122 additions and 7 deletions

View File

@ -1,12 +1,12 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
html,
body {
font-family: "Inter", sans-serif;
font-family: "Noto Sans Thai", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "slnt" 0;
font-variation-settings:
"wdth" 100;
}
@media (min-width: 40em) {
@ -23,6 +23,15 @@ body {
background-color: #2f3448 !important;
}
.border-primary {
border-color: #2f3448 !important;
}
.list-group-item.active {
background-color: #2f3448 !important;
border-color: #2f3448 !important;
}
.bi {
margin-left: 10px;
margin-right: 10px;

View File

@ -137,6 +137,9 @@
<li class="nav-item">
<a class="nav-link" href="#serviceSection">Our Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#offerSection">Our Offers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallerySection">Gallery</a>
</li>

103
index.php
View File

@ -42,6 +42,109 @@ include_once("includes/header.php");
</div>
</div>
<div id="offerSection" class="container px-4">
<h2 class="pb-2 border-bottom">Our Offers</h2>
<div class="text-center">
<div class="pt-4 pb-4">
<h3>Single Phase Plans - ระบบไฟฟ้า 1 เฟส</h3>
<span>ทางบริษัทจะดำเนินการขออนุญาตขนานไฟกับการไฟฟ้าฯให้กับทางลูกค้า</span>
</div>
<div class="row row-cols-1 row-cols-lg-2 mb-3 text-center justify-content-center">
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">3.3 kW Plan</h4>
</div>
<div class="card-body">
<h1 class="display-4 fw-bold card-title pricing-card-title">฿130,000*</h1>
<span class="text-danger">* ราคาไม่รวม VAT</span>
<ul class="list-group mt-3 mb-3">
<li class="list-group-item active">สามารถลดค่าไฟได้ประมาณ <span class="fw-bold text-decoration-underline">2,000 บาท / เดือน</span></li>
<li class="list-group-item">สำหรับผู้ใช้ระบบไฟฟ้า 1 Phase</li>
<li class="list-group-item list-group-item-secondary">แผงโซล่าเซลล์ Tier 1 จำนวน 6 แผง</li>
<li class="list-group-item">อินเวอร์เตอร์ Huawei 3kW</li>
<li class="list-group-item list-group-item-secondary">พื้นที่ติดตั้ง 15 ตารางเมตร</li>
<li class="list-group-item">บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี</li>
<li class="list-group-item list-group-item-secondary">ประกันงานติดตั้ง 3 ปี</li>
<li class="list-group-item"><span class="fw-bold">ฟรีสำรวจหน้างาน</span></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm border-primary">
<div class="card-header py-3 text-bg-primary border-primary">
<h4 class="my-0 fw-normal">5.5kW Plan</h4>
</div>
<div class="card-body">
<h1 class="display-4 fw-bold card-title pricing-card-title">฿155,000*</h1>
<span class="text-danger">* ราคาไม่รวม VAT</span>
<ul class="list-group mt-3 mb-3">
<li class="list-group-item active">สามารถลดค่าไฟได้ประมาณ <span class="fw-bold text-decoration-underline">3,000 บาท / เดือน</span></li>
<li class="list-group-item">สำหรับผู้ใช้ระบบไฟฟ้า 1 Phase</li>
<li class="list-group-item list-group-item-secondary">แผงโซล่าเซลล์ Tier 1 จำนวน 10 แผง</li>
<li class="list-group-item">อินเวอร์เตอร์ Huawei 5kW</li>
<li class="list-group-item list-group-item-secondary">พื้นที่ติดตั้ง 22 ตารางเมตร</li>
<li class="list-group-item">บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี</li>
<li class="list-group-item list-group-item-secondary">ประกันงานติดตั้ง 3 ปี</li>
<li class="list-group-item"><span class="fw-bold">ฟรีสำรวจหน้างาน</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="pt-4 pb-4">
<h3>Three Phase Plans - ระบบไฟฟ้า 3 เฟส</h3>
<span>ทางบริษัทจะดำเนินการขออนุญาตขนานไฟกับการไฟฟ้าฯให้กับทางลูกค้า</span>
</div>
<div class="row row-cols-1 row-cols-lg-2 mb-3 text-center justify-content-center">
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm border-primary">
<div class="card-header py-3 text-bg-primary border-primary">
<h4 class="my-0 fw-normal">5.5 kW Plan</h4>
</div>
<div class="card-body">
<h1 class="display-4 fw-bold card-title pricing-card-title">฿165,000*</h1>
<span class="text-danger">* ราคาไม่รวม VAT</span>
<ul class="list-group mt-3 mb-3">
<li class="list-group-item active">สามารถลดค่าไฟได้ประมาณ <span class="fw-bold text-decoration-underline">3,000 บาท / เดือน</span></li>
<li class="list-group-item">สำหรับผู้ใช้ระบบไฟฟ้า 3 Phase</li>
<li class="list-group-item list-group-item-secondary">แผงโซล่าเซลล์ Tier 1 จำนวน 10 แผง</li>
<li class="list-group-item">อินเวอร์เตอร์ Huawei 5kW</li>
<li class="list-group-item list-group-item-secondary">พื้นที่ติดตั้ง 22 ตารางเมตร</li>
<li class="list-group-item">บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี</li>
<li class="list-group-item list-group-item-secondary">ประกันงานติดตั้ง 3 ปี</li>
<li class="list-group-item"><span class="fw-bold">ฟรีสำรวจหน้างาน</span></li>
</ul>
</div>
</div>
</div>
<div class="col">
<div class="card mb-4 rounded-3 shadow-sm">
<div class="card-header py-3">
<h4 class="my-0 fw-normal">9.9kW Plan</h4>
</div>
<div class="card-body">
<h1 class="display-4 fw-bold card-title pricing-card-title">฿260,000*</h1>
<span class="text-danger">* ราคาไม่รวม VAT</span>
<ul class="list-group mt-3 mb-3">
<li class="list-group-item active">สามารถลดค่าไฟได้ประมาณ <span class="fw-bold text-decoration-underline">6,000 บาท / เดือน</span></li>
<li class="list-group-item">สำหรับผู้ใช้ระบบไฟฟ้า 3 Phase</li>
<li class="list-group-item list-group-item-secondary">แผงโซล่าเซลล์ Tier 1 จำนวน 18 แผง</li>
<li class="list-group-item">อินเวอร์เตอร์ Huawei 10kW</li>
<li class="list-group-item list-group-item-secondary">พื้นที่ติดตั้ง 40 ตารางเมตร</li>
<li class="list-group-item">บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี</li>
<li class="list-group-item list-group-item-secondary">ประกันงานติดตั้ง 3 ปี</li>
<li class="list-group-item"><span class="fw-bold">ฟรีสำรวจหน้างาน</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="gallerySection" class="container px-4 py-4">
<h2 class="pb-2 border-bottom">Gallery</h2>
<div class="album">