#codref
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
Tumblr has 411 employees.
Text
Bootstrap: navbar, button, linking libraries: js + fontawesome, responsive grid
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <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"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/all.min.css">
<style> .btn-danger {background-color:#1D4830; border: 0;} .col {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"} .col-sm-6 {color: brown;} .col-md {color:brown;} .fa-genderless {font-size:20px;} </style> </head>
<body> <nav class="nav-bar navbar-expand-sm bg-dark navbar-dark"> <a class="navbar-brand" href="#"> <img src="logo.png" alt="" style="width:40px;">H&M </a> <div> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="#"> <i class="fas fa-genderless"></i>About</a></li> <li class="nav-item"><a class="nav-link" href="#">Contact</a></li> </ul> </div> </nav> <div class="container-fluid"> <h1>Title</h1> <p>Little words</p> <button type="button" class="btn btn-danger">Primary</button> <button type="button" class="btn btn-info">Info</button> </div> <div class="row bg-light"> <div class="col">This</div> <div class="col">Could</div> <div class="col">Be</div> <div class="col">Pics</div> </div> <div class="row bg-dark"> <div class="col-sm-6">super</div> <div class="col-md">man</div> </div> <div class="row bg-warning"> <div class="col-lg-4">piss</div> <div class="col-md-7">man</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> </body> </html>
0 notes