SHOW:
|
|
- or go back to the newest paste.
| 1 | <!--------- main container ------------------------------------> | |
| 2 | - | <div class="container px-0 py-4" style="letter-spacing:.45px; max-width: 600px;"> |
| 2 | + | <div class="container" class="px-0 py-4" style="letter-spacing:.45px; max-width: 600px;"> |
| 3 | <!------------ card -----------------------> | |
| 4 | <div class="card-block bg-faded text-center shadow"> | |
| 5 | ||
| 6 | <!------- focal image -- can be whatever size you want -- adjust max-height to make it larger -------> | |
| 7 | <img src="IMG URL" style="max-height: 200px;" class="d-block mx-auto mb-2"> | |
| 8 | ||
| 9 | <h1 class="display-4" style="letter-spacing: 2px"> | |
| 10 | <!------- name here ---------------------> | |
| 11 | Name Here</h1> | |
| 12 | ||
| 13 | <hr class="w-50"> | |
| 14 | <p class="text-uppercase text-muted small" style="letter-spacing: 1.5px; font-weight: 300;"> | |
| 15 | <!------ adjectives here ------------> | |
| 16 | adjective . adjective . adjective | |
| 17 | </p> | |
| 18 | ||
| 19 | <!------ content here --- card will grow with content --------> | |
| 20 | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius libero non sem dapibus, eget viverra nisl sagittis. Ut interdum mi non sagittis euismod. Suspendisse id venenatis massa. Aliquam ornare, nibh sit amet interdum elementum, leo sem laoreet nibh, at sollicitudin diam ipsum eu risus.</p> | |
| 21 | ||
| 22 | <hr class="w-50"> | |
| 23 | ||
| 24 | <!---- links --- use font awesome icons to change the symbols --------> | |
| 25 | <p style="font-size: 1.5em;"> | |
| 26 | <a href="DA LINK" target="_BLANK" class="text-muted"><i class="fab fa-deviantart fa-fw" /></a> | |
| 27 | <a href="FA LINK" target="_BLANK" class="text-muted"><i class="fas fa-paw fa-fw" /></a> | |
| 28 | <a href="TWITTER LINK" target="_BLANK" class="text-muted"><i class="fab fa-twitter fa-fw " /></a> | |
| 29 | <a href="TUMBLR LINK" target="_BLANK" class="text-muted"><i class="fab fa-tumblr fa-fw" /></a> | |
| 30 | <!---------- credit link ---- do not remove --------------------> | |
| 31 | - | <a href="/Pinky" target="_BLANK" title="coding credit" class="text-muted"><i class="fas fa-code fa-fw" /></a> |
| 31 | + | <a href="/lowkeywicked" target="_BLANK" title="coding credit" class="text-muted"><i class="fas fa-code fa-fw" /></a> |
| 32 | </p> | |
| 33 | ||
| 34 | </div> | |
| 35 | </div> |
