diff --git a/assets/css/style.css b/assets/css/style.css index ae232fa..9ae3c2d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -11,6 +11,9 @@ --light-nav-backdrop-color: #fafafa; --light-nav-shade-color: rgba(0, 0, 0, 0.12); --light-nav-darker-shade-color: rgba(0, 0, 0, 0.12); + --light-card-bg-color: #ffffff; + --light-card-fg-color: rgba(0, 0, 0, 0.8); + --light-card-shade-color: rgba(0, 0, 0, 0.07); --dark-bg: #242424; --dark-fg-color: #ffffff; @@ -19,7 +22,10 @@ --dark-nav-border-color: #ffffff; --dark-nav-backdrop-color: #242424; --dark-nav-shade-color: rgba(0, 0, 0, 0.36); - --dark-nav-darker-shade-color: rgba(0, 0, 0, 0.9); + --dark-nav-darker-shade-color: rgba(0, 0, 0, 0.9); + --dark-card-bg-color: rgba(255, 255, 255, 0.08); + --dark-card-fg-color: #ffffff; + --dark-card-shade-color: rgba(0, 0, 0, 0.36); } @font-face { @@ -45,7 +51,7 @@ html, body { box-sizing: border-box; } -h1, h2, h3, h4, h5 { +h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } @@ -67,6 +73,10 @@ header { color-scheme: dark; } +.text-bold { + font-weight: 600; +} + .nav { width: 100%; height: 50px; @@ -196,9 +206,52 @@ header { } .main-banner h1 { - font-size: calc(50px + .5vw); + font-size: calc(45px + .5vw); } .main-banner p { font-size: calc(12px + .5vw); +} + +.main-apps { + display: flex; + flex-direction: column; + text-align: center; + justify-items: center; +} + +.main-apps > #heading { + margin: 2rem 0 1rem 0; +} + +.app-grid { + display: grid; + align-items: center; + grid-template-columns: repeat(3, 1fr); + gap: 1rem; +} + +.app-grid__item { + display: flex; + flex-direction: row; + gap: 1rem; + align-items: center; + text-align: start; + + padding-block: .5rem; + padding-inline: .5rem 1rem; + max-width: fit-content; + cursor: pointer; + + color: light-dark(var(--light-card-fg-color), var(--dark-card-fg-color)); + background-color: light-dark(var(--light-card-bg-color), var(--dark-card-bg-color)); + box-shadow: 1px 1px 5px 0 light-dark(var(--light-card-shade-color), var(--dark-card-shade-color)); + text-decoration: none; + + border-radius: 1rem; +} + +.app-grid__item > img { + max-width: 100%; + height: 128px; } \ No newline at end of file diff --git a/assets/images/icons/apps/dateapp.png b/assets/images/icons/apps/dateapp.png new file mode 100644 index 0000000..7dc46d7 Binary files /dev/null and b/assets/images/icons/apps/dateapp.png differ diff --git a/index.html b/index.html index cac6709..7b5da69 100644 --- a/index.html +++ b/index.html @@ -46,8 +46,45 @@

Apps by WinsCloud

Discover amazing apps developed by me! (Win) and my friends.

-
+
+
+

Apps

+
+
+ + Date Calculator + +
+ Date Calculator +

+ App for calculating dates. +

+
+ + + + Runoff + +
+ Runoff +

+ Manage your startup apps and scripts! +

+
+ + + + Aekasarn + +
+ Aekasarn +

+ A full and complete PDF viewer. +

+
+ +
diff --git a/thingy.html b/thingy.html deleted file mode 100644 index 5768bb3..0000000 --- a/thingy.html +++ /dev/null @@ -1,212 +0,0 @@ -
- -
-
-

About Us

-
-
-
- -
-

ทีมงานมืออาชีพ

-

เรามีทีมงานมืออาชีพพร้อมด้วยประสบการณ์ในการติดตั้งระบบ Solar Rooftop มามากกว่า 10 ปี - พร้อมสำหรับการติดตั้งในสถานที่ต่างๆ

-
-
-
- -
-

อุปกรณ์คุณภาพ

-

เราใช้อุปกรณ์เช่น Inverter หรือ แผงโซล่าเซลล์ที่มีประสิทธิภาพสูงในราคาที่ย่อมเยา

-
-
-
- -
-

บริการดูแล

-

เรามีบริการหลังการติดตั้ง เช่น การติดตั้งระบบ Monitor Software - และบริการดูแลระบบและล้างแผงโซล่าเซลล์ 2 ปี - 2 ครั้งใน 1 ปี - พร้อมการรับประกัน 5 ปี

-
-
-
- -
-

Our Offers

- -
-
-

Single Phase Plans - ระบบไฟฟ้า 1 เฟส

- ทางบริษัทจะดำเนินการขออนุญาตขนานไฟกับการไฟฟ้าฯให้กับทางลูกค้า -
-
-
-
-
-

3.3 kW Plan

-
-
-

฿130,000*

- * ราคาไม่รวม VAT -
    -
  • สามารถลดค่าไฟได้ประมาณ 2,000 บาท / เดือน
    • -
  • สำหรับผู้ใช้ระบบไฟฟ้า 1 Phase
    • -
  • แผงโซล่าเซลล์ Tier 1 จำนวน 6 แผง
    • -
  • อินเวอร์เตอร์ Huawei 3kW
    • -
  • พื้นที่ติดตั้ง 15 ตารางเมตร
    • -
  • บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี
    • -
  • ประกันงานติดตั้ง 3 ปี
    • -
  • ฟรีสำรวจหน้างาน
    • -
-
-
-
-
-
-
-

5.5kW Plan

-
-
-

฿155,000*

- * ราคาไม่รวม VAT -
    -
  • สามารถลดค่าไฟได้ประมาณ 3,000 บาท / เดือน
    • -
  • สำหรับผู้ใช้ระบบไฟฟ้า 1 Phase
    • -
  • แผงโซล่าเซลล์ Tier 1 จำนวน 10 แผง
    • -
  • อินเวอร์เตอร์ Huawei 5kW
    • -
  • พื้นที่ติดตั้ง 22 ตารางเมตร
    • -
  • บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี
    • -
  • ประกันงานติดตั้ง 3 ปี
    • -
  • ฟรีสำรวจหน้างาน
    • -
-
-
-
-
-
-

Three Phase Plans - ระบบไฟฟ้า 3 เฟส

- ทางบริษัทจะดำเนินการขออนุญาตขนานไฟกับการไฟฟ้าฯให้กับทางลูกค้า -
-
-
-
-
-

5.5 kW Plan

-
-
-

฿165,000*

- * ราคาไม่รวม VAT -
    -
  • สามารถลดค่าไฟได้ประมาณ 3,000 บาท / เดือน
    • -
  • สำหรับผู้ใช้ระบบไฟฟ้า 3 Phase
    • -
  • แผงโซล่าเซลล์ Tier 1 จำนวน 10 แผง
    • -
  • อินเวอร์เตอร์ Huawei 5kW
    • -
  • พื้นที่ติดตั้ง 22 ตารางเมตร
    • -
  • บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี
    • -
  • ประกันงานติดตั้ง 3 ปี
    • -
  • ฟรีสำรวจหน้างาน
    • -
-
-
-
-
-
-
-

9.9kW Plan

-
-
-

฿260,000*

- * ราคาไม่รวม VAT -
    -
  • สามารถลดค่าไฟได้ประมาณ 6,000 บาท / เดือน
    • -
  • สำหรับผู้ใช้ระบบไฟฟ้า 3 Phase
    • -
  • แผงโซล่าเซลล์ Tier 1 จำนวน 18 แผง
    • -
  • อินเวอร์เตอร์ Huawei 10kW
    • -
  • พื้นที่ติดตั้ง 40 ตารางเมตร
    • -
  • บริการล้างแผงฟรี ปีละ 2 ครั้ง ในระยะเวลา 2 ปี
    • -
  • ประกันงานติดตั้ง 3 ปี
    • -
  • ฟรีสำรวจหน้างาน
    • -
-
-
-
-
-
-
- -
-

Gallery

-
-
-
-
- -
-
- -
-
-
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
-
-
-
- -
-
-
-

Get In Touch

- -

Interested in our work? Let us provide you with our experience in steel fabrication - for your next project.

- -
-

- Tel: +66-86-611-9049 (คุณทวี) -

-

- Tel: +66-93-556-9624 (คุณฝน) -

- -
- - - -
-
-
- -
-
-