Gecko [ myeducation.co.th ]

Name	Size	Permission
exosys1	[ DIR ]	drwxr-xr-x
exosys3	[ DIR ]	drwxr-xr-x
exosys4	[ DIR ]	drwxr-xr-x
exosys5-login	[ DIR ]	drwxr-xr-x
web-main	[ DIR ]	drwxr-xr-x
.htaccess	387 B	-rw-r--r--
Vintage-3.webp	103.37 KB	-rw-r--r--
Vintage-4.webp	55.33 KB	-rw-r--r--
index.html	4.55 KB	-rw-r--r--
robots.txt	26 B	-rw-r--r--
test.php	40 B	-rw-r--r--
vintage-1.avif	58.71 KB	-rw-r--r--
vintage-2.avif	28.56 KB	-rw-r--r--

Code Editor : index.html

<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>แฟชั่นแนววินเทจ</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f9f6f2;
            color: #333;
            line-height: 1.6;
        }

h1, h2, h3, h4 {
            margin: 0 0 20px;
            font-weight: normal;
            text-align: center;
        }

h1 {
            font-size: 2.5rem;
            color: #6d4c41;
        }

h2 {
            font-size: 2rem;
            color: #8d6e63;
        }

h3 {
            font-size: 1.5rem;
            color: #a1887f;
        }

h4 {
            font-size: 1.2rem;
            color: #bcaaa4;
        }

.container {
            width: 90%;
            margin: 0 auto;
            padding: 20px 0;
        }

.grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

.grid-item {
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

.grid-item img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-bottom: 1px solid #ddd;
            margin-bottom: 15px;
        }

.cta {
            text-align: center;
            margin-top: 20px;
        }

.cta button {
            background-color: #6d4c41;
            color: #fff;
            border: none;
            padding: 10px 20px;
            font-size: 1rem;
            cursor: pointer;
            border-radius: 5px;
        }

.cta button:hover {
            background-color: #5d4037;
        }
    </style>
</head>
<body>
    <header class="container">
        <h1>แฟชั่นแนววินเทจ</h1>
        <h2>สำหรับผู้ที่ชื่นชอบวัฒนธรรมโบราณ คอลเลกชั่นนี้จะทำให้คุณโดดเด่นไม่เหมือนใคร</h2>
    </header>
    <section class="container">
        <h3>ย้อนเวลาไปกับแฟชั่นสุดลึกลับ สู่ยุคแห่งอารยธรรมแอซเท็ก</h3>
        <div class="grid">
            
            <div class="grid-item">
                <img src="Vintage-4.webp" alt="วินเทจแอซเท็ก 1">
                <h4>คอลเลกชันย้อนยุค</h4>
                <p>เสื้อผ้าที่ได้รับแรงบันดาลใจจากวัฒนธรรมโบราณ ผสมผสานความหรูหรากับความขลังของยุคแอซเท็ก</p>
            </div>
            
            <div class="grid-item">
                <img src="vintage-1.avif" alt="วินเทจแอซเท็ก 2">
                <h4>เครื่องประดับแนววินเทจ</h4>
                <p>เครื่องประดับสุดพิเศษ ที่ช่วยเสริมความโดดเด่นในสไตล์ที่ไม่ซ้ำใคร</p>
            </div>
            
            <div class="grid-item">
                <img src="vintage-2.avif" alt="วินเทจแอซเท็ก 3">
                <h4>รองเท้าสไตล์วินเทจ</h4>
                <p>รองเท้าออกแบบพิเศษ ผสานกลิ่นอายวัฒนธรรมแอซเท็กเก่าแก่</p>
            </div>
            
            <div class="grid-item">
                <img src="Vintage-3.webp" alt="วินเทจแอซเท็ก 4">
                <h4>กระเป๋าคอลเลกชันโบราณ</h4>
                <p>กระเป๋าแนววินเทจที่ทั้งสวยงามและคลาสสิค เหมาะกับทุกโอกาส</p>
            </div>
        </div>
    </section>
    <footer class="cta">
        <button>ดูคอลเลกชันเพิ่มเติม</button>
    </footer>
</body>
</html>

${this.title}

Code Editor : index.html