index.html

<!DOCTYPE html>
<html dir="rtl">
  <head>
    <title>الصفحة الرئيسية</title>
    <!-- The description is not directly visible on the page. But it can show up in certain places like search engines. Probably unnecessary for most pages in your blog. -->
    <meta name="description" content="Zonelets is a scrappy blogging workflow designed to encourage creative fun on the internet!">
    <!-- This specifies the favicon (little icon on the browser tab) -->
    <link rel="icon" href="./images/favicon.png" type="image/x-icon"/>
    <!-- This helps our site look consistent across devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8"> 
    <!-- Here's the link to our CSS stylesheet! -->
    <link href="./style/style.css" rel="stylesheet" type="text/css" media="all">
  </head>
  <body>
    <div id="container">
    <div id="header">هذا الموقع يتطلب لغة JavaScript</div>
    <div id="content">
      <p>المقالات والملاحظات</p>
      
      <div id="recentpostlistdiv"></div>
      
    </div> <!-- end of div id="content" -->
    <div id="footer"></div>
    </div> <!-- end of div id="container" -->    
  <!-- Here's the link to our JavaScript! -->
  <script src="./script.js"></script>
  </body>
</html>