[61] Pastel Rainbow Biosheet

[lina_trinch]

Rukia Kuchiki

bleach

13th division

infp

other

other

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis mollitia similique ex! Aliquid quia eligendi repellendus inventore neque aliquam ipsam modi dolores? Sapiente, repellat laboriosam? Rerum veritatis minus deserunt nesciunt.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis mollitia similique ex! Aliquid quia eligendi repellendus inventore neque aliquam ipsam modi dolores? Sapiente, repellat laboriosam? Rerum veritatis minus deserunt nesciunt.

About

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis mollitia similique ex! Aliquid quia eligendi repellendus inventore neque aliquam ipsam modi dolores? Sapiente, repellat laboriosam? Rerum veritatis minus deserunt nesciunt.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis mollitia similique ex! Aliquid quia eligendi repellendus inventore neque aliquam ipsam modi dolores? Sapiente, repellat laboriosam? Rerum veritatis minus deserunt nesciunt.

CODE

Wide Code:
<div style="margin: auto; width: 650px; height: 400px; display: flex; flex-direction: row; justify-content: space-between;"> <!--sidebar--> <div style="width: 200px; height: 100%; background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); outline: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap;"> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> </div> <!--main--> <div style="width: 420px; height: 100%; background: #fff; outline: 1px solid #808080; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow-y: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; padding: 10px; text-align: justify;"> <!--main header--> <div style="font-size: 38px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; font-style: italic; font-weight: bold; color: #888;"> Header </div> <!--image table--> <div style="background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <div style="background: center/cover url('IMAGE_URL'); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff;"> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <!--ADD MORE DETAILS HERE--> </div> </div> <!--text--> <p style="color: #666;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?</p> <!--divider--> <div style="width: 100%; height: 3px; margin: 5px auto; background: linear-gradient(90deg, #fff, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc, #fff);"></div> <!--subheader--> <div style="font-size: 28px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; font-style: italic; font-weight: bold; color: #888;"> Subheader Text </div> <!--image on left--> <div style="background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); width: 45%; height: 150px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 0 5px 0 0;"> <div style="background: center/cover url('IMAGE_URL'); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff;"> </div> </div> <!--image on right--> <div style="background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); width: 45%; height: 150px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; margin: 0 0 0 5px;"> <div style="background: center/cover url('IMAGE_URL'); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff;"> </div> </div> <!--ADD MORE ABOVE THIS LINE--> </div> </div> <div style="width: 650px; margin: 10px auto; font-size: 8px; font-family: monospace; font-weight: bold; letter-spacing: 2px; text-align: right;"> <a href="https://www.patreon.com/killthecake" style="color: #333; text-decoration: none;"> CODE </a> </div>

Rukia Kuchiki

bleach

13th division

infp

other

other

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis mollitia similique ex! Aliquid quia eligendi repellendus inventore neque aliquam ipsam modi dolores? Sapiente, repellat laboriosam? Rerum veritatis minus deserunt nesciunt.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis mollitia similique ex! Aliquid quia eligendi repellendus inventore neque aliquam ipsam modi dolores? Sapiente, repellat laboriosam? Rerum veritatis minus deserunt nesciunt.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

CODE

Tall Code:
<div style="margin: auto; width: 400px; height: 650px; display: flex; flex-direction: column; justify-content: space-between;"> <!--sidebar--> <div style="width: 100%; height: 200px; background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); outline: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap;"> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: transparent; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 0 4px #999;"></div> <div style="width: 50px; height: 50px; background: #fff; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"></div> </div> <!--main--> <div style="width: 100%; height: 420px; background: #fff; outline: 1px solid #808080; border: 1px solid #808080; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow-y: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666; padding: 10px; text-align: justify;"> <!--main header--> <div style="font-size: 38px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; font-style: italic; font-weight: bold; color: #888;"> Header </div> <!--image table--> <div style="background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"> <div style="background: center/cover url('IMAGE_URL'); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff;"> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <div style="display: block; width: 100%; text-align: right; font-weight: bold; font-variant: small-caps; color: #fff; border-bottom: 1px solid #fff; margin-top: 10px;"> other </div> <!--ADD MORE DETAILS HERE--> </div> </div> <!--text--> <p style="color: #666;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat aperiam sapiente ducimus ex eum libero delectus officiis vero, repellendus esse vel quasi temporibus pariatur molestias quos at! Officiis, reiciendis esse?</p> <!--divider--> <div style="width: 100%; height: 3px; margin: 5px auto; background: linear-gradient(90deg, #fff, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc, #fff);"></div> <!--subheader--> <div style="font-size: 28px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; font-style: italic; font-weight: bold; color: #888;"> Subheader Text </div> <!--image on left--> <div style="background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); width: 45%; height: 150px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin: 0 5px 0 0;"> <div style="background: center/cover url('IMAGE_URL'); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff;"> </div> </div> <!--image on right--> <div style="background: linear-gradient(120deg, #ffc3c3, #ffffc3, #b1f0f0, #fca7fc); width: 45%; height: 150px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; margin: 0 0 0 5px;"> <div style="background: center/cover url('IMAGE_URL'); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff;"> </div> </div> <!--ADD MORE ABOVE THIS LINE--> </div> </div> <div style="width: 400px; margin: 10px 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>

❖ 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. ❖ There are two versions of this code! While the examples have slight differences in the contents, they're the same in the code, so you'll get placements for images in the text and everything. Ctrl+F & Replace: ❖ IMAGE_URL - Image URLs. There'll be three places for this: the header image and each of the images on the side. You can copy/paste them around as much as you want. ❖ Header/Subheader Text/other/Lorem ipsum - Placeholder text for each portion. For the paragraphs, be sure to copy/paste the 'p' tags, too, when making more. #fff Backgrounds, text in image, each end of the divider's gradient. #999 Shadows. #888 Headers. #808080 Borders. #666 Text. #333 Credit text. #ffc3c3 Red of the rainbow. #ffffc3 Yellow of the rainbow. #b1f0f0 Blue of the rainbow. #fca7fc Purple of the rainbow.