PORTFOLIO STYLE GUIDE

Button

CSS selector:

#contact .form-control

Sample code:

<input type="submit" class="form-control submit" value="Send a message"</a>

Rendered element:

Input Boxes

CSS selector:

#contact input

Sample code:

<input name="name" type="text" class="form-control" placeholder="Your Name" required</a>

Rendered element:

Paragraphs

CSS selector:

Sample code:

 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget viverra lacus, vel ornare libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque fermentum rhoncus velit, eget porttitor nulla. Phasellus ac posuere ipsum. Proin lacinia maximus metus sit amet lobortis.</p>

Rendered element:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eget viverra lacus, vel ornare libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque fermentum rhoncus velit, eget porttitor nulla. Phasellus ac posuere ipsum. Proin lacinia maximus metus sit amet lobortis.

Typography

Colors

PORTFOLIO STYLE GUIDE

Button

CSS selector:

Sample code:

Rendered element:

Input Boxes

CSS selector:

Sample code:

Rendered element:

Paragraphs

CSS selector:

Sample code:

Rendered element:

Typography

Colors

Moodboard