CSS selector:

.nav-button

Sample code:

<button class="nav-button" type="button">Nav Button</button>

Rendered element:

Nav Button

CSS selector:

.in-text-link

Sample code:

<p>Here is a link to <a href="https://www.google.com" target="_blank">Google</a> that will open a new tab.</p>

Rendered element:

Here is a link to Google that will open a new tab.

CSS selector:

.clickable-img

Sample code:

<a href="https://google.com" id="logo" target="_blank"><img class="clickable-img example-img" src="img/laptopDaisy7094.jpg" alt="Daisy 7064 preview image of vibrant kaleidoscope"></a>

Rendered element:

CSS selectors:

h1, h2, h3, h4

Sample code:

<h1>About me</h1>

Rendered element:

H1 - About me

HK Grotesk Bold Regular

H2 - Showcased work

HK Grotesk Medium Regular

H3 - Nederlands Dans Theatre

HK Grotesk Medium Regular

H4 - Click here to view my GitHub

HK Grotesk Bold Regular

CSS selectors:

p

Sample code:

<p>Daisy 7094 was our approach...</p>

Rendered element:

Daisy 7094 was our approach to transforming one's everyday encounter with voice and conversation. Since humans are social creatures, we have evolved to communicate complex feelings in subtle manners hidden in our voice. Ultimately, Daisy 7094 celebrates the nuances of conversation into unique visual expressions of tone and emotion.

CSS selectors:

custom-ul

Rendered element:

• p5.js
• BootStrap
• Node.js

CSS selectors:

custom-ol

Rendered element:

1. p5.js
2. BootStrap
3. Node.js