fork download
copy 
  1. ```html
  2. <!DOCTYPE html>
  3. <html lang="th">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>PBALN888</title>
  7.     <style>
  8.         body {
  9.             font-family: Arial, sans-serif;
  10.             background-color: #f4f4f4;
  11.             margin: 0;
  12.             padding: 0;
  13.         }
  14.         header {
  15.             background-color: #333;
  16.             color: #fff;
  17.             padding: 20px;
  18.             text-align: center;
  19.         }
  20.         nav {
  21.             background-color: #444;
  22.             display: flex;
  23.             justify-content: center;
  24.         }
  25.         nav a {
  26.             color: #fff;
  27.             padding: 14px 20px;
  28.             text-decoration: none;
  29.             transition: background-color 0.3s;
  30.         }
  31.         nav a:hover {
  32.             background-color: #555;
  33.         }
  34.         main {
  35.             padding: 20px;
  36.             max-width: 1200px;
  37.             margin: auto;
  38.         }
  39.         section {
  40.             margin-bottom: 40px;
  41.         }
  42.         footer {
  43.             background-color: #333;
  44.             color: #fff;
  45.             text-align: center;
  46.             padding: 15px;
  47.             position: fixed;
  48.             width: 100%;
  49.             bottom: 0;
  50.         }
  51.     </style>
  52. </head>
  53. <body>
  54.     <header>
  55.         <h1>PBALN888</h1>
  56.         <p>เว็บไซต์ของคุณ</p>
  57.     </header>
  58.     <nav>
  59.         <a href="#home">หน้าแรก</a>
  60.         <a href="#about">เกี่ยวกับเรา</a>
  61.         <a href="#services">บริการ</a>
  62.         <a href="#contact">ติดต่อเรา</a>
  63.     </nav>
  64.     <main>
  65.         <section id="home">
  66.             <h2>ยินดีต้อนรับสู่ PBALN888</h2>
  67.             <p>นี่คือเว็บไซต์ตัวอย่าง สำหรับใช้งานและปรับแต่งเพิ่มเติมตามความต้องการของคุณ</p>
  68.         </section>
  69.         <section id="about">
  70.             <h2>เกี่ยวกับเรา</h2>
  71.             <p>เราคือทีมที่พัฒนาเว็บไซต์นี้เพื่อให้ข้อมูลและบริการที่ดีที่สุดแก่คุณ</p>
  72.         </section>
  73.         <section id="services">
  74.             <h2>บริการของเรา</h2>
  75.             <ul>
  76.                 <li>บริการที่ 1</li>
  77.                 <li>บริการที่ 2</li>
  78.                 <li>บริการที่ 3</li>
  79.             </ul>
  80.         </section>
  81.         <section id="contact">
  82.             <h2>ติดต่อเรา</h2>
  83.             <p>อีเมล: contact@pbaln888.com</p>
  84.             <p>โทรศัพท์: 012-345-6789</p>
  85.         </section>
  86.     </main>
  87.     <footer>
  88.         &copy; 202
  89. This message has been generated by Nova - download it for free:
  90. https://n...content-available-to-author-only...e.link/6oAA4z1TXFgwezw9A
Success #stdin #stdout 0.03s 25804KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
```html
<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <title>PBALN888</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 20px;
            text-align: center;
        }
        nav {
            background-color: #444;
            display: flex;
            justify-content: center;
        }
        nav a {
            color: #fff;
            padding: 14px 20px;
            text-decoration: none;
            transition: background-color 0.3s;
        }
        nav a:hover {
            background-color: #555;
        }
        main {
            padding: 20px;
            max-width: 1200px;
            margin: auto;
        }
        section {
            margin-bottom: 40px;
        }
        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 15px;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>PBALN888</h1>
        <p>เว็บไซต์ของคุณ</p>
    </header>
    <nav>
        <a href="#home">หน้าแรก</a>
        <a href="#about">เกี่ยวกับเรา</a>
        <a href="#services">บริการ</a>
        <a href="#contact">ติดต่อเรา</a>
    </nav>
    <main>
        <section id="home">
            <h2>ยินดีต้อนรับสู่ PBALN888</h2>
            <p>นี่คือเว็บไซต์ตัวอย่าง สำหรับใช้งานและปรับแต่งเพิ่มเติมตามความต้องการของคุณ</p>
        </section>
        <section id="about">
            <h2>เกี่ยวกับเรา</h2>
            <p>เราคือทีมที่พัฒนาเว็บไซต์นี้เพื่อให้ข้อมูลและบริการที่ดีที่สุดแก่คุณ</p>
        </section>
        <section id="services">
            <h2>บริการของเรา</h2>
            <ul>
                <li>บริการที่ 1</li>
                <li>บริการที่ 2</li>
                <li>บริการที่ 3</li>
            </ul>
        </section>
        <section id="contact">
            <h2>ติดต่อเรา</h2>
            <p>อีเมล: contact@pbaln888.com</p>
            <p>โทรศัพท์: 012-345-6789</p>
        </section>
    </main>
    <footer>
        &copy; 202
This message has been generated by Nova - download it for free:
https://n...content-available-to-author-only...e.link/6oAA4z1TXFgwezw9A
https://ideone.com/gI2RoY
language:
PHP (php 7.3.5)
created:
17 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!