fork download
copy 
  1. <!DOCTYPE html>
  2. <html lang="th">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>CoinTrade Market</title>
  6.   <style>
  7.     body {
  8.       font-family: sans-serif;
  9.       background-color: #f5f7fa;
  10.       color: #333;
  11.       margin: 0;
  12.       padding: 0;
  13.     }
  14.     header {
  15.       background-color: #1b2a49;
  16.       color: white;
  17.       padding: 20px;
  18.       text-align: center;
  19.     }
  20.     h1 {
  21.       margin: 0;
  22.     }
  23.     .market-summary {
  24.       display: flex;
  25.       justify-content: space-around;
  26.       background-color: #fff;
  27.       padding: 20px;
  28.       border-bottom: 2px solid #eee;
  29.     }
  30.     .market-card {
  31.       background-color: #fefefe;
  32.       border: 1px solid #ddd;
  33.       border-radius: 8px;
  34.       padding: 15px;
  35.       width: 30%;
  36.     }
  37.     .market-card h2 {
  38.       margin: 0;
  39.       font-size: 20px;
  40.       color: #1b2a49;
  41.     }
  42.     .market-card p {
  43.       margin: 5px 0;
  44.     }
  45.     footer {
  46.       background-color: #1b2a49;
  47.       color: white;
  48.       text-align: center;
  49.       padding: 10px;
  50.       margin-top: 30px;
  51.     }
  52.   </style>
  53. </head>
  54. <body>
  55.  
  56. <header>
  57.   <h1>COINTRADE MARKET</h1>
  58.   <p>ระบบจำลองการซื้อขายเหรียญ</p>
  59. </header>
  60.  
  61. <section class="market-summary">
  62.   <div class="market-card">
  63.     <h2>MOF100</h2>
  64.     <p>ราคาปิด: 1,650 บาท</p>
  65.     <p>เปลี่ยนแปลง: +1.23%</p>
  66.     <p>ปริมาณซื้อขาย: 35 เหรียญ</p>
  67.   </div>
  68.   <div class="market-card">
  69.     <h2>RAMA10</h2>
  70.     <p>ราคาปิด: 1,270 บาท</p>
  71.     <p>เปลี่ยนแปลง: +5.83%</p>
  72.     <p>ปริมาณซื้อขาย: 20 เหรียญ</p>
  73.   </div>
  74.   <div class="market-card">
  75.     <h2>QUEEN</h2>
  76.     <p>ราคาปิด: 985 บาท</p>
  77.     <p>เปลี่ยนแปลง: +0.51%</p>
  78.     <p>ปริมาณซื้อขาย: 12 เหรียญ</p>
  79.   </div>
  80. </section>
  81.  
  82. <footer>
  83.   © 2025 CoinTrade Market | สร้างเพื่อการศึกษาจำลองระบบ
  84. </footer>
  85.  
  86. </body>
  87. </html>
Success #stdin #stdout 0.04s 25264KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!DOCTYPE html>
<html lang="th">
<head>
  <meta charset="UTF-8">
  <title>CoinTrade Market</title>
  <style>
    body {
      font-family: sans-serif;
      background-color: #f5f7fa;
      color: #333;
      margin: 0;
      padding: 0;
    }
    header {
      background-color: #1b2a49;
      color: white;
      padding: 20px;
      text-align: center;
    }
    h1 {
      margin: 0;
    }
    .market-summary {
      display: flex;
      justify-content: space-around;
      background-color: #fff;
      padding: 20px;
      border-bottom: 2px solid #eee;
    }
    .market-card {
      background-color: #fefefe;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 15px;
      width: 30%;
    }
    .market-card h2 {
      margin: 0;
      font-size: 20px;
      color: #1b2a49;
    }
    .market-card p {
      margin: 5px 0;
    }
    footer {
      background-color: #1b2a49;
      color: white;
      text-align: center;
      padding: 10px;
      margin-top: 30px;
    }
  </style>
</head>
<body>

<header>
  <h1>COINTRADE MARKET</h1>
  <p>ระบบจำลองการซื้อขายเหรียญ</p>
</header>

<section class="market-summary">
  <div class="market-card">
    <h2>MOF100</h2>
    <p>ราคาปิด: 1,650 บาท</p>
    <p>เปลี่ยนแปลง: +1.23%</p>
    <p>ปริมาณซื้อขาย: 35 เหรียญ</p>
  </div>
  <div class="market-card">
    <h2>RAMA10</h2>
    <p>ราคาปิด: 1,270 บาท</p>
    <p>เปลี่ยนแปลง: +5.83%</p>
    <p>ปริมาณซื้อขาย: 20 เหรียญ</p>
  </div>
  <div class="market-card">
    <h2>QUEEN</h2>
    <p>ราคาปิด: 985 บาท</p>
    <p>เปลี่ยนแปลง: +0.51%</p>
    <p>ปริมาณซื้อขาย: 12 เหรียญ</p>
  </div>
</section>

<footer>
  © 2025 CoinTrade Market | สร้างเพื่อการศึกษาจำลองระบบ
</footer>

</body>
</html>
https://ideone.com/PuO8xT
language:
PHP (php 7.3.5)
created:
2 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!