Answered step by step
Verified Expert Solution
Question
1 Approved Answer
In this chapter's case study you will use the existing Path of Light Yoga Studio (Chapter 2) website as a starting point while you create
In this chapter's case study you will use the existing Path of Light Yoga Studio (Chapter 2) website as a starting point while you create a new version of the website that uses an external style sheet to configure color (see Figure 4.29 C) Figure 4.29 New Path of Light Yoga Studio home page with color swatches Path of Light Yoga Studio 1+ #3F2860 Path of Light Yoga Studio #9BC1C2 i Home Classes Schedule Contact Find Your Inner Light #F5F5F5 | Path of Light Yoga Studio provides all levels of yoga practice 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 Path of Light Yoga Studio. . Hatha, Vinyasa, and Restorative Yoga classes - Drop-ins welcome . Mats, blocks, and blankets provided . Relax in our Serenity Lounge before or after your class 612 Serenity Way El Dorado, AZ 86336 Type here to search DOLL O file:///D/CS2100/Terry%20Felke.Morris%2 0%20Basics%20of%20Web%20Design-%20HTML5%20&%20CSS3%2010, Find on page 100 No results Options v You have four tasks in this case study: 1. Create a new folder for the Path of Light Yoga Studio website. 2. Create an external style sheet named yoga.css 3. Update the Home page: index.html. 4. Update the Classes page: classes.html. Task 1: Create a folder called ch4yoga to contain your Path of Light Yoga Studio website files. Copy the index htmi and classes.html files from the Chapter 2 Case Study yoga folder Task 2: The External Style Sheet. Launch a text editor. You will create an external style sheet named yoga.css. A sample wireframe is shown in Figure 4.30D Figure 4.30 The wireframe for the Path of Light Yoga Studio home page main div Code CSS to configure the following violet text color (#3F2860) . Styles for the header element selector that configure a d color (#98C 1C2) Type here to search DOLL
Step by Step Solution
There are 3 Steps involved in it
Step: 1
![blur-text-image](https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-text-image.webp)
Get Instant Access with AI-Powered Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
![blur-text-image](https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp)
Step: 3
![blur-text-image](https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp)
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started