---

For most of my codes, i use resources like Coding Resources by Elithian, Coding ref by tranzcowboy, Coding snippet goldmine by Starlipop, and Snippets by SparklyCodes! I also sometimes use w3schools.com!

---

they all have great resources that help me when i'm coding!

---

Cards

mostly this one i got from Elithian's coding resources-

---

<div class="card p-3 bg-dark">a card with a bg!</div>

<div class="card p-3 bg-dark card-outline-primary">a card with a bg and outline!</div>

<div class="card p-3 card-outline-primary">a card with an outline!</div>

---

Colors (bootstrap/site)

Basic general colors for the site! All colors will look different on different themes, so if you need a list of what all of them look like on every theme, look here! there is also faded, but you can't use that with text

---

<div class="text-primary">primary</div>

<div class="text-secondary">secondary</div>

<div class="text-muted">muted</div>

<div class="text-success">success</div>

<div class="text-info">info</div>

<div class="text-warning">warning</div>

<div class="text-danger">danger</div>

---

Images

spice things up by adding images!

---

<img src="URL">

you can also edit/modify the sizes of the images by:

<img src="URL" style="width:60px;height:60px">

now, i learned this from personal experience, but if you wanna add images, it will not work if you insert a url from your computer files-

---

Fontawesome Icons

you can get epic icons like this by going onto fontawesome. All icons on the website work in toyhouse!

---

icons as a list :

• woah is that an icon as a bullet? cool
• yo dude another one
• ☞ heres a bullet thats not from fontawesome!
• you can do a ton with these

<ul class="fa-ul">

<li><span style="fa-li"><i class="fas fa-address-book"></i></span> woah is that an icon as a bullet? cool</li>

<li><span style="fa-li"><i class="fas fa-heart"></i></span> yo dude another one</li>

<li><span style="fa-li">☞</span> heres a bullet thats not from fontawesome!</li>

<li><span style="fa-li"><i class="fas fa-cat"></i></span> you can do a ton with these</li>

</ul>

spinning icons :0 :

if you get an icon like this

and then do this:

<i class="fas fa-spinner fa-spin"></i>

you get this!

you can also do <i class="fas fa-spinner fa-pulse"></i> for 8 point animation

which gets you !

colors!! :

if you get an icon (lets use ) and you wanna change the color of it, but none of the bootstrap colors work well enough, try this!

if you do this: <i class="fas fa-clouds-moon" style="color:#00ffff"></i>

you can get this!

you can change it to any hex code and RBG!

this actually works with text, too!

<p style="color:#FF00FF">filler text</p>

icon sizes :

you can change the size of the icons!

<i class="fas fa-circle fa-xs"></i> 

<i class="fas fa-circle fa-sm"></i> 

<i class="fas fa-circle"></i> 

<i class="fas fa-circle fa-lg"></i> 

<i class="fas fa-circle fa-2x"></i> 

<i class="fas fa-circle fa-3x"></i> 

<i class="fas fa-circle fa-4x"></i> 

<i class="fas fa-circle fa-8x"></i> 

<i class="fas fa-circle fa-10x"></i>

---

Formatting

---

paragraph

<p>paragraph</p>

header 4

<h4>header 4</h4>

header 3

<h3>header 3</h3>

header 2

<h2>header 2</h2>

header 1

<h1>header 1</h1>

---

Links

---

links are pretty simple!

here's a link!

<a href="url">here's a link!</a>

you can also do an image link!

<a href="URL">

<img src="URL">

</a>