Use File Explorer $($Windows$)$ or Finder $($macOS$)$ to navigate to the chapter$03\backslash$lab$1$ folder in the Data Files. Copy the images folder to your music website folder created in Chapter $2,$ Lab $1.$

$2$

Open template.html in your text editor. In the nav element, add a hyperlink to the text, Home, that opens index.html$.$ Add a hyperlink to the text, Lessons, that opens lessons.html$.$ Add a hyperlink to the text, Instructors, that opens instructors.html$.$ Add a hyperlink to the text, Rentals, that opens rentals.html$.$ Add a hyperlink to the text, Contact, that opens contact.html$.$ Update the nav element in the index.html file to match the template.html file.

$3$

In the template file, nest an empty div element within the main element.

$4$

Add an email link to the email address within the footer element on the template.html file and the index.html$.$ Save your changes.

$5$

In the index.html file, in the main element, wrap the two paragraph elements within a div element with an id attribute value of intro. Indent the two paragraph elements. Save your changes.

$6$

Use the template file to create a new page and name the file lessons.html$.$

$7$

Update the comment with the file name and today$$s date. In the title element, replace the text, Template, with Lessons.

$8$

Add an id attribute with a value info to the div element within the main element. Nest the following elements within the div:

Lines of unnumbered H T M L code read as follows. left single angle bracket comma h$2$ comma right single angle bracket Private Lessons comma left single angle bracket comma forward slash h$2$ comma right single angle bracket left single angle bracket comma p comma right single angle bracket We make learning music fun exclamation mark We offer private lessons for piano comma guitar comma and violin. Contact us today to schedule your first lesson for free exclamation mark left single angle bracket comma forward slash p comma right single angle bracket left single angle bracket comma p comma right single angle bracket We provide colon left single angle bracket comma forward slash p comma right single angle bracket left single angle bracket comma u l comma right single angle bracket left single angle bracket comma l i comma right single angle bracket Dedicated and Professional Instructors comma left single angle bracket comma forward slash l i comma right single angle bracket left single angle bracket comma l i comma right single angle bracket No Long$-$Term Contracts comma left single angle bracket comma forward slash l i comma right single angle bracket left single angle bracket comma l i comma right single angle bracket Flexible Schedule comma left single angle bracket comma forward slash l i comma right single angle bracket left single angle bracket comma l i comma right single angle bracket Spring and Winter Performances comma left single angle bracket comma forward slash l i comma right single angle bracket left single angle bracket comma l i comma right single angle bracket Summer Camps comma left single angle bracket comma forward slash l i comma right single angle bracket left single angle bracket comma forward slash u l comma right single angle bracket

Enlarge Image

$9$

Below the info div, add a new div element with an id attribute of piano. Nest the following elements within the div:

Lines of unnumbered H T M L code read as follows. left single angle bracket comma h$3$ comma right single angle bracket Piano Lessons comma left single angle bracket comma forward slash h$3$ comma right single angle bracket left single angle bracket comma i m g s r c equals left double quotation mark images forward slash piano$-$lesson dot j p g right double quotation mark alt equals left double quotation mark piano teacher and student sitting at a piano right double quotation mark height equals left double quotation mark $260$ right double quotation mark width equals left double quotation mark $400$ right double quotation mark comma right single angle bracket left single angle bracket comma p comma right single angle bracket We offer piano lesson for all ages comma beginning at age three. Whether you are a beginner or have been playing the piano for a while comma we have a program to suit your needs. Learn new techniques comma theory comma harmony comma and tone. Learning how to play the piano helps develop hand$-$eye coordination and self$-$confidence. left single angle bracket comma forward slash p comma right single angle bracket

Enlarge Image

$10$

Below the piano div, add a new div element with an id attribute of guitar. Nest the following elements within the div:

Lines of unnumbered H T M L code read as follows. left single angle bracket comma h$3$ comma right single angle bracket Violin Lessons comma left single angle bracket comma forward slash h$3$ comma right single angle bracket left single angle bracket comma i m g s r c equals left double quotation mark images forward slash woman$-$violin dot j p g right double quotation mark alt equals left double q