page.php

<link rel="stylesheet" href="page.css " 
crossorigin="anonymous" referrerpolicy="no-referrer" />

<div class="container bg">
  <div class="navBar">
    <div class="logo">
      <a href="#">
        <i class="fas fa-suitcase-rolling"></i>
      </a>
    </div>
    <ul>
      <li><a href="#">Homepage</a></li>
      <li><a href="#">Webboard</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
    <ul class="log-in">
       <li><a href="login.php">Sign In</a></li>
  </div>

  <div class="content">
    <div class="phuket" style="width:50%;">
      <div class="tnx">
        <h2><i class="fas fa-map-marker-alt"></i> Thailand</h2>
      </div>
      <div class="txt">
        <h1>Loy Krathong Festival</h1>
      </div>
      <p>วันลอยกระทง เป็นเทศกาลของกลุ่มชาติพันธุ์ไทตะวันออกเฉียงใต้รวมทั้งประเทศไทย ตรงกับวันขึ้น 15 ค่ำ เดือน 12 ตามปฏิทินจันทรคติไทย ประเพณีนี้กำหนดขึ้นเพื่อเป็นการสะเดาะเคราะห์และขอขมาต่อพระแม่คงคาซึ่งเป็นเทวดาในคติฮินดู แต่เทศกาลนี้มีร่องรอยหลักฐานย้อนไปถึงจีนและอินเดียโบราณ
            ในประเทศไทยมีชื่อเรียกว่าลอยกระทง ส่วนประเทศอื่น ๆ มีชื่อเรียกแตกต่างกัน โดยประเทศพม่ามีชื่อว่า "เทศกาลตาซองได", ประเทศศรีลังกามีชื่อว่า "Il Full Moon Poya" และประเทศจีนมีชื่อว่า "เทศกาลโคมไฟ</p>
    </div>
    

    <div class="card" style="width:50%;">
      <a href="https://www.google.com/" target="_blank">
        <div class="box1">
          <h2>ภาคใต้</h2>
        </div>
      </a>
      <a href="https://www.google.com/" target="_blank">
        <div class="box2">
          <h2>ภาคกลาง</h2>
        </div>
      </a>
      <a href="https://www.google.com/" target="_blank">
        <div class="box3">
          <h2>ภาคอีสาน</h2>
        </div>
      </a>
      <a href="https://www.google.com/" target="_blank">
        <div class="box4">
          <h2>ภาคเหนือ</h2>
        </div>
      </a>
      <!--       <div class="box2">
        <h2>Island</h2>
      </div>
      <div class="box3">
        <h2>Mountain</h2>
      </div>
      <div class="box4">
        <h2>Scenery</h2>
      </div> -->
    </div>
  </div>

</div>