Reference no: EM132085767
Open the index.html file and modify it to apply styles from the yoga.css external style sheet.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Path of Light Yoga Studio</title>
<meta charset="utf-8">
<link href="yoga.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header><h1>Path of Light Yoga Studio</h1></header>
<nav>
<a href="index.html">Home</a> <a href="classes.html">Classes</a>
<a href="schedule.html">Schedule</a> <a href="contact.html">Contact</a>
</nav>
<main>
<h2>Find Your Inner Light</h2>
<p> <span class="studio">Path of Life Yoga Studio</span> provides all levels of yoga pratice in a tranquil, peaceful
environment. Whether you are new to yoga or an experienced practitioner, our dedicated
instructors can develop a practice to meet your needs. Let your inner light shine
at the <span class="studio">Path of Light Yoga Studio</span></p>
<ul>
<li>Hatha, Vinyasa, and Restorative Yoga Classes</li>
<li>Drop-ins welcome</li>
<li>Mats, blocks, and blankets provided</li>
<li>Relax in our Serenity Lounge before or after your class</li>
</ul>
<div>
Path of Light Yoga Studio<br>
612 Serentity Way<br>
El Dorado, CA 96162<br>
<br>
<br>
888-555-5555<br>
<br>
<br>
</div>
</main>
<footer>
Copyright © Path of Light Yoga<br>
<a href="mailto:[email protected]">[email protected]</a>
</footer>
</div>
</body>
1. Add a <link> element to associate the web page with the yoga.css external style sheet file.
2. Configure the navigation area. Remove the <b> element from the navigation area, because the CSS will configure the bold font style.
3. Look in the main content area for the company name ("Path of Light Yoga Studio") and configure a span element to contain this text each time it appears. Assign each span element to the studio class.
4. Configure the page footer area. Remove the <small> and <i> elements -- they are no longer needed since CSS is now used to configure the text.