Gecko [ myeducation.co.th ]

Name	Size	Permission
image	[ DIR ]	drwxr-xr-x
google1b6bfddec4c16353.html	53 B	-rw-r--r--
index.html	17.27 KB	-rw-r--r--

Code Editor : index.html

<!DOCTYPE html>
<html lang="th">

<title>TTT-WEBSITE Landing Page</title>
    <link rel="icon" href="/image/logo512.webp" type="image/webp">

<script>
        !function (e, t, n, s, u, a) {
            e.twq || (s = e.twq = function () {
                s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
            }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = 'https://static.ads-twitter.com/uwt.js',
                a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
        }(window, document, 'script');
        twq('config', 'otbqd');
    </script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-WKN5554E0F"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-WKN5554E0F');
</script>

<style>

a{
            text-decoration: none;
        }
        /* สีธีมหลัก */
        :root {
            --main-color: #FF6600;
            /* สีส้มหลัก */
            --main-hover: #e65c00;
            --background-color: #f5f5f5;
            --text-color: #333;
            --header-bg: #ffffff;
            --footer-bg: #333;
        }

body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: var(--background-color);
            color: var(--text-color);
        }

/* Floating LINE OA Button */
        .floating-line {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background: var(--main-color);
            padding: 10px 20px;
            border-radius: 8px;
            color: white;
            font-weight: bold;
            text-decoration: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
        }

.floating-line:hover {
            background: var(--main-hover);
        }

/* Header Section */
        header {
            display: flex;
            align-items: center;
            background: var(--header-bg);
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

header img.logo {
            width: 50px;
            margin-right: 15px;
            border-radius: 8px;
        }

header h1 {
            font-size: 2rem;
            margin: 0;
            color: var(--main-color);
        }

header h2 {
            font-size: 1rem;
            color: #555;
            margin: 0;
        }

/* Slider Section */
        .slider {
            max-width: 100%;
            overflow: hidden;
            position: relative;
            margin-top: 20px;
        }

.slider img {
            display: none;
            width: 100%;
            height: auto;
        }

.slider img.active {
            display: block;
        }

/* Grid Layout for Packages */
        .grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 15px;
        }

.grid-item {
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            text-align: center;
            padding: 20px;
        }

.grid-item img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 10px;
        }

.grid-item h3 {
            color: var(--main-color);
            margin-bottom: 10px;
        }

/* Highlight Sections */
        .highlight {
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 20px;
        }

.highlight h3 {
            color: var(--main-color);
            margin-bottom: 10px;
        }

.highlight h4 {
            margin-bottom: 8px;
            color: #333;
        }

.highlight p {
            line-height: 1.6em;
            margin-bottom: 20px;
        }

.highlight img {
            max-width: 100%;
            border-radius: 5px;
            margin-bottom: 20px;
            height: auto;
            display: block;
        }

/* Footer */
        footer {
            background: var(--footer-bg);
            color: white;
            text-align: center;
            padding: 20px;
            margin-top: 20px;
        }

footer p {
            margin: 5px 0;
        }

/* Responsive Design */
        @media (max-width: 768px) {
            .grid {
                grid-template-columns: 1fr;
            }

header h1 {
                font-size: 1.5rem;
            }
        }
    </style>
</head>

<header>
        <img src="/image/logo512.webp" alt="Logo" class="logo">
        <div>
            <h1>TTT-WEBSITE</h1>
            <h2>บริการทำเว็บไซต์ที่คุ้มค่า - SEO & Content Marketing</h2>
        </div>
    </header>

<section class="slider">
        <img src="/image/demo-sl-1.webp" class="active" alt="สไลด์ 1">
        <img src="/image/demo-sl-2.webp" alt="สไลด์ 2">
        <img src="/image/demo-sl-3.webp" alt="สไลด์ 3">
        <img src="/image/demo-sl-4.webp" alt="สไลด์ 4">
        <img src="/image/demo-sl-5.webp" alt="สไลด์ 5">
    </section>

<section class="grid">
        <div class="grid-item">
            <a href="https://ttt-website.com/">
                <img src="/image/T1.webp" alt="แพคเกจ T1">
                <h3>แพคเกจ T-1 (5,900 บาท)</h3>
                <p>เว็บไซต์เริ่มต้น รองรับมือถือ เมนู 5 รายการ พื้นที่ 2GB</p>
            </a>
        </div>
        <div class="grid-item">
            <a href="https://ttt-website.com/">
            <img src="/image/T2.webp" alt="แพคเกจ T2">
            <h3>แพคเกจ T-2 (9,900 บาท)</h3>
            <p>ออกแบบเว็บไซต์ใหม่ทั้งหมด เมนู 10 รายการ บริการจดโดเมนให้ฟรี </p>
            </a>
        </div>
        <div class="grid-item">
            <a href="https://ttt-website.com/wordpress/">
            <img src="/image/T3.webp" alt="แพคเกจ T3">
            <h3>แพคเกจ T-3 (14,900 บาท)</h3>
            <p>เว็บไซต์รองรับทุกธุรกิจ เมนู 15 รายการ ไม่จำกัดหน้าเว็บไซต์</p>
            </a>
        </div>
        <div class="grid-item">
            <a href="https://seo.rampagesoft.com/">
            <img src="/image/seo1.webp" alt="แพคเกจ SEO">
            <h3>บริการเสริมพิเศษ</h3>
            <p>บริการรับทำ SEO , Content Writing, ระบบ CRM พร้อมวางกลยุทธ์การตลาด</p>
        </a>
        </div>
    </section>

<section class="grid">
        <div class="highlight">
            <img src="/image/TTT-WEBSITE-Demo-1.webp" alt="ตัวอย่างเว็บไซต์ 1">
            <h3>บริการ รับทำเว็บไซต์</h3>
            <h4>เพิ่มโอกาสทางธุรกิจด้วยเว็บไซต์มืออาชีพ</h4>
            <p>เราให้บริการรับทำเว็บไซต์ทุกประเภท ไม่ว่าจะเป็น เว็บไซต์ธุรกิจ องค์กร ร้านค้าออนไลน์
                หรือเว็บไซต์เพื่อโปรโมทธุรกิจส่วนตัวในราคาเข้าถึงได้ พร้อมออกแบบ UI/UX ที่สวยงาม ดึงดูดลูกค้า
                และใช้งานง่าย รองรับทุกอุปกรณ์</p>
            <p>บริการรับทำเว็บไซต์ของเรามีแพ็กเกจหลากหลาย ตั้งแต่ระดับเริ่มต้นไปจนถึงแพ็กเกจที่ครบครันทุกฟังก์ชัน
                เพื่อให้ตรงกับความต้องการของคุณ ไม่ว่าจะเป็นแพ็กเกจ 5,900 / 9,900 / 14,900 / 19,900 บาท
                พร้อมดูแลตลอดอายุการใช้งาน</p>
        </div>

<div class="highlight">
            <img src="/image/TTT-WEBSITE-Demo-2.webp" alt="ตัวอย่างเว็บไซต์ 2">
            <h3>Content Marketing และ SEO คุณภาพสูง</h3>
            <h4>สร้างคอนเทนต์และทำอันดับ SEO สู่หน้าแรก</h4>
            <p>เรามีบริการด้าน Content Marketing สร้างสรรค์บทความคุณภาพสูง เน้น Keyword อย่างถูกต้อง ปรับแต่ง On-Page
                SEO และสร้าง Backlink คุณภาพ เพื่อเพิ่มโอกาสที่เว็บไซต์ของคุณจะติดอันดับหน้าแรก Google</p>
            <p>นอกจากนี้เรายังให้คำปรึกษาเกี่ยวกับการตลาดออนไลน์ การเลือกใช้คีย์เวิร์ด การวิเคราะห์คู่แข่ง
                และการสร้างแบรนด์บนโลกดิจิทัล เพื่อให้ธุรกิจของคุณก้าวสู่ความสำเร็จอย่างมั่นคง</p>
        </div>
    </section>

<section class="grid">
        <div class="highlight">
            <img src="/image/TTT-WEBSITE-Demo-3.webp" alt="ตัวอย่างเว็บไซต์ 3">
            <h3>บริการทำเว็บไซต์ที่คุ้มค่า</h3>
            <h4>ราคาที่จ่ายครั้งเดียวจบ ไม่มีบวกเพิ่ม</h4>
            <p>เรามุ่งมั่นที่จะให้บริการสร้างเว็บไซต์ที่คุ้มค่าที่สุดกับคุณ โดยการเสนอแพ็คเกจหลากหลาย
                ไม่ว่าจะเป็นเว็บไซต์สำเร็จรูปพร้อมใช้ หรือจะปรับแต่งดีไซน์และฟังก์ชันพิเศษตามความต้องการของลูกค้า</p>
            <p>ค่าบริการของเราเริ่มต้นที่ 5,900 บาท จ่ายครั้งเดียวจบ ไม่มีค่าบริการแอบแฝง
                และยังมีแพ็กเกจรองรับธุรกิจที่ต้องการขยายตัว รองรับมือถือ รองรับการทำโฆษณาออนไลน์ และฟังก์ชันเสริมต่างๆ
                มากมาย</p>
        </div>

<div class="highlight">
            <img src="/image/demo-website-5.webp" alt="ตัวอย่างเว็บไซต์ 4">
            <h3>ตัวอย่างผลงาน & บริการเสริม</h3>
            <h4>เว็บไซต์ธุรกิจ องค์กร ร้านค้าออนไลน์</h4>
            <p>เราเคยสร้างเว็บไซต์ให้กับธุรกิจหลากหลายประเภท ทั้งจำหน่ายวัสดุอุปกรณ์, ธุรกิจโรงงานน้ำแข็ง, บริการบัญชี,
                ธุรกิจท่องเที่ยวเช่ารถตู้, ผลิตภัณฑ์วิตามิน, ผ้าม่านตกแต่งภายใน, ธุรกิจขนส่งสินค้าแช่เย็น,
                โรงเรียนสอนทำอาหาร และธุรกิจด้านการเงิน</p>
            <p>บริการเสริมของเรายังรวมถึงระบบหลังบ้าน (CMS) ที่จัดการง่าย, ระบบ CRM, ปรับแต่งความเร็วเว็บไซต์,
                รองรับหลายภาษา, ฟอร์มติดต่อ, Google Captcha ป้องกัน Spam และการวางแผนเชิงกลยุทธ์ทางการตลาดออนไลน์</p>
        </div>
    </section>

<section class="grid">
        <div class="highlight">
            <h3>แพ็คเกจเว็บไซต์ที่เราแนะนำ</h3>
            <h4>เลือกแพ็คเกจที่เหมาะกับธุรกิจของคุณ</h4>
            <p><strong>T-1 (5,900 บาท):</strong> เว็บไซต์เริ่มต้น รองรับมือถือ เมนู 5 รายการ พื้นที่ 2GB
                และลงข้อมูลไม่จำกัดหน้า</p>
            <p><strong>T-2 (9,900 บาท):</strong> เหมาะกับธุรกิจที่ต้องการฟังก์ชันเพิ่มเติม เมนู 10 รายการ พื้นที่ 10GB
                พร้อมออกแบบใหม่ทั้งหมด</p>
            <p><strong>T-3 (14,900 บาท):</strong> รองรับมือถือ เมนู 15 รายการ พร้อมฟังก์ชันส่งข้อมูลแบบฟอร์ม ติดต่อสู่
                E-mail โดยตรง</p>
            <p><strong>T-4 (19,900 บาท):</strong> เว็บไซต์ครบครัน เมนู 25 รายการ พื้นที่ 28GB ฟังก์ชัน Content Writing 4
                Content และ Support เครื่องมือ Marketing</p>
        </div>

<div class="highlight">
            <h3>บริการ SEO & Analytics</h3>
            <h4>นำเว็บไซต์คุณสู่หน้าแรก Google</h4>
            <p>ด้วยบริการ SEO ของเรา เราจะวิเคราะห์คีย์เวิร์ด ปรับแต่ง On-Page & Off-Page SEO และใช้ Content Marketing
                คุณภาพสูง เพื่อผลักดันเว็บไซต์ให้ติดอันดับการค้นหา เพิ่มยอดผู้ชม และขยายโอกาสทางธุรกิจ</p>
            <p>นอกจากนี้ เรายังรองรับเครื่องมือ Analytics & Marketing Tools เพื่อวัดผล วางกลยุทธ์
                และปรับปรุงแผนการตลาดออนไลน์ให้มีประสิทธิภาพสูงสุด</p>
        </div>
    </section>

</html>

${this.title}

Code Editor : index.html