11/6/3641/4/2/12/22/200 Path of Light Yoga Studio Yoga Classes Gentle Hatha Yoga Vinyasa Yoga Restorative Yoga Intended for beginners Although designed for This 90 minute class and anyone wishing a intermediate to advanced features very slow grounded foundation in students, beginners are movement and long the practice of yoga, this welcome to sample this poses that are supported 60 minute class of poses 60 minute class that by a chair or wall. This and slow movement focuses on breath calming, restorative focuses on asana (proper synchronized movement experience is suitable for alignment and posture), - you will inhale and students of any level of pranayama (breath exhale as you flow experience. This practice work), and guided energetically through is can be a perfect way meditation to foster your yoga poses to help rehabilitate an mind and body Injury. connection. Relax Anytime with Savasana Prepare yourself for savasana. Lie down on your yoga mat with your arms at your side with palms up. Close your eyes and breathe slowly but deeply. Sink Into the mat and let your worries slip away. When you are ready, roll on your side and use your arms to push yourself to a sitting position with crossed legs. Place your hands in a prayer position. Be grateful for all that you have in life. Namaste. 0:00 / 1:25 The web strax V Basics of Web Design the X Veure Book 211045/4/6/3641/4/2/12/6/2/2000 C Sesto Sox 113 Apr 22 Part 2 x New To 1 Create a new folder for this path of Light Yoga Studio case study 2. Modify the style sheet (yoga ess) to configure a transition for the navigation background color 3 Configure the Classes page (classesbl) to display an audio control and update the external CSS Task 1 Create a folder called chyoga to contain your Path of Light Yoga Studio website flies Copy the files from the Chapter 10 Case Study ch1Oyoga folder to your new cht Copy the savasana mp3 and savasana og files from the chapter11icasestudystarters folder in the student files and save them in your chatyoga folder Task 2 Configure a Header Hyperlink Transition with CSS. Open yoga css in a text editor Locate the header a selector Change the text color for the hover pseudo class to #BF9 style declaration configure a ten second text color ease-out transition Save the fire Display any of the web pages in a browser that supports transitions and place your mouse pointer in the header area. You should see a gradual change in the text color Task 3 Configure the Audio Open the Classes page (classes tm) in a text editor Modity classes html so that a heading a paragraph and an HTML5 audio control display botween assigned to the id flow and the div assigned to the matter (see Figure 1124 Use ant 12 element to display the text "Relax Anytime with Savasana" Add a paragraph that conta following text "Prepare yourself for savasana. Le down on your yoga mat with your arms at your side with palms up Close your eyes and breathe slowy but deeply Sink into the mat and let your won away. When you are ready, roll on your side and use your arms to push yourself to a sitting position with crossed legs Place your hands in a prayer position Be grateful for all that you Namaste Refer to Hands-On Practice 113 when you create the audio control Configure the audio and source elements to wok with the following tlies savasana mp3 and savasara nga Cor hyperlink to the savasana mp3 file as a fallback if the audio element is not supported Save the file check your HTML syntax using the wc Vinlidator (https:/validator.w3.org) Correct retest if necessary Next, configure the ass launch a text editor Open yoga css Configure a style above the media queries for the mode element sector that sets a embottom margin Save the yoga se Launch a browser to test your classes filmi page. It should look similar to Figure 11.240 Pax + X Home Classes Schedule Contact Path of Light Yoga Studio 11/6/3641/4/2/12/22/200 Path of Light Yoga Studio Yoga Classes Gentle Hatha Yoga Vinyasa Yoga Restorative Yoga Intended for beginners Although designed for This 90 minute class and anyone wishing a intermediate to advanced features very slow grounded foundation in students, beginners are movement and long the practice of yoga, this welcome to sample this poses that are supported 60 minute class of poses 60 minute class that by a chair or wall. This and slow movement focuses on breath calming, restorative focuses on asana (proper synchronized movement experience is suitable for alignment and posture), - you will inhale and students of any level of pranayama (breath exhale as you flow experience. This practice work), and guided energetically through is can be a perfect way meditation to foster your yoga poses to help rehabilitate an mind and body Injury. connection. Relax Anytime with Savasana Prepare yourself for savasana. Lie down on your yoga mat with your arms at your side with palms up. Close your eyes and breathe slowly but deeply. Sink Into the mat and let your worries slip away. When you are ready, roll on your side and use your arms to push yourself to a sitting position with crossed legs. Place your hands in a prayer position. Be grateful for all that you have in life. Namaste. 0:00 / 1:25 The web strax V Basics of Web Design the X Veure Book 211045/4/6/3641/4/2/12/6/2/2000 C Sesto Sox 113 Apr 22 Part 2 x New To 1 Create a new folder for this path of Light Yoga Studio case study 2. Modify the style sheet (yoga ess) to configure a transition for the navigation background color 3 Configure the Classes page (classesbl) to display an audio control and update the external CSS Task 1 Create a folder called chyoga to contain your Path of Light Yoga Studio website flies Copy the files from the Chapter 10 Case Study ch1Oyoga folder to your new cht Copy the savasana mp3 and savasana og files from the chapter11icasestudystarters folder in the student files and save them in your chatyoga folder Task 2 Configure a Header Hyperlink Transition with CSS. Open yoga css in a text editor Locate the header a selector Change the text color for the hover pseudo class to #BF9 style declaration configure a ten second text color ease-out transition Save the fire Display any of the web pages in a browser that supports transitions and place your mouse pointer in the header area. You should see a gradual change in the text color Task 3 Configure the Audio Open the Classes page (classes tm) in a text editor Modity classes html so that a heading a paragraph and an HTML5 audio control display botween assigned to the id flow and the div assigned to the matter (see Figure 1124 Use ant 12 element to display the text "Relax Anytime with Savasana" Add a paragraph that conta following text "Prepare yourself for savasana. Le down on your yoga mat with your arms at your side with palms up Close your eyes and breathe slowy but deeply Sink into the mat and let your won away. When you are ready, roll on your side and use your arms to push yourself to a sitting position with crossed legs Place your hands in a prayer position Be grateful for all that you Namaste Refer to Hands-On Practice 113 when you create the audio control Configure the audio and source elements to wok with the following tlies savasana mp3 and savasara nga Cor hyperlink to the savasana mp3 file as a fallback if the audio element is not supported Save the file check your HTML syntax using the wc Vinlidator (https:/validator.w3.org) Correct retest if necessary Next, configure the ass launch a text editor Open yoga css Configure a style above the media queries for the mode element sector that sets a embottom margin Save the yoga se Launch a browser to test your classes filmi page. It should look similar to Figure 11.240 Pax + X Home Classes Schedule Contact Path of Light Yoga Studio