killthecake | [62] Bio-Nav

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat facere sint aliquid nostrum optio. Mollitia laudantium saepe quos corporis velit veritatis aperiam consequatur minus, voluptate ea perspiciatis repudiandae. Neque, iste.

Link Link Link Link

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat facere sint aliquid nostrum optio. Mollitia laudantium saepe quos corporis velit veritatis aperiam consequatur.

Link Link Link Link

  
    CODE
  

Code:

<span style="font-size: 22px; letter-spacing: 1px; font-weight: bold; color: #000;">Header</span>

<div style="width: 100%; height: 2px; background: #000; margin: 3px 0;"></div>

<p style="color: #000 !important;">Lorem ipsum</p>
  </div>

<a href="URL" style="grid-area: 1 / 2 / 2 / 3; background: #fb5607; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<a href="URL" style="grid-area: 2 / 2 / 3 / 3; background: #ff006e; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<a href="URL" style="grid-area: 3 / 2 / 4 / 3; background: #8338ec; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<a href="URL" style="grid-area: 4 / 2 / 5 / 3; background: #3a86ff; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<div style="grid-area: 1 / 3 / 3 / 4; background: #3a86ff; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; overflow: auto; padding: 0 4px; text-align: justify; font-size: 10px;">
    <p style="color: #000 !important;">Lorem ipsum</p>
  </div>

<div style="grid-area: 3 / 3 / 5 / 4; background: #fb5607; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; overflow: auto; padding: 0 4px; text-align: justify; font-size: 10px;">
    <p style="color: #000 !important;">Lorem ipsum</p>
  </div>

<div style="grid-area: 5 / 1 / 7 / 2; background: #fb5607; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; overflow: auto; padding: 0 4px; text-align: justify; font-size: 10px;">
    <p style="color: #000 !important;">Lorem ipsum</p>
  </div>

<div style="grid-area: 7 / 1 / 9 / 2; background: #ff006e; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; overflow: auto; padding: 0 4px; text-align: justify; font-size: 10px;">
    <p style="color: #000 !important;">Lorem ipsum</p>
  </div>

<div style="grid-area: 5 / 2 / 9 / 3; background: center/cover url('IMAGE_URL'), #ffbe0b; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000;"></div>

<a href="URL" style="grid-area: 5 / 3 / 6 / 4; background: #ff006e; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<a href="URL" style="grid-area: 6 / 3 / 7 / 4; background: #8338ec; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<a href="URL" style="grid-area: 7 / 3 / 8 / 4; background: #3a86ff; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

<a href="URL" style="grid-area: 8 / 3 / 9 / 4; background: #ffbe0b; border-radius: 10px; border: 5px solid #000; box-shadow: 5px 5px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; color: #000; text-decoration: none; display: flex; align-items: center; padding: 0 4px; font-weight: bold; letter-spacing: 1px;">Link</a>

</div>
<div style="width: 400px; margin: 15px auto; font-size: 8px; font-family: monospace; font-weight: bold; letter-spacing: 2px; text-align: center;">
  <a href="https://www.patreon.com/killthecake" style="color: #333; text-decoration: none;">
    CODE
  </a>
</div></center>

❖ These codes were released early on the Patreon! Feel free to check out things over there if you want early codes or some exclusive content.

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ All of the text boxes scroll automatically, so you can include as much information in them as you want!

Ctrl+F & Replace:
❖ Header / Lorem Ipsum - Text placeholders
❖ URL - Link URL placeholder.
❖ Link - Link text placeholder.
❖ IMAGE_URL - Image URL placeholder. Feel free to use a GIF or whatever you want here.

#000 Backgrounds, text in image, each end of the divider's gradient.
#333 Credit text.

#ffbe0b Yellow background.
#fb5607 Orange background.
#ff006e Pink background.
#8338ec Indigo background.
#3a86ff Blue background.

[62] Bio-Nav

no subject

no subject