Typography

Main Title

font: Dancing Script / size: 60px / color: #ffffff

Page Name

font: Dancing Script / size: 30px / color: #333333

Header (dates)

font: Roboto Condensed / font weight: 700 / font color: #404242

Subheader

font: Sue Ellen Francisco / font size: 30px / color: #7f443b

Body Text
font: Roboto Condensed / font weight: 300 / color: #404242

LINKS
font: Roboto Condensed / font weight: 300 / font color: #72526b / font size: 20px for navigation, normal size otherwise

TOP

Page Elements

Navigation

<nav>
<div id="mainnav">
<ul id="navigation"> <li class="nav"><a href="URL">PAGE ONE</a></li>
<li class="nav"><a href="URL">PAGE TWO</li>
<li class="nav"><a href="URL">PAGE THREE</a></li>
<li class="currentpage"><a href="URL">PAGE FOUR</a></li>
</ul>
</div>
</nav>

Use the class currentpage to create a "you are here" indicator. The background of the text indicating the current page will be highlighted pink.

Drop Down Menu

<div class="dropdown">
<button class="dropbtn">OPTIONS</button>
<div class="dropdown-content">
<a href="URL">OPTION 1</a>
<a href="URL">OPTION 2</a>
<a href="URL">OPTION 3</a>
</div>
</div>

Main Body Content

To create the pink box that contains the main page content, use this code:

<div class="mainbody"> CONTENT GOES HERE </div>

Page Titles

To insert a page title, use this code:

TOP

telly grobstein