Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190902/u67319090029/aa/index.html
Arrière
<!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ม่อนแจ่ม สัมผัสธรรมชาติที่ไร้ขีดจำกัด</title> <link rel="stylesheet" href="style.css"> </head> <body> <!-- Header --> <header> <div class="logo"> <h1>ม่อนแจ่ม สัมผัสธรรมชาติที่ไร้ขีดจำกัด</h1> </div> <nav> <ul> <li><a href="#home">หน้าแรก</a></li> <li><a href="#tourist-info">ข้อมูลท่องเที่ยว</a></li> <li><a href="#accommodation">ที่พักและร้านอาหาร</a></li> <li><a href="#transport">การเดินทาง</a></li> <li><a href="#culture">วัฒนธรรมและประเพณี</a></li> <li><a href="#activities">กิจกรรมพิเศษ</a></li> <li><a href="#gallery">แกลอรีภาพ</a></li> <li><a href="#map">แผนที่</a></li> <li><a href="#contact">ติดต่อเรา</a></li> </ul> </nav> </header> <!-- Home Section --> <section id="home" class="hero"> <img src="mm.jpg" alt="โป่งแยง" class="hero-image"> <div class="hero-text"> <h2>ยินดีต้อนรับสู่โป่งแยง</h2> <p>สถานที่ท่องเที่ยวที่มีธรรมชาติและวัฒนธรรมที่น่าตื่นตาตื่นใจ พร้อมกิจกรรมมากมายที่รอคุณมาเยือน!</p> </div> </section> <!-- Tourist Information --> <section id="tourist-info" class="section"> <h2>ข้อมูลท่องเที่ยว</h2> <div class="tourist-info-content"> <p>โป่งแยงเป็นพื้นที่ท่องเที่ยวที่ตั้งอยู่ในจังหวัดเชียงใหม่ ประเทศไทย ซึ่งมีชื่อเสียงในด้านธรรมชาติที่สวยงามและวัฒนธรรมที่หลากหลาย เป็นสถานที่ที่นักท่องเที่ยวสามารถสัมผัสกับวิถีชีวิตของชนเผ่าพื้นเมือง และยังสามารถเพลิดเพลินกับกิจกรรมกลางแจ้งที่สนุกสนาน เช่น การเดินป่า การขี่จักรยานเสือภูเขา และกิจกรรมท้าทายต่าง ๆ ในธรรมชาติที่ยังคงความบริสุทธิ์</p> <img src="q.jpg" alt="ม่อนแจ่ม" class="tourist-image"> <img src="as.jpg" alt="ม่อนแจ่ม" class="tourist-image"> </div> </section> <!-- Accommodation and Restaurants --> <section id="accommodation" class="section"> <h2>ที่พักและร้านอาหาร</h2> <p>ที่พักในโป่งแยงมีทั้งโฮมสเตย์และรีสอร์ทที่พร้อมให้บริการนักท่องเที่ยว นอกจากนี้ยังมีร้านอาหารท้องถิ่นที่เสิร์ฟอาหารจานเด็ดจากวัตถุดิบสดใหม่จากท้องถิ่น คุณจะได้สัมผัสกับรสชาติที่ไม่เหมือนใคร</p> <ul> <li> <h3>ที่พัก: โฮมสเตย์โป่งแยง</h3> <p>โฮมสเตย์ที่ให้คุณได้สัมผัสกับชีวิตเรียบง่ายท่ามกลางธรรมชาติและได้รับการต้อนรับอย่างอบอุ่นจากเจ้าของบ้าน</p> <img src="ASD.jpg" alt="โฮมสเตย์โป่งแยง" class="accommodation-image"> </li> <li> <h3>ร้านอาหาร: ร้านอาหารท้องถิ่นโป่งแยง</h3> <p>ร้านอาหารท้องถิ่นของโป่งแยงเสิร์ฟอาหารจานเด็ดจากวัตถุดิบพื้นเมือง ไม่ว่าจะเป็นข้าวซอย ขนมจีนน้ำเงี้ยว หรือผัดไทยที่มีกลิ่นหอมเป็นเอกลักษณ์</p> <img src="zzz.jpg" alt="ร้านอาหารท้องถิ่น" class="accommodation-image"> </li> </ul> </section> <!-- Activities Section --> <section id="activities" class="section"> <h2>กิจกรรมพิเศษ</h2> <p>กิจกรรมต่างๆ ที่คุณไม่ควรพลาดในโป่งแยง รวมถึงกิจกรรมผจญภัยและกิจกรรมที่เหมาะสำหรับครอบครัวหรือการพักผ่อนในธรรมชาติ</p> <div class="activities"> <div class="activity-card"> <img src="qqq.jpg" alt="กิจกรรมสุดหวาดเสียว" class="activity-img"> <h3>ซิบไลน์ แอนด์ จังเกิ้ล โคสเตอร์</h3> <p>เพราะที่นี่เป็นจังเกิ้ลโคสเตอร์แห่งแรกในเมืองไทย ด้วยความน่าสนใจของเครื่องเล่นและกิจกรรมมากมายที่ โป่งแยง ซิบไลน์ แอนด์ จังเกิ้ล โคสเตอร์ ทำให้ดึงดูดผู้คนเข้าไปเปิดประสบการณ์สุดหวาดเสียว มันส์ ฟิน และสนุกสนาน กับเครื่องเล่นสไตล์แอดเวนเจอร์ที่นี่เลย!</p> </div> <div class="activity-card"> <img src="v.jpg" alt="กิจกรรมขี่จักรยาน" class="activity-img"> <h3>Jungle Bike จักรยานบนสลิง</h3> <p>ขี่จักรยานผ่านเส้นทางท่องเที่ยวที่สวยงามของโป่งแยง พบกับประสบการณ์ที่สุดพิเศษ ขี่จักรยานผ่านเส้นทางสลิงที่ท้าทายและเต็มไปด้วยทิวทัศน์ที่น่าตื่นตาตื่นใจ</p> </div> </div> </section> <!-- Gallery Section --> <section id="gallery" class="section"> <h2>แกลอรีภาพ</h2> <p>แกลอรีภาพนี้จะพาคุณไปชมความงามของโป่งแยง ไม่ว่าจะเป็นวิวธรรมชาติที่งดงาม หรือกิจกรรมต่าง ๆ ที่เกิดขึ้นในพื้นที่</p> <div class="gallery"> <img src="saa.jpg" alt="วิวโป่งแยง" class="gallery-item"> <img src="qwe.jpg" alt="น้ำตกโป่งแยง" class="gallery-item"> <img src="cs.jpg" alt="หมู่บ้านโป่งแยง" class="gallery-item"> </div> </section> <!-- Google Map Section --> <section id="map" class="section"> <h2>แผนที่</h2> <p>ดูแผนที่เพื่อค้นหาตำแหน่งของโป่งแยง และสถานที่ท่องเที่ยวต่างๆ ที่คุณสามารถเยี่ยมชมได้</p> <div class="map-container"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d75027.92019872609!2d98.78104667199918!3d18.887538313154874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30da40b3ca6d786d%3A0xf0ef5a33b86354a3!2z4LmC4Lib4LmI4LiH4LmB4Lii4LiHIOC4reC4s-C5gOC4oOC4reC5geC4oeC5iOC4o-C4tOC4oSDguYDguIrguLXguKLguIfguYPguKvguKHguYggNTAxODA!5e1!3m2!1sth!2sth!4v1738815982887!5m2!1sth!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>" </div> </section> <!-- Contact Section --> <section id="contact" class="section"> <h2>ติดต่อเรา</h2> <p>หากคุณมีคำถามหรือต้องการข้อมูลเพิ่มเติมเกี่ยวกับการท่องเที่ยวในโป่งแยง คุณสามารถติดต่อเราได้ที่นี่</p> <div class="contact-form-container"> <form action="your-form-handler.php" method="POST" class="contact-form"> <input type="text" name="name" placeholder="ชื่อของคุณ" required class="contact-input"> <input type="email" name="email" placeholder="อีเมลของคุณ" required class="contact-input"> <textarea name="message" placeholder="ข้อความ" required class="contact-textarea"></textarea> <button type="submit" class="contact-button">ส่งข้อความ</button> </form> </div> </section> <footer> <p>© 2025 โป่งแยง ท่องเที่ยว</p> </footer> <script src="script.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.21 |
proxy
|
phpinfo
|
Réglages