8

thomaslimfc · Oct 25, 2024 · d1186c9 · d1186c9
1 parent fdd973a
commit d1186c9
Show file tree

Hide file tree

Showing 18 changed files with 122 additions and 31 deletions.
diff --git a/about-us.html b/about-us.html
@@ -65,7 +65,7 @@ <h1 class="display-6 fw-normal">
                     alt="Thomas Cheapsoft Technology" 
                     style="margin-bottom: 18px;">
                 <h3 class="fs-5 highlightNone"
-                    style="color: #d9a21b">
+                    style="color: #d9a21b;">
                     Speedy | Reliable | Affordable 
                 </h3>
 

diff --git a/images/abb-logo.png b/images/abb-logo.png
diff --git a/images/amp-logo.png b/images/amp-logo.png
diff --git a/images/amp.png b/images/amp.png
diff --git a/images/autonics-logo.png b/images/autonics-logo.png
diff --git a/images/chint-logo.png b/images/chint-logo.png
diff --git a/images/cikachi-logo.png b/images/cikachi-logo.png
diff --git a/images/delixi-logo.png b/images/delixi-logo.png
diff --git a/images/delta-logo.png b/images/delta-logo.png
diff --git a/images/dhc-logo.png b/images/dhc-logo.png
diff --git a/images/inovance-logo.png b/images/inovance-logo.png
diff --git a/images/meanwell-logo.png b/images/meanwell-logo.png
diff --git a/images/omron-logo.png b/images/omron-logo.png
diff --git a/images/siemens-logo.png b/images/siemens-logo.png
diff --git a/images/xinje-logo.png b/images/xinje-logo.png
diff --git a/index.html b/index.html
@@ -51,19 +51,115 @@
     <br class="highlightNone">
 
     <body>
-        <!-- TITLE -->
-        <div class="pageTitle_description_div">
+        <!-- INTRO -->
+        <div>
             <center>
-                <h1 class="display-6 fw-normal">Delivery & Courier Services</h1>
+                <h1 class="display-6 fw-normal">
+                    Your One-Stop Solution for
+                    <h1 style="font-weight: bolder;">Industrial Machinery Automation Parts</h1>
+                </h1>
+                <p class="fs-5 text-muted">We are seeking long-term partnerships with company buyers. Could that be you?</p>
+            </center>
+        </div>
+        <br class="highlightNone">
+
+        <hr>
+
+        <div>
+            <center>
+                <h1 class="display-6 fw-normal">
+                    Your Premier Specialist & Trusted Partner
+                </h1>
+                <p class="fs-5 text-muted">for Sourcing Industrial Electronic Components</p>
             </center>
+        </div>
+        <br class="highlightNone">
+
+        <hr>
+
+        <div>
             <center>
+                <h1 class="display-6 fw-normal">
+                    Expertly Sourced Components, Perfectly Tailored to Your Needs
+                </h1>
+                <p class="fs-5 text-muted">Request a Quote Anytime
+                    <br> Our Team is On Standby, Prepared to Serve You.</p>
+            </center>
+        </div>
+        <br class="highlightNone">
+
+        <hr>
+
+        <!-- BRAND -->
+        <div>
+            <center>
+                <h1 class="display-6 fw-normal">Product Brands</h1>
+
+                <p class="fs-5 text-muted">We are dedicated to sourcing quality products from reputable brands to meet your needs and expectations.</p>
+            </center>
+
+            <div class="productBrandsLogo">
+                <div>
+                    <img src="images/omron-logo.png" alt="Omron" title="Omron">
+                </div>
+                <div>
+                    <img src="images/autonics-logo.png" alt="Autonics" title="Autonics">
+                </div>
+                <div>
+                    <img src="images/amp-logo.png" alt="Amp" title="Amp">
+                </div>
+                <div>
+                    <img src="images/chint-logo.png" alt="Chint" title="Chint">
+                </div>                 
+
+
+                <div>
+                    <img src="images/xinje-logo.png" alt="Xinje" title="Xinje">
+                </div>
+                <div>
+                    <img src="images/delixi-logo.png" alt="Delixi" title="Delixi">
+                </div>
+                <div>
+                    <img src="images/dhc-logo.png" alt="Dhc" title="Dhc">
+                </div>
+                <div>
+                    <img src="images/delta-logo.png" alt="Delta" title="Delta">
+                </div>
+                <div>
+                    <img src="images/inovance-logo.png" alt="Inovance" title="Inovance">
+                </div>       
+                <div>
+                    <img src="images/meanwell-logo.png" alt="Mean Well" title="Mean Well">
+                </div>    
+                <div>
+                    <img src="images/siemens-logo.png" alt="Siemens" title="Siemens">
+                </div>
+                <div>
+                    <img src="images/abb-logo.png" alt="Abb" title="Abb">
+                </div>                   
+                <div>
+                    <img src="images/cikachi-logo.png" alt="Cikachi" title="Cikachi">
+                </div>
+
+            </div>
+        </div>
+        <br class="highlightNone">
+
+
+        <br class="highlightNone">
+        <hr>
+
+        <!-- DELIVERY & COURIER SERVICES -->
+        <div class="pageTitle_description_div">
+            <center>
+                <h1 class="display-6 fw-normal">Delivery & Courier Services</h1>
+
                 <p class="fs-5 text-muted">We aim to ship your orders as quickly as possible to strengthen your confidence and trust in us.</p>
             </center>    
         </div>
-    
+
         <br class="highlightNone">
 
-        <!-- THEME PICTURE -->
         <center>
             <img src="images/tct-delivery-man.png" alt="TCT Delivery & Courier Services" height="200px">
         </center>
@@ -104,30 +200,7 @@ <h4 class="my-0 fw-normal text-light">Shopee Platform</h4>
                     </div>
                 </div>
             </div>
-
-            <!-- LAZADA PLATFORM -->
-            <!-- Uncomment the Lazada section if needed -->
-            <!-- 
-            <div class="col mb-4 d-flex justify-content-center">
-                <div class="card rounded-3 shadow-sm" style="width: 18rem;">
-                    <div class="card-header py-3 text-bg-success border-primary">
-                        <h4 class="my-0 fw-normal text-light">Lazada Platform</h4>
-                    </div>
-                    <div class="card-body text-center">
-                        <img src="images/lazada-logo.png" alt="Omron" height="100px">
-                        <br class="highlightNone">
-                        <p>
-                            LEL Express (LEX)<br class="highlightNone">
-                            J&T Express<br class="highlightNone">
-                            NinjaVan<br class="highlightNone">
-                            Pos Laju
-                        </p>
-                        <a href="https://lazada.com.my/shop/tct-penang" type="button" class="w-100 btn btn-lg btn-outline-success" target="_blank">Shop now</a>
-                    </div>
-                </div>
-            </div>
-            -->
-        </div>        
+        </div>
     </body>
 
     <footer class="py-3 my-4">

diff --git a/services.html b/services.html
@@ -131,7 +131,7 @@ <h4 class="my-0 fw-normal text-light">Computer Software</h4>
                         <h5 class="my-0 fw-normal text-light">Installation Services</h5>
                     </div>
                     <div class="card-body">
-                        <img src="images/tct-logo-2480-1395.png" alt="Online Remote Software Installation" height="100px">
+                        <img src="images/tct-full-logo-blue-bg.png" alt="Online Remote Software Installation" height="100px">
                         <br class="highlightNone"><br class="highlightNone">
                         <h5 class="subtitle_h5">Windows Software</h5>
                         <table class="border_table">

diff --git a/style_tct.css b/style_tct.css
@@ -44,6 +44,24 @@ hr {
     transform: scale(1.05);
 }
 
+.productBrandsLogo {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    flex-wrap: wrap;
+    padding: 20px;
+    margin-left: 5%;
+    margin-right: 5%;
+}
+.productBrandsLogo img {
+    width: 180px;
+    height: auto;
+}
+.productBrandsLogo > div {
+    padding-right: 100px;
+}
+
 #yt-logo-header {
     padding-right: 28px;
 }