133k views
1 vote
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

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

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



User Trahane
by
5.0k points

1 Answer

4 votes

Answer:

See explaination

Step-by-step explanation:

<!DOCTYPE html>

<html lang="en" dir="ltr">

<head>

<meta charset="ut f-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.jp g" 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&#176; 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>

<h r>

<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 3 0 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!

<b r>

<cite>—Justine Reynolds, Cleveland</cite>

</blockquote>

<h r/>

</p>

</section>

<section>

<address>

NewYou Personal Training, 3451 West Oxmoor Avenue, Cleveland, TN 37311. (555) 639-9681 or (555) NEW-Y OU1

</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;

}

User Ganesh AB
by
5.2k points