API tools faq
paste
Advertisement
Crowzii

Portfolio

Crowzii
Jan 28th, 2023 (edited)
896
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.37 KB | Source Code | 0 0
raw download clone embed print report
  1. <!-- Hey there this is a silly code I made for my brother for a portfolio and decided to make it public!
  2. There are several icons on here such as the knives, the skull, or the flames, these are all changeable through font awesome so be sure to check out that site if you want to change them!!
  3.                    Dark red: #713A37
  4.                    Light red: #5a2e2c
  5.                    Super light red (icons): #F9A99F
  6. -->
  7.  
  8. <div class="card col-md-9 p-2 mx-auto card-outline-primary" style="border:3px solid #171717;height:auto; position:center; background-color:#713A37">                 
  9. <div style="overflow-y: auto;">
  10. <div class="p-2" style="overflow-x: hidden;">
  11. <div class="row no-gutters">
  12.      <!-- profile photo start -->
  13. <div class="col-md-3 col-9 mb-lg-0" style="border: 3px solid #171717; border-radius: 10px;
  14. background-image: url(IMG HERE); background-size:cover; background-position:center"></div>
  15.       <!-- profile photo end -->
  16. <div class="col-md-9 col-3 p-1 font-italic text-body bg-faded rounded-0" style="font-family: 'Georgia', monospace; font-size: 14px; border-radius: 10px; height:auto; background-color:#5a2e2c; border: 3px solid #171717;"><p style="font-size: 26px; font-weight: bold";> Name </p>
  17.       <!-- bullet points begin, feel free to change the knives to something you'd like better! check out font awesome for more icons -->
  18. <div class="row no-gutters mx-n2">
  19. <div class="col-lg-6 mt-1 px-1">
  20. <div class="pt-3 px-3 pb-2 text-body" style="border-radius: 10px;">
  21. <p class="mb-2">
  22. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  23. ???
  24. </p><p class="mb-2">
  25. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  26. ???
  27. </p><p class="mb-2">
  28. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  29. ???
  30. </p><p class="mb-2">
  31. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  32. ???
  33. </p><p class="mb-2">
  34. </div></div>
  35.       <!-- bullet points right -->
  36. <div class="col-lg-6 mt-1 px-1">
  37. <div class="pt-3  text-body" style="border-radius: 10px;">
  38. <p class="mb-2">
  39. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  40. ???
  41. </p><p class="mb-2">
  42. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  43. ???
  44. </p><p class="mb-2">
  45. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  46. ???
  47. </p><p class="mb-2">
  48. <i class="fas fa-knife mr-1" style="color: #F9A99F;"></i>
  49. ???
  50. </p><p class="mb-2">
  51. </div></div></div></div></div></div></div>
  52.       <!-- bullet points end -->
  53. <div class="" style="overflow-y: auto;">
  54. <div class="p-2" style="overflow-x: hidden;">
  55.       <!-- about you begin --->
  56. <div class="mt-lg-n2 mb-3 mb-lg-2 p-3 font-italic text-body bg-faded rounded-0" style="font-family: 'Georgia', monospace; font-size: 14px; border-radius: 10px; height:70px; background-color:#5a2e2c; border: 3px solid #171717;">
  57. Write some stuff about yourself here!!!!
  58. </div>
  59.       <!-- about you end -->
  60. <p style="font-size: 26px; font-weight: bold; font-family: 'Georgia', monospace;"><i class="fal fa-fire fa-spin" style="animation-duration:10s;color: #F9A99F"></i> Faves! <i class="fal fa-fire fa-spin" style="animation-duration:10s;color: #F9A99F;"></i></p>
  61.       <!-- your best pictures start -->
  62. <div class="row justify-content-center pt-3 mx-n2" style="clear: both;">
  63. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  64. <div class="bg-faded" style="padding-bottom: 65%;
  65. background-image: url(IMG HERE);
  66. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div>
  67. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  68. <div class="bg-faded" style="padding-bottom: 65%;
  69. background-image: url(IMG HERE);
  70. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div>
  71. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  72. <div class="bg-faded" style="padding-bottom: 65%;
  73. background-image: url(IMG HERE);
  74. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div></div><br>
  75.       <!-- your best pictures end -->
  76. <hr class="mt-2 mb-0" style="border-top-width: 5px; border-top-style: solid; border-color: #171717;"></hr> <br>
  77. <a href="#others" data-toggle="collapse" style="color:white;font-size: 26px; font-weight: bold; font-family: 'Georgia', monospace;"><i class="fal fa-skull fa-spin" style="animation-duration:10s;color: #F9A99F;"></i> More by me <i class="fal fa-skull fa-spin" style="animation-duration:10s;color: #F9A99F;"></i></a>
  78.   <div id="others" class="collapse">
  79.       <!-- more images begin -->
  80. <div class="row justify-content-center pt-3 mx-n2" style="clear: both;">
  81. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  82. <div class="bg-faded" style="padding-bottom: 65%;
  83. background-image: url(IMG HERE);
  84. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div>
  85. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  86. <div class="bg-faded" style="padding-bottom: 65%;
  87. background-image: url(IMG HERE);
  88. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div>
  89. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  90. <div class="bg-faded" style="padding-bottom: 65%;
  91. background-image: url(IMG HERE);
  92. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div></div>
  93. <div class="row justify-content-center pt-3 mx-n2" style="clear: both;">
  94. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  95. <div class="bg-faded" style="padding-bottom: 65%;
  96. background-image: url(IMG HERE);
  97. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div>
  98. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  99. <div class="bg-faded" style="padding-bottom: 65%;
  100. background-image: url(IMG HERE);
  101. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div>
  102. <div class="col-6 col-lg mb-3 mb-lg-0 px-2">
  103. <div class="bg-faded" style="padding-bottom: 65%;
  104. background-image: url(IMG HERE);
  105. background-size: cover; background-position: center; border-radius: 10px; border: 3px solid #171717;"></div></div></div><br>
  106.       <!-- more images end -->
  107. </div>
  108. </div></div></div>
  109.   <!--- credit, please don't delete, feel free to move if you'd like--->
  110.  
  111.     <a class="tooltipster pull-right mr-2" href="https://toyhou.se/Crowzii"><i class="fas fa-lemon fa-fw text-center my-auto" style="color: #F8DDB0;"></i></a>  
Tags: html Portfolio toyhouse
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!