Shape Up! 5 Enhance the home page formatting In this exercise, you'll use the CSS box model to add spacing, borders, and back- grounds to the Shape Up! home page that you formatted in exercise 4. When you're through, the page should look similar to this: Shape Up! Find the best fit for you Get ready to Shape Up! out the exercises and best for you offer personalized programs as well as access to several team and dening tools So don't want Get started looking Feessabout so much more than exercise its a catalyst for positive change and affects every aspect What we offer Build strong muscles of being training can help you manage or lose weight and increase your metab to help you Get your heart rate weight Cardiovascular exercibe bums calories and improves overal heath can reduce bely Stressed out can weaken the immune system and cause high blood pressure que depression a Eth Are what you ea Additional resources Philande

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Shape Up!</title>
<link rel="shortcut icon" href="images/favicon.ico">
</head>

<body>
<header>
<img src="images/shape_up_logo.png" alt="Shape Up logo">
<h2>Shape Up!</h2>
<h3>Find the best fit for you</h3>
</header>
<main>
<section>
<h1>Get ready to Shape Up!</h1>
<p>How many times have you started a new workout routine or diet? And how many times has it failed to give you the results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking and feeling better today.</p>
<p>As fitness expert Amanda Russell said:</p>
<blockquote>Fitness is about so much more than exercise. It’s a catalyst for positive change, and it affects every aspect of your life.</blockquote>
<h2>What we offer</h2>
<h3><a href="strength/index.html">Build strong muscles</a></h3>
<p>Tired of being tired? Strength training can help you manage or lose weight and increase your metabolism to help you burn more calories. It can also increase bone density and reduce the risk of osteoporosis. </p>
<h3><a href="cardio/index.html">Get your heart rate up</a></h3>
<p>Want to lose weight? Cardiovascular exercise burns calories and improves overall health. It can reduce belly fat, promote brain growth, prevent stress, and help you focus.</p>
<h3><a href="stress/index.html">Relax</a></h3>
<p>Stressed out? Stress can weaken the immune system and cause high blood pressure, fatigue, depression, anxiety, and even heart disease. Learn ways to manage and reduce stress.</p>
<h3><a href="diet/index.html">Eat what's right for you</a></h3>
<p>Are you really what you eat? Lose weight, gain weight, or just feel great! Maintaining a healthy diet is probably the most important thing you can do to promote overall health.</p>
</section>
<aside>
<h2>Additional resources</h2>
<ul>
<li><a href="https://www.cdc.gov/physicalactivity/basics/pa-health/index.htm">Physical activity and health</a></li>
<li><a href="http://www.heart.org/HEARTORG/HealthyLiving/PhysicalActivity/FitnessBasics/Flexibility-Exercise-Stretching_UCM_464002_Article.jsp#.WpB8zIPwaUl">Stretching exercises</a></li>
<li><a href="http://www.heart.org/HEARTORG/HealthyLiving/PhysicalActivity/FitnessBasics/Strength-and-Resistance-Training-Exercise_UCM_462357_Article.jsp#.WpCPxIPwaUl">Strength training</a></li>
<li><a href="https://www.health.harvard.edu/exercise-and-fitness/interval-training-for-a-stronger-heart">Cardiovascular training</a></li>
<li><a href="https://www.self.com/gallery/power-yoga-workout">Yoga workout</a></li>
</ul>
</aside>
</main>
<footer>
<p>&copy; 2022 Shape Up!</p>
</footer>
</body>
</html>
=
46
Chapter 5
Shape Up! 5 Enhance the home page formatting
In this exercise, you'll use the CSS box model to add spacing, borders, and back-
grounds to the Shape Up! home page that you formatted in exercise 4. When you're
through, the page should look similar to this:
Shape Up!
→ C
127.0.0.1:5500/shape_up_solutions/ch05/index.html
Shape Up!
Find the best fit for you
Get ready to Shape Up!
How many times have you started a new workout routine or diet? And how many times has it failed to give you the
results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We
offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking
and feeling better today.
As fitness expert Amanda Russell said:
Fitness is about so much more than exercise. It's a catalyst for positive change, and it affects every aspect
of your life.
What we offer
Build strong muscles
Tired of being tired? Strength training can help you manage or lose weight and increase your metabolism to help you
burn more calories. It can also increase bone density and reduce the risk of osteoporosis.
Get your heart rate up
Want to lose weight? Cardiovascular exercise burns calories and improves overall health. It can reduce belly fat,
promote brain growth, prevent stress, and help you focus.
Relax
Stressed out? Stress can weaken the immune system and cause high blood pressure, fatigue, depression, anxiety.
and even heart disease. Leam ways to manage and reduce stress.
Eat what's right for you
Are you really what you eat? Lose weight, gain weight, or just feel great! Maintaining a healthy diet is probably the
most important thing you can do to promote overall health.
Additional resources
• Physical activity and health
. Stretching exercises
Strength training
• Cardiovascular training
• Yoga workout
Ⓒ2022 Shape Upl
Specifications
• Format the body of the page so it's 900px wide, has a steelblue border with a black
shadow, and is centered in the browser window.
• Add a steelblue border below the header, add a steelblue background to the footer,
and change the color of the footer text to white.
<
Transcribed Image Text:= 46 Chapter 5 Shape Up! 5 Enhance the home page formatting In this exercise, you'll use the CSS box model to add spacing, borders, and back- grounds to the Shape Up! home page that you formatted in exercise 4. When you're through, the page should look similar to this: Shape Up! → C 127.0.0.1:5500/shape_up_solutions/ch05/index.html Shape Up! Find the best fit for you Get ready to Shape Up! How many times have you started a new workout routine or diet? And how many times has it failed to give you the results you want? Now, with the help of this site, you can learn about the exercises and diet that work best for you. We offer personalized programs as well as access to several health and dieting tools. So don't wait! Get started looking and feeling better today. As fitness expert Amanda Russell said: Fitness is about so much more than exercise. It's a catalyst for positive change, and it affects every aspect of your life. What we offer Build strong muscles Tired of being tired? Strength training can help you manage or lose weight and increase your metabolism to help you burn more calories. It can also increase bone density and reduce the risk of osteoporosis. Get your heart rate up Want to lose weight? Cardiovascular exercise burns calories and improves overall health. It can reduce belly fat, promote brain growth, prevent stress, and help you focus. Relax Stressed out? Stress can weaken the immune system and cause high blood pressure, fatigue, depression, anxiety. and even heart disease. Leam ways to manage and reduce stress. Eat what's right for you Are you really what you eat? Lose weight, gain weight, or just feel great! Maintaining a healthy diet is probably the most important thing you can do to promote overall health. Additional resources • Physical activity and health . Stretching exercises Strength training • Cardiovascular training • Yoga workout Ⓒ2022 Shape Upl Specifications • Format the body of the page so it's 900px wide, has a steelblue border with a black shadow, and is centered in the browser window. • Add a steelblue border below the header, add a steelblue background to the footer, and change the color of the footer text to white. <
●
Chapter 5
Add a gradient to the header. The gradient should range from white at the top to
lightsteelblue at the bottom.
• Adjust the margins and padding for the elements on the page so it looks as shown
above.
47
Transcribed Image Text:● Chapter 5 Add a gradient to the header. The gradient should range from white at the top to lightsteelblue at the bottom. • Adjust the margins and padding for the elements on the page so it looks as shown above. 47
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 4 steps with 1 images

Blurred answer
Knowledge Booster
Hyperlinks
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education