| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Website URL Index</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; |
| } |
| .container { |
| max-width: 1200px; |
| margin: 20px auto; |
| padding: 20px; |
| background-color: #fff; |
| border-radius: 8px; |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); |
| } |
| ul { |
| list-style: none; |
| padding: 0; |
| } |
| li { |
| margin: 10px 0; |
| } |
| a { |
| text-decoration: none; |
| color: #007BFF; |
| font-size: 18px; |
| } |
| a:hover { |
| text-decoration: underline; |
| } |
| footer { |
| background-color: #333; |
| color: #fff; |
| text-align: center; |
| padding: 10px; |
| position: fixed; |
| width: 100%; |
| bottom: 0; |
| } |
| </style> |
| </head> |
| <body> |
|
|
| <header> |
| <h1>Website URL Index Lister</h1> |
| <p>A simple index of all your website links</p> |
| </header> |
|
|
| <div class="container"> |
| <h2>My Website Links</h2> |
| <ul id="url-list"></ul> |
| </div> |
|
|
| <footer> |
| <p>© 2025 Your Name. All Rights Reserved.</p> |
| </footer> |
|
|
| <script> |
| |
| const urls = [ |
| { name: "Example Website 1", url: "https://abeea-invite.static.hf.space/index.html" }, |
| { name: "Example Website 2", url: "https://cometwaley.great-site.net/?i=1" }, |
| { name: "Example Website 3", url: "https://Abdfah-Blog.static.hf.space/index.html" }, |
| { name: "Example Website 4", url: "http://rahatblogs.page.gd/" }, |
| { name: "Example Website 5", url: "http://parse.gt.tc/" }, |
| { name: "Example Website 6", url: "https://www.example2.com" }, |
| |
| |
| ]; |
| |
| |
| const urlListElement = document.getElementById('url-list'); |
| |
| urls.forEach(url => { |
| const listItem = document.createElement('li'); |
| const link = document.createElement('a'); |
| link.href = url.url; |
| link.target = "_blank"; |
| link.textContent = url.name; |
| listItem.appendChild(link); |
| urlListElement.appendChild(listItem); |
| }); |
| </script> |
|
|
| </body> |
| </html> |
