API tools faq
paste
Advertisement
oakhearted

HTML Template #2 (for toyhouse)

oakhearted
Jul 17th, 2018
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.25 KB | None | 0 0
raw download clone embed print report
  1. <div class="card-block" style="padding:0;">
  2. <br>
  3. </div>
  4.  
  5. <p style="text-align: center;"><img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=250%C3%97150&w=250&h=150" class="fr-fic fr-dib" width="250" height="150"><span style="font-size: 48px;">Username</span>
  6. <br>
  7. <br>
  8. </p>
  9. <div class="card-deck">
  10. <div class="card card-outline-primary" style="background-color:white;color:#333;">
  11. <div class="card-inverse card-primary card-header">
  12.  
  13. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">About Myself</h2>
  14. </div>
  15. <div class="card-block" style="width:100%;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div>
  16. </div>
  17. <div class="card card-outline-warning" style="background-color:white;color:#333;">
  18. <div class="card-inverse card-warning card-header">
  19.  
  20. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">My Friends</h2>
  21. </div>
  22. <div class="card-block">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div>
  23. </div>
  24. </div>
  25.  
  26. <p>
  27. <br>
  28. </p>
  29. <div class="card-deck">
  30. <div class="card card-outline-danger" style="background-color:white;color:#333;">
  31. <div class="card-inverse card-danger card-header">
  32.  
  33. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">Contact Information</h2>
  34. </div>
  35. <div class="card-block" style="width:100%;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div>
  36. </div>
  37. <div class="card card-outline-success" style="background-color:white;color:#333;">
  38. <div class="card-inverse card-success card-header">
  39.  
  40. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">Other Stuff</h2>
  41. </div>
  42. <div class="card-block">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div>
  43. </div>
  44. </div>
  45.  
  46. <p>
  47. <br>
  48. </p>
  49. <div class="card-deck">
  50. <div class="card card-outline-info" style="background-color:white;color:#333;">
  51. <div class="card-inverse card-info card-header">
  52.  
  53. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">My Links</h2>
  54. </div>
  55. <div class="card-block" style="width:100%;"><a class="btn btn-danger" href="yourlinkhere">text</a>
  56. <a class="btn btn-warning" href="yourlinkhere">text</a>
  57. <a class="btn btn-secondary" href="yourlinkhere">text</a>
  58. <a class="btn btn-success" href="yourlinkhere">text</a>
  59. <a class="btn btn-info" href="yourlinkhere">text</a>
  60. <a class="btn btn-primary" href="yourlinkhere">text</a>
  61. <a class="btn btn-default" href="yourlinkhere">text</a></div>
  62. </div>
  63. <div class="card card-outline-default" style="background-color:white;color:#333;">
  64. <div class="card-default card-header">
  65.  
  66. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">Featured Characters</h2>
  67. </div>
  68. <div class="card-block"><a class="btn btn-outline-danger" href="yourlinkhere">text</a>
  69. <a class="btn btn-outline-warning" href="yourlinkhere">text</a>
  70. <a class="btn btn-outline-secondary" href="yourlinkhere">text</a>
  71. <a class="btn btn-outline-success" href="yourlinkhere">text</a>
  72. <a class="btn btn-outline-info" href="yourlinkhere">text</a>
  73. <a class="btn btn-outline-primary" href="yourlinkhere">text</a></div>
  74. </div>
  75. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!