Homework Help is Here – Start Your Trial Now!
Engineering
Computer Engineering
need css style sheet which gives page similia appearance Shape Up!

need css style sheet which gives page similia appearance Shape Up!

Computer Networking: A Top-Down Approach (7th Edition)
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
See similar textbooks
icon
Related questions
Question
100%
i need css style sheet which gives page similia appearance
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Shape Up!</title>
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="styles/normalize.css">
<!--external stylesheet -->
<link rel="stylesheet" href="styles/main.css">
</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>
Shape Up! 4 Format the home page In this exercise, you'll create an external style sheet that you can use to format the Shape Up! home page that you created in exercise 3. When you're through, the page should look similar to this: Shape Up! Ⓒ127.0.0.1:5500/shape_up_solutions/ch04/index.html Shape Up! Find the best fit for you Chapter 4 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: 0 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. Learn ways to manage and reduce stress. Eat what's right for you • Physical activity and health . Stretching exercises . Strength training . Cardiovascular training • Yoga workout 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 Ⓒ2022 Shape Up! Specifications • Create the external style sheet for the home page from the main.css file that's in the styles folder. This file is currently blank. • Set the default font for the document to a sans-serif font. Adjust the font sizes for all of the headings so they look as shown above. 37
Transcribed Image Text:Shape Up! 4 Format the home page In this exercise, you'll create an external style sheet that you can use to format the Shape Up! home page that you created in exercise 3. When you're through, the page should look similar to this: Shape Up! Ⓒ127.0.0.1:5500/shape_up_solutions/ch04/index.html Shape Up! Find the best fit for you Chapter 4 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: 0 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. Learn ways to manage and reduce stress. Eat what's right for you • Physical activity and health . Stretching exercises . Strength training . Cardiovascular training • Yoga workout 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 Ⓒ2022 Shape Up! Specifications • Create the external style sheet for the home page from the main.css file that's in the styles folder. This file is currently blank. • Set the default font for the document to a sans-serif font. Adjust the font sizes for all of the headings so they look as shown above. 37
38 Chapter 4 • Format the links in the section so they're displayed in maroon whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in steelblue. • Format the links in the aside so they're displayed in boldfaced steelblue whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in maroon. • In the header, float the image to the left and indent both headings. In addition, change the color of the first heading to steelblue, italicize it, and add a steelblue shadow. • Format the list to increase the space between the list items. Reduce the font size for the footer and center it. Link the main style sheet that you just created to the home page. ●
Transcribed Image Text:38 Chapter 4 • Format the links in the section so they're displayed in maroon whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in steelblue. • Format the links in the aside so they're displayed in boldfaced steelblue whether or not they've been visited. If a link has the focus or the mouse is hovering over it, though, it should be displayed in maroon. • In the header, float the image to the left and indent both headings. In addition, change the color of the first heading to steelblue, italicize it, and add a steelblue shadow. • Format the list to increase the space between the list items. Reduce the font size for the footer and center it. Link the main style sheet that you just created to the home page. ●
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY
SEE MORE TEXTBOOKS