THE MANDELA CATALOGUE LAYOUT

Tags: layout, black, arg, the mandela catalogue, tmc

Description:

heyo, so i made this layout bc im such a nerd for tmc and wanted my page like that lol if you will use, just coment! :3 hope u guys like these (not include gifs) just copy and paste the cod below on ur about me section!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Nickzuk (https://layouts.spacehey.com/layout?id=99739) -->

<style>
          @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Stylish&display=swap');
h1,h2,h3,h4{
  font-family: 'Pixelify Sans' , sans ;
  font-size: 20px;
  color:#8c0404;
}

h3,h4{color: white;
}
@import url('https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap');
p{

  font-family: "Kode Mono", monospace;
  font-size: 15px;
  color: white;
}

.blurbs{
  font-size: auto;
  color:white;
}
body {
   
   background: url(https://i.pinimg.com/564x/17/5d/f3/175df357b481fd50c7ef33663234e483.jpg); 
 
}

</style>

<style>

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 200px;
    display: block;
    content: "";
    box-shadow: 0px 0px 5px 1px white;
    background-image:url(https://i.pinimg.com/564x/34/a0/dd/34a0dd914886caf75cbd0169ba3bde09.jpg);
    background-position: center center;
    background-size: cover;
}
:root {
    --logo-blue:#b50202;
    --darker-blue:#610909;
    --lighter-blue:#751313;
    --even-lighter-blue:;
    --lightest-blue:;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: black;
}
   
 main{
background-image: url(https://i.pinimg.com/originals/e5/67/e6/e567e6617a3910964ea531ee2c079150.gif)
}
</style>


<style>

.row.profile .col.w-40.left{
  background-color:black;
}

.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/564x/26/71/11/26711150e0ac182d39be63b536494b36.jpg);
  background-position: center top;
  background-repeat: repeat;
background-attachment: ;
Width:400px;
Height:200px ;
text-align:middle;
}

.row.profile {
  border-radius: 8px;
  background-image:url );
  background-position: right top
  background-attachment:scroll
  width: 310px;
  height: 180px;
}
    
.general-about {
	background-image: url(https://i.pinimg.com/564x/ec/86/e5/ec86e5456e11dc92463693fd3374efef.jpg);
  background-position: center bottom;
  width: 300px;
  height: 300px;  
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}

.profile .profile-info {
	background-image: url(https://i.pinimg.com/736x/7e/e8/bf/7ee8bfc88540a743923c467cc0e7de2e.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}

.table-section{background-image: url(https://i.pinimg.com/564x/d5/2e/9e/d52e9e32f03e80fe5b53e4ab4750c8ef.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	text-align: center bottom;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
    background-position: left bottom;
}


.blurbs{background-image: url(https://i.pinimg.com/564x/a6/4c/a2/a64ca2b7e1cee4cca8d7739d141824c6.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	text-align: center bottom ;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
    background-position: middle;
}

.friends .inner{background-image:url(https://i.pinimg.com/564x/90/3b/83/903b834314be832d2dbfb97f28f2ec45.jpg);
	padding: 20px;
	border: none;
	border-radius: 10px;
	text-align: center bottom;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
    background-position: center;
}

.col.left {
  font-size: auto;
  color: white;
}
.blurbs .heading{
  font-size: auto;
  color: #0a1c0c;
}

.contact .heading {
  color: grey;
  font-size: 15px;
  color: white;
}

.contact .inner{
  font-size: 15px;
  color: white;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "ðº"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "ð"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "ð"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "ð¨"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "ð"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "â "
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "ð«"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "ð¸"
}   

.contact .inner {
  font-size: 15px white;
}

</style>

<style>
  .profile-pic {
    position: relative;
    width: 189px;
    filter: drop-shadow(0 0 0.25rem gray);
  }

  .profile-pic:after {
    content: "";
    background: url('https://external-media.spacehey.net/media/sp0aJMsEmB2QNy4Nz0CJ_7OSvgd3Bjdj1Em7UbpWuGr4=/https://media.discordapp.net/attachments/1085182478651760661/1166656563549851739/Untitled1482_20231025013616.png?ex=654b4898&is=6538d398&hm=26263ee5ada2b1b153737114adbaa21ea5439ca9465e42ff96c7ba9577f1fbd7&');
    background-size: cover; 
    position: absolute;
    top: -5%; 
    left: 5%;
    width: 92%;
    height: 110%;
  }
</style>

<style>

.logo {

content:url(https://cdn.discordapp.com/attachments/1154193363654955071/1201186225969709056/Untitled14_20240128102448.png?ex=65c8e6d9&is=65b671d9&hm=09048225deefd54665dde8fb9b6dab604f857dbb02b97039ffecc30aa1b681e5&);

}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 14 of 14 comments ( View all | Add Comment )

Xtractorcat	1721367604 thanks for deceiving me to use this now i have an alternate in my home Report Comment
୨୧◦˚† .𝐀𝐧𝐠𝐞𝐥. †˚◦୨୧	1719926887 Using<3 Report Comment
Alice	1718060183 Using! Report Comment
Alice	1718060183 Using! Report Comment
Alice	1718060182 Using! Report Comment
Alice	1718060182 Using! Report Comment
An☆g3_liCª	1712893005 Usando!gracias Report Comment
Aileen Marnes	1712326361 OMG— THANK YOU SO MUCH!!! USING. Report Comment
zcrxwnyrxt	1709778342 USINGGG Report Comment
📼👁️ jonnie	1709652845 usign !! :D Report Comment
Crabby :3	1709350607 using Report Comment
Adammurray16	1709017716 Using. Report Comment
«→Scarlett⊰⁠⊹ฺ	1708490484 Using ^^ Report Comment
jules ˚. ୭ 📕	1708412099 this layout is really cool! But you need to put commas between your tags so its easier to find this layout maybe? :D Report Comment oh sorry! I still don't know how to use spacehey! But I'll fix it! thanks for the tip :3 by Nickzuk; 1708470584; Report