Created
September 1, 2022 06:50
-
-
Save tas33n/194f6a1f605b86aae9903f9fee0a38e1 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| A simple responsive App Download page. | |
| Author : tas33n http://github.com/tas33n | |
| --> | |
| <!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"> | |
| <title>Mr. Bomber</title> | |
| <style> | |
| body { | |
| /* padding-top: 50px; */ | |
| background-color: black; | |
| } | |
| #home { | |
| background-image: url("http://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-181404.jpg"); | |
| text-align: center; | |
| font-family: Mono; | |
| text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); | |
| background-position: center center; | |
| background-attachment: fixed; | |
| background-size: cover; | |
| /* min-height: 100vh; */ | |
| color: white; | |
| } | |
| .titles { | |
| margin-top: 200px; | |
| font-size: 80px; | |
| } | |
| .subTitles { | |
| font-style: italic; | |
| } | |
| .mainBtn { | |
| margin-top: 25px; | |
| min-width: 400px; | |
| padding: 15px; | |
| border-radius: 19px; | |
| font-size: 18px; | |
| cursor: pointer; | |
| margin-top: 25px; | |
| color: black; | |
| -webkit-box-shadow: 10px 10px 39px -3px rgba(0, 0, 0, 0.75); | |
| -moz-box-shadow: 10px 10px 39px -3px rgba(0, 0, 0, 0.75); | |
| box-shadow: 10px 10px 39px -3px rgba(0, 0, 0, 0.75); | |
| } | |
| .app:hover { | |
| color: white !important; | |
| transition-duration: 0.5s !important; | |
| } | |
| .app:hover { | |
| background-color: #0B243B !important; | |
| } | |
| .divBtns { | |
| text-align: center; | |
| margin-bottom: 20px; | |
| } | |
| #pageFoot { | |
| padding: 15px; | |
| text-align: center; | |
| position: fixed; | |
| left: 0; | |
| right: 0; | |
| bottom: 1px; | |
| } | |
| .footText { | |
| color: #BDBDBD !important; | |
| } | |
| @media screen and (max-width: 568px) { | |
| #home { | |
| margin-top: 60%; | |
| } | |
| .titles { | |
| font-size: 27px; | |
| margin-top: 100px; | |
| } | |
| .subTitles { | |
| font-size: 14px; | |
| } | |
| .mainBtn { | |
| min-width: 238px; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <section id="home" data-speed="12" data-type="background"> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-xs-12 col-sm-12 col-md-12"> | |
| <h1 class="titles">Downloads Mr. Bomber App.</h1> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12 col-sm-12 col-md-12"> | |
| <h2 class="subTitles">fak world with bomber</h2> | |
| </div> | |
| </div> | |
| <div class="row"> | |
| <div class="col-xs-12 col-sm-12 col-md-12"> | |
| <div class="divBtns"> | |
| <a href="https://github.com/tas33n" target="_blank"><button class="btn btn-lg mainBtn app"><span | |
| class="fa fa-github"></span> Download | |
| Now</button></a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <div class="container-fluid" id="pageFoot"> | |
| <div class="row"> | |
| <div class="col-xs-12 col-sm-12 col-md-12"> | |
| <a href="https://tas33n.github.io/" class="text-muted small footText">© Tas33n | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment