Tutorial Project 3 You have been asked to improve on the web page you created fo
ID: 3905339 • Letter: T
Question
Tutorial Project 3
You have been asked to improve on the web page you created for NewYou Personal Training. You will use the file you created for Tutorial Project 1 (code at the bottom). Follow the instructions below to add cascading style sheets to the web page.
Change the information in the title section to say Tutorial Project 3.
Add an inline style to the first <p> tag that changes the font color to darkorange and the font weight to 900.
Add the code to insert an embedded style sheet. The style sheet should set the font-family of all <p> tags to Georgia, serif.
Create a new file named project3style.css. In this new file, add the HTML code that will:
Insert a comment section that contains your name and Tutorial Project 3.
Add a style declaration that will set the body tag to a margin of 50px, the font-family to sans-serif and the background-color to bisque.
Set the style of all level 2 headings to a color of darkblue and the font-size 2em.
Set the color to green and the back-ground color to lightblue for all level 3 headings.
Add one style declaration that will set the following attributes for the address tag:
color: red
text-align: center
font-style: italic
font-variant: small-caps
font-weight: 700
font-size: 12pt
line-height: 24pt
Set the attributes of the blockquote tag so that the background-color is gold, the width is 600px and the padding is 20px.
Add a style declaration so that all list item tags (li) have the following attributes:
text-transform: capitalize
line-height: 2
color: green
Switch to the project3solution.htm file and add the code that will link your CSS file.
<!----- here is the code to use ------->
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Tutorial Project 1</title>
</head>
<body>
<img src="images/logo.jpg" alt="New You Personal Training Banner">
<h2>Welcome to NewYou Personal Training</h2>
<h3>Our services include:</h3>
<h3>Call today to speak to one of our fitness specialists</h3>
<section>
<p>
<ul>
<li> Fitness evaluations with optimal 360° Computerized Body Profile.</li>
<li> Complete individualized training plan with free workout schedule calendar.</li>
<li> Private workout guidance provided daily to help you meet your personal goals.</li>
<li> Complimentary diet and nutrition counseling. </li>
<li> Email and text messaging reminders to help keep you on track.</li>
<li> Workout group sessions for those who prefer to exercise in a group setting.</li>
</ul>
</p>
<p>
<b><i>All fitness and nutrition services can be provided at our brand new facility or in the privacy of your own home or office. </i></b>
</p>
</section>
<section>
<p>
<hr>
<blockquote>
I was struggling to lose weight after the birth of my second child. My friend recommended NewYou, and after the first three months I
had lost 30 pounds. Thanks to the personal attention from their trainers and counselors, I’ve been able to keep the weight off for two
years. I’m in the best shape of my life!
<br>
<cite>—Justine Reynolds, Cleveland</cite>
</blockquote>
<hr/>
</p>
</section>
<section>
<address>
NewYou Personal Training, 3451 West Oxmoor Avenue, Cleveland, TN 37311. (555) 639-9681 or (555) NEW-YOU1
</address>
</section>
</body>
</html>
Explanation / Answer
html : ---------->>>>>>>>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Tutorial Project 1</title>
<style type="text/css">
p{
font-family: Georgia, serif;
}
</style>
<link rel="stylesheet" type="text/css" href="project3style.css">
</head>
<body>
<img src="images/logo.jpg" alt="New You Personal Training Banner">
<h2>Welcome to NewYou Personal Training</h2>
<h3>Our services include:</h3>
<h3>Call today to speak to one of our fitness specialists</h3>
<section>
<p>
<ul>
<li> Fitness evaluations with optimal 360° Computerized Body Profile.</li>
<li> Complete individualized training plan with free workout schedule calendar.</li>
<li> Private workout guidance provided daily to help you meet your personal goals.</li>
<li> Complimentary diet and nutrition counseling. </li>
<li> Email and text messaging reminders to help keep you on track.</li>
<li> Workout group sessions for those who prefer to exercise in a group setting.</li>
</ul>
</p>
<p>
<b><i>All fitness and nutrition services can be provided at our brand new facility or in the privacy of your own home or office. </i></b>
</p>
</section>
<section>
<p>
<hr>
<blockquote>
I was struggling to lose weight after the birth of my second child. My friend recommended NewYou, and after the first three months I
had lost 30 pounds. Thanks to the personal attention from their trainers and counselors, I’ve been able to keep the weight off for two
years. I’m in the best shape of my life!
<br>
<cite>—Justine Reynolds, Cleveland</cite>
</blockquote>
<hr/>
</p>
</section>
<section>
<address>
NewYou Personal Training, 3451 West Oxmoor Avenue, Cleveland, TN 37311. (555) 639-9681 or (555) NEW-YOU1
</address>
</section>
</body>
</html>
project3style.css : ---------->>>>>>>>
/* your name Project 3 */
body{
margin: 50px;
font-family: sans-serif;
background-color: bisque;
}
h2{
color:darkblue;
font-size: 2em;
}
h3{
color: green;
background-color: lightblue;
}
address{
color: red;
text-align: center;
font-style: italic;
font-variant: small-caps;
font-weight: 700;
font-size: 12pt;
line-height: 24pt;
}
blockquote{
background-color: gold;
width: 600px;
padding: 20px;
}
li{
text-transform: capitalize;
line-height: 2;
color: green;
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.