| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
|
|
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Cabin:wght@600&display=swap" rel="stylesheet"> |
| <title >Freehost</title> |
| <style> |
| body { |
| font-family: 'Cabin', sans-serif; |
| margin: 0; |
| padding: 0; |
| background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%); |
| color: #2c3e50; |
| } |
| header { |
| text-align: center; |
| padding: 10px; |
| background-image: repeating-linear-gradient(135deg, rgb(0,0,0) 0px, rgb(0,0,0) 10px,transparent 10px, transparent 11px),repeating-linear-gradient(22.5deg, rgb(0,0,0) 0px, rgb(0,0,0) 10px,transparent 10px, transparent 11px),linear-gradient(90deg, hsl(194,74%,56%),hsl(266,74%,56%),hsl(338,74%,56%),hsl(50,74%,56%),hsl(122,74%,56%)); |
| color: #fff; |
| border-bottom-left-radius: 20px; |
| border-bottom-right-radius: 10px; |
| } |
| section { |
| max-width: 800px; |
| margin: 20px auto; |
| padding: 20px; |
| background-color: #fff; |
| border: 1px solid #bdc3c7; |
| border-radius: 10px; |
| } |
| title { |
| color: white; |
| font-size: xx-large; |
| } |
| h1 { |
| color: #1807aa; |
| font-family: 'Cabin', sans-serif; |
| font-size: 2em; |
| } |
| h2 { |
| color: black; |
| } |
| h3 { |
| color: white; |
| font-size: 68px; |
| padding: auto; |
| font-weight: bolder; |
| font-family: 'Cabin', sans-serif; |
| } |
| #navigateButton { |
| display: inline-block; |
| padding: 10px 20px; |
| margin-top: 10px; |
| background-color: black; |
| color: #fff; |
| text-decoration: none; |
| border-radius: 5px; |
| transition: background-color 0.3s; |
| } |
| #navigateButton:hover { |
| background-color: #2980b9; |
| color:white; |
| } |
| footer { |
| text-align: center; |
| padding: 10px; |
| background-image: repeating-linear-gradient(135deg, rgb(0,0,0) 0px, rgb(0,0,0) 10px,transparent 10px, transparent 11px),repeating-linear-gradient(22.5deg, rgb(0,0,0) 0px, rgb(0,0,0) 10px,transparent 10px, transparent 11px),linear-gradient(90deg, hsl(194,74%,56%),hsl(266,74%,56%),hsl(338,74%,56%),hsl(50,74%,56%),hsl(122,74%,56%)); |
| color: #fff; |
| border-top-left-radius: 10px; |
| border-top-right-radius: 10px; |
| } |
| |
| section p { |
| font-weight: bold; |
| font-family: 'Rubik', sans-serif; |
| } |
| </style> |
| </head> |
| <body> |
| <header> |
| <h3>Free Host</h3> |
| <h3 style="font-size: medium;">Host your own webpages for free!</h3> |
| </header> |
|
|
| <section> |
| <h2>About</h2> |
| <p> |
| <strong>Freehost is a useful tool that i spun off from another project that i contributed to that allows students to host their webpages and deploy their apps for free on the internet without having to pay for costly cloud computing or hosting charges</strong> |
| </p> |
| </section> |
|
|
| <section> |
| <h2>Documentation</h2> |
| <p> |
| <strong>To look at the Docs page of FastAPI click the button below |
| </p> |
| <p> |
| <a id="navigateButton">API Documentation</a> |
| <script> |
| document.getElementById('navigateButton').addEventListener('click', function() { |
| |
| var currentUrl = window.location.href; |
| |
| |
| var newUrl = currentUrl + 'docs'; |
| |
| |
| window.location.href = newUrl; |
| }); |
| </script> |
| </p> |
| </section> |
| <section> |
| <h2> Crediting and usage</h2> |
| <p> |
| <strong> If you wish to use Freehost in your own projects and credit me then feel free to link my <a href="https://github.com/Sankie005">Github</a> or <a href="https://linkedin.com/in/sankritya-rai-002a40261/">Linkedin</a> in your website footer |
| </p> |
|
|
| </section> |
|
|
| <footer> |
| <p>© 2023 Sankie005 on github</p> |
| </footer> |
| </body> |
| </html> |
