Font Awesome Icons

Header

Website Icons
  1. Drag the Embed Code from the build taskbar to where you want the Icon
  2. Click on the Embed Code to Set Custom HTML and click Edit Custom HTML
  3. Copy and Paste from the Code below depending on whether the Icon will need to contain a link
  4. Replace the Bold part of the fas fa- code with the icon from Font Awesome
  5. If linking website replace the bold-italics web address with the link
Icon no link
<!DOCTYPE html>
<html>
<head>

<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"  crossorigin="anonymous">
</head>
<body>


<i class="fas fa-question" style="font-size:60px;color:#471b6a;text-shadow:1px 1px 2px #000000;"></i>
</a>

</body>
<br>
<br>
</html>
This HTML code creates this icon.

Font Awesome Icons

Icon Link
<!DOCTYPE html>
<html>
<head>

<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"  crossorigin="anonymous">
</head>
<body>

<a href="https://www.crownlibrary.com/world-religions.html">
<i class="fas fa-praying-hands" style="font-size:60px;color:471b6a;text-shadow:1px 1px 2px #000000;"></i>
</a>

</body>
<br>
<br>
</html>
This HTML code creates this icon.

Font Awesome Icons

Website Colors
The Purple color Code for the Website is #5c068c
The white Background code is #ffffff
The Dark Gray background is #63666a
The beige or light gray background is #d1d1d1
Tips for Tabs and Accordion Plugins
  • For the Tabs Try and keep the Tabs five or under otherwise additional tabs may go unnoticed
  • For Accordions try not to put Accordions within Accordions otherwise information gets cut-off
This is some Text