diff options
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..13a590e --- /dev/null +++ b/src/index.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="styles/style.css"> + <link href="styles/css/fontawesome.css" rel="stylesheet"> + <link href="styles/css/brands.css" rel="stylesheet"> + <link href="styles/css/solid.css" rel="stylesheet"> + <link rel="icon" href="images/favicon.png"> + <title>OpenQuran</title> +</head> + +<body onload="load()"> + <script src="scripts/window-buttons.js" defer></script> + <script src="scripts/sura-list.js" defer></script> + + <div class="navbar"> + <a href="#" style="text-decoration: none;"> + <div class="navbar-logo"> + <img src="images/favicon.png" alt="" class="navbar-logo-img"> + <p class="navbar-logo-txt"><b>OpenQuran</b></p> + </div> + </a> + <div class="navbar-middle"></div> + <div class="window-button-container"> + <button class="window-button" id="minimize"> + <i class="fa-solid fa-minus"></i> + </button> + </div> + <div class="window-button-container" id="maximize"> + <button class="window-button" style="display: grid; place-items: center;"> + <img src="images/maximize.png" alt="" style="width: 12px;"> + </button> + </div> + <div class="window-button-container" style="margin-right: 15px"> + <button onclick="window.top.close()" class="window-button"> + <i class="fa-solid fa-xmark"></i> + </button> + </div> + </div> + <div class="sidebar-links"> + <a href="attribution.html" class="link">Attribution</a> + </div> + <div id="main-container"> + <div class="main height-no-scroll" style="margin-left: 0; border-radius: 0;"> + <div class="scroll main-content-padding"> + <div style="max-width: 1200px; margin-left: auto; margin-right: auto;"> + <h1 id="header" class="title" style="text-align: center;">Sura List</h1> + <hr style="margin-top: 20px; height: 2px; background-color: black; border: none;"> + <div id="main"> + <ul style="list-style-type: none; padding: 0; margin: 0; column-count: auto; column-width: 400px; column-gap: 0;" id="sura-ul"> + </ul> + </div> + </div> + </div> + </div> + </div>= +</body> + +</html>
\ No newline at end of file |