Created
April 9, 2019 23:25
-
-
Save HEAVYPAYLOAD/3352d3a9d4cc38118fe378adf8c06ad2 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <title>HEAVY PAYLOAD</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css" integrity="sha384-Mmxa0mLqhmOeaE8vgOSbKacftZcsNYDjQzuCOm6D02luYSzBG8vpaOykv9lFQ51Y" crossorigin="anonymous"> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container-fluid col-sm-12 text-center"> | |
| <div id="bm"></div> | |
| </div> | |
| <div class="container-fluid col-sm-12 text-center"> | |
| <nav class="navbar"> | |
| <div class="col-sm-12 text-center"> | |
| <button id="bars " type="button" class="rounded navbar-toggle collapsed fas fa-bars" data-toggle="collapse" data-target="#navbar"> | |
| <span class="sr-only">Toggle navigation</span> | |
| </button> | |
| </div> | |
| <div id="navbar" class="collapse navbar-collapse"> | |
| <ul class="nav navbar-nav"> | |
| <a href="index.html"><button id="btn" type="button" class="btn btn-outline-dark btn-block hp-card-btn">LOG</button></a> | |
| <a href="wip.html"><button id="btn2" type="button" class="btn btn-outline-dark btn-block hp-card-btn">WIP</button></a> | |
| </ul> | |
| </div> | |
| </nav> | |
| </div> | |
| <br> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="bg-dark card"> | |
| <img id="card2" class="rounded" src="card1.png" /> | |
| <div class="card-body text-light"> | |
| <h5 class="card-title text-center">BIKE POV</h5> | |
| <a href="post1.html"><button type="button" class="btn btn-outline-light btn-block hp-card-btn">watch</button></a> | |
| </div> | |
| </div> | |
| <div class="bg-dark card border-dark" style="max-width: 20rem;"> | |
| <img id="card2" class="rounded" src="card2.png" /> | |
| <div class="card-body text-light"> | |
| <h5 class="card-title text-center">RIFLES</h5> | |
| <a href="post2.html"><button type="button" class="btn btn-outline-light btn-block hp-card-btn">view</button></a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.0/lottie_html.js"></script> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |
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, a:active, a:link, a:visited, a:hover { | |
| text-decoration: none; | |
| } | |
| .card { | |
| margin: 0 auto; | |
| margin-bottom: 20px; | |
| } | |
| .card-body { | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .hp-card-btn { | |
| width: 40%; | |
| margin: 0 30%; | |
| } | |
| .active a { | |
| color: black | |
| } | |
| .btn-light a { | |
| color: black | |
| } | |
| #navbar { | |
| margin-top: 10px; | |
| } | |
| #bm { | |
| width: 100px; | |
| margin: 0 auto; | |
| padding-top: 10px; | |
| } | |
| #card2 { | |
| width: 100%; | |
| margin: auto; | |
| width: 240px; | |
| } | |
| #postimage{ | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| #btn{ | |
| margin: 0 auto; | |
| width: 100px; | |
| } | |
| #btn2{ | |
| margin: 0 auto; | |
| width: 100px; | |
| margin-top: 5px; | |
| } | |
| #video{ | |
| width: 100%; | |
| margin: 4px; | |
| } | |
| #bars{ | |
| width: auto; | |
| } | |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <title>HEAVY PAYLOAD</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css" integrity="sha384-Mmxa0mLqhmOeaE8vgOSbKacftZcsNYDjQzuCOm6D02luYSzBG8vpaOykv9lFQ51Y" crossorigin="anonymous"> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container-fluid col-sm-12 text-center"> | |
| <div id="bm"></div> | |
| </div> | |
| <div class="container-fluid col-sm-12 text-center"> | |
| <nav class="navbar"> | |
| <div class="col-sm-12 text-center"> | |
| <button type="button" class="rounded navbar-toggle collapsed fas fa-bars" data-toggle="collapse" data-target="#navbar"> | |
| <span class="sr-only">Toggle navigation</span> | |
| </button> | |
| </div> | |
| <div id="navbar" class="collapse navbar-collapse"> | |
| <ul class="nav navbar-nav"> | |
| <a href="index.html"><button id="btn" type="button" class="btn btn-outline-dark btn-block hp-card-btn">LOG</button></a> | |
| <a href="wip.html"><button id="btn2" type="button" class="btn btn-outline-dark btn-block hp-card-btn">WIP</button></a> | |
| </ul> | |
| </div> | |
| </nav> | |
| </div> | |
| <br> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="bg-dark card"> | |
| <img id="card2" class="rounded" src="card3.png" /> | |
| <div class="card-body text-light"> | |
| <h5 class="card-title text-center">DEMO REEL</h5> | |
| <a href="demo.html"><button type="button" class="btn btn-outline-light btn-block hp-card-btn">watch</button></a> | |
| </div> | |
| </div> | |
| <div class="bg-dark card border-dark" style="max-width: 20rem;"> | |
| <img id="card2" class="rounded" src="card4.png" /> | |
| <div class="card-body text-light"> | |
| <h5 class="card-title text-center">GUN TRUCK</h5> | |
| <a href="guntruck.html"><button type="button" class="btn btn-outline-light btn-block hp-card-btn">view</button></a> | |
| </div> | |
| </div> | |
| <div class="bg-dark card border-dark" style="max-width: 20rem;"> | |
| <img id="card2" class="rounded" src="card5.png" /> | |
| <div class="card-body text-light"> | |
| <h5 class="card-title text-center">FLAGS</h5> | |
| <a href="flags.html"><button type="button" class="btn btn-outline-light btn-block hp-card-btn">view</button></a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.0/lottie_html.js"></script> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment