Zipped folder named: firstname$\_$lastname$\_$tutorial$\_12$

tss$\_$home.html

tss$\_$run.html

tss$\_$bike.html

tss$\_$swim.html

your name and the date in the comment section of the file

$------------------------------------$

tss$\_$home.html

tss$\_$run.html

tss$\_$bike.html

tss$\_$swim.html

links added to the head section directly after the title element:

$----------------------------------$

tss$\_$styles.css

Directly above the initial comment section, inserted line: @charset "utf$-8"$

Directly after the @charset rule at the top of the file, insert the following @font$-$face rule:

@font$-$face $\{$

font$-$family: Quicksand;

src: url$(\text{'}$Quicksand$-$Regular.woff'$)$ format$(\text{'}$woff$\text{'}),$

url$(\text{'}$Quicksand$-$Regular.ttf$\text{'})$ format$(\text{'}$truetype$\text{'})$;

$\}$

your name and date in comments

$--------------------------------------$

Added code within the HTML and Body Styles section:

html $\{$

background$-$color: hsl$(27,72\%,72\%)$;

$\}$

body $\{$

color: rgb$(91,91,91)$;

background$-$color: ivory;

$\}$

$---------------------------------$

Added style rules within the Heading Styles section:

h$1\{$

color: white;

background$-$color: rgb$(222,128,60)$;

$\}$

h$2\{$

color: white;

background$-$color: rgb$(235,177,131)$;

$\}$

$------------------------------------------$

Added style rule within the Aside and Blockquote Styles section:

aside blockquote $\{$

color: rgb$(232,165,116)$;

$\}$

$-----------------------------$

selectors for the h$1$ and h$2$ elements in the Heading Styles section to

article#about$\_$tss h$1$

article#about$\_$tss h$2$

$-----------------------------------------$

Within the Heading Styles section, added the following style rule to display the text of h$1$ and h$2$

headings:

article.syllabus h$1,$ article.syllabus h$2\{$

background$-$color: rgb$(255,185,255)$;

color: rgb$(101,101,101)$; $\}$

Added style rule for the body element: font$-$family: Verdana, Geneva, sans$-$serif; $2$

At the top of the section for Heading Styles, insert the style rule:

h$1,$ h$2\{$

font$-$family: Quicksand, Verdana, Geneva, sans$-$serif;

$\}$

Added style rules directly below the Heading Styles comment to define the font sizes for h$1$ and h$2$

headings throughout the website:

h$1\{$

font$-$size: $2\mathrm{.}2$em;

$\}$

h$2\{$

font$-$size: $1\mathrm{.}5$em;

$\}$

$--------------------------$

Aside and Blockquote Styles section, added style rule to set the default font size of text in the aside

element to $0\mathrm{.}8$em:

aside $\{$

font$-$size: $0\mathrm{.}8$em;

$\}$

$---------------------------------------$

Navigation Styles section, added style rule to set the default font size of text in the navigation list to

$0\mathrm{.}8$em:

nav $\{$

font$-$size: $0\mathrm{.}8$em;

$\}$

$----------------------------------------$

Heading Styles section, inserted style as part of the style rule for the h$1,$ h$2$ selector:

letter$-$spacing: $0\mathrm{.}1$em;

$------------------------------------------------$

Navigation Styles section, inserted style rule for the text of ul elements nested within the nav

element:

nav $>$ ul $\{$

line$-$height: $2$em;

$\}$

$--------------------------------$

Footer Styles section, added style rule:

body $>$ footer address $\{$

background$-$color: rgb$(222,128,60)$;

color: white;

color: rgba$(255,255,255,0\mathrm{.}7)$;

font: normal small$-$caps bold $0\mathrm{.}9$em$/3$em

Quicksand, Verdana, Geneva, sans$-$serif;

text$-$align: center;

$\}$

$----------------------------------------$

List Styles section, inserted style rules to format nested ordered lists within the syllabus article:

article.syllabus ol $\{$

list$-$style$-$type: upper$-$roman;

$\}$

article.syllabus ol ol $\{$

list$-$style$-$type: upper$-$alpha;

$\}$

article.syllabus ol ol ol $\{$

list$-$style$-$type: decimal;

$\}$

$--------------------------------------------$

Navigation Styles section, within the style rule for the nav $>$ ul selector, added the style list$-$styletype: none;

top of the List Styles section, inserted style rule:

article#about$\_$tss ul $\{$

list$-$style$-$image: url$($runicon$.$png$)$;

$\}$

$------------------------------------$

nav $>$ ul style rule in the Navigation Styles section and insert the style padding$-$left: $5$px;$.2$

Directly below the style rule for the nav $>$ ul selector in the Navigation Styles section, inserted rule:

nav $>$ ul $>$ li$.$newgroup $\{$

margin$-$top: $20$px;

$\}$

$-----------------------------------------$

Aside and Blockquote Styles section, aside blockquote selector inserted the margin style rule: $20$px

$5$px;

$-----------------------------------------$

List Styles section, deleted the article#about$\_$tss ul style rule that sets the list style image marker

and replaced it with the following three style rules:

article#about$\_$tss ul li:first$-$of$-$type $\{$

list$-$style$-$image: url$($runicon$.$png$)$;

$\}$

article#about$\_$tss ul li:nth$-$of$-$type$(2)\{$

list$-$style$-$image: url$($bikeicon$.$png$)$;

$\}$

article#about$\_$tss ul li:last$-$of$-$type $\{$

list$-$style$-$image: url$($swimicon$.$png$)$;

$\}$

$------------------------------$

Navigation Styles section, inserted style rules for hypertext links that have been visited or not visited.

nav $>$ ul $>$ li $>$ a:link, nav $>$ ul $>$ li $>$ a:visited $\{$

color: rgb$(151,151,151)$;

text$-$decoration: none;

$\}$

$---------------------------------------$

Navigation Styles section, inserted style rules for links that are being hovered over or are active:

nav $>$ ul $>$ li $>$ a:hover, nav $>$ ul $>$ li $>$ a:active $\{$

color: rgb$(255,64,255)$;

text$-$decoration: underline;

$\}$

$------------------------------------------$

Aside and Blockquote Styles section, within the style rule for the aside blockquote selector, inserted

the following quotes property to use curly quotes for the quotation marks: quotes: $"\backslash 201$C$"$

$"\backslash 201$D$"$