<div style="background: linear-gradient(to top, #a6f4d2 0%, #a6e6f4 15%, #a6b4f4 30%, #b3a6f4 45%, #d0a6f4 60%, #e6a6f4 75%, #f4a6f4 100%); color:#6104ed; font-family:Garamond; font-size:15pt">

This design is really simple if you want something calming! You can put stuff here.

Heading

- Text

- Text

-Text
</div>

• Text

• Gradients

• Backgrounds

• Beginner's Guide

• Text Color

• Text Size

<center>
<div style="background: linear-gradient(to bottom, cornflowerblue 0%, palegreen 100%); color: black;">
<p style="font-weight:normal;">
Insert Text Here</p>

<span style="font-size:30px;">'''Heading'''</span>

<p style="font-weight:normal;">Insert Text Here</p>

<p style="font-weight:normal;"><span style="font-size:30px;">Heading #2</span></p>

<p style="font-weight:normal;"><span style="font-size:30px;"></span> Insert Text Here</p>

Insert Text Here</div></center>

• Text

• Gradients

• Backgrounds

• Beginner's Guide

• Text Color

• Text Size

<div style="background:radial-gradient(mediumspringgreen,darkturquoise,aquamarine);">
<span style="font-family:Overlock;font-size:30px">❀ Personality ❀</span>

<span style="font-family:arial;font-size:14px;"><span style="font-family:Overlock;">Add text here</span></span></div>

• Text

• Gradients

• Backgrounds

• Beginner's Guide

• Text Color

• Text Size

<div style="background: transparent linear-gradient(navy,cyan,dodgerblue,paleturquoise,azure) repeat scroll 0% 0%; border: 5px outset deeppink; border-radius: 15px; text-align: center;"><span style="text-shadow:dimgray  0px -5px 4px;font-family:Calibri;font-size:10pt;color:darkgreen">Here's a free design for any page. It has a blue linear gradient, grey text shadow, and dark green text, but that is changeable. Just remember to keep the box below paired with this design. As you type more things, it will expand, and so will the gradient included. Have fun with it! :D</span></div>

<div style="border: 1px solid black; text-align: center;">
<span style="text-shadow: coral 5px 5px 5px;font-family:Impact;font-size:10pt">Coded by [[User:Stoatbramble|Stoatbramble]].<span style="text-shadow: coral 5px 5px 5px;">This is free code from the [[w:c:coding-help|Coding Help Wiki]]. </span></span>
</div>

• Text Modification

• Gradients

• Backgrounds

• Beginner's Guide

• Text Color

• Text Size

<center><div style="font-family:quicksand;color:purple;font-size:50px">
Name Here
</div>
<div style="font-family:quicksand;color:purple;font-size:20px">
{|style="width:220px"
|style="border:3px solid purple;background:#fff"|Pronouns
|-
|style="border:3px solid purple;background:#fff"|Sexuality
|-
|style="border:3px solid purple;background:#fff"|Groups
|-
|style="border:3px solid purple;background:#fff"|Etc.
|}



<div style="border: 3px solid purple; background:#fff; width: 500px; height: 100px;">
<span style="font-family: quicksand; font-size: 15px; color: purple; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Info about yourself here blahblah</span>
</div></div></center>

• Text

• Gradients

• Backgrounds

• Beginner's Guide

• Text Color

• Text Size

Feel free to mess with colors, fonts, sizes, etc. to your liking.

<div style="border:cadetblue 5px solid;width:500px;height:300px;overflow:auto;">
<div style="background:linear-gradient(cadetblue,mediumpurple);padding:5px;border:10px ridge midnightblue;">
<div style="background:linear-gradient(midnightblue,white);color:black;padding:8px;border:10px inset midnightblue;">
<span style="font-family:Brush Script MT;text-shadow:0px 5px 3px"> </span>

<font size="5">
Heading
</font>
</div><span style="font-family:Copperplate;">stuff </span>

<!--simply copy this section below multiple times to get more headings!-->



<div style="background:linear-gradient(midnightblue,white);color:black;padding:8px;border:10px inset midnightblue;">
<span style="font-family:Brush Script MT;text-shadow:0px 5px 3px"> </span>

<font size="5">
another heading
</font>
</div><span style="font-family:Copperplate;">more stuff </span>

<!--end of heading code that you can copy if you want more headings-->



<div style="background:linear-gradient(midnightblue,white);color:black;padding:8px;border:10px inset midnightblue;">
<span style="font-family:Brush Script MT;text-shadow:0px 5px 3px"> </span>

<font size="5">
a third heading
</font>
</div><span style="font-family:Copperplate;">more stuff </span>


<br /><font size="1"> 
coding by hazelpaw </font>



 
<font size="1"> </font></div>
</div>
<!--ay this coding was by hazelspots here's some secret spooky text you wouldn't see unless you went in and got the design so um boooo i'm a spooky coder -->
</div>

<div style="background:linear-gradient(black, midnightblue);color:white;font-family:times new roman; padding:10px">

<span style="font-size:25px">heading</span>
blablahblah stuff here

<span style="font-size:25px">heading</span>
warrior cats and blogclan are awesome blogclan4life
</div>

Please credit. Ty!