Skip to content

Instantly share code, notes, and snippets.

@ziningyan

ziningyan/fitness.html

Last active December 10, 2018 16:47
Show Gist options
  • Save ziningyan/71089d8a6a2e0728ded22876eaee39e0 to your computer and use it in GitHub Desktop.
Save ziningyan/71089d8a6a2e0728ded22876eaee39e0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fitness.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Fitness</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/fitness-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" type="text/css" href="css/fitness-iphone.css" />
</head>
<body bgcolor="#fff8f1">
<!--wrapper-->
<div id="wrapper">
<!--wrapper-->
<div class="header"><img src="img/fitness-header.png"></div>
<div class="weblg"><img src="img/fitness-weblg.jpg" width="193"></div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="contact-us">
<div class="facebook"><img src="img/facebook(fitness).png"></div>
<div class="pinterest"><img src="img/pinterest(fitness).png"></div>
<div class="ins"><img src="img/ins(fieness).png"></div>
<div class="twitter"><img src="img/twitter(fitness).png"></div>
</div>
<div class="headerline"> </div>
<!-------fieness-article-------!---->
<div class="circle-pic"><img src="img/circle-pic.png"></div>
<div class="illustration"><p>illustration:Rami Niemi</p></div>
<div class="fieness-article">
<div class="catalogue">
<p>
MOVEMENT
</p>
</div>
<div class="TITLE">
<h>
7-Minute Workout To <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Fitness</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/fitness-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" type="text/css" href="css/fitness-iphone.css" />
</head>
<body bgcolor="#fff8f1">
<!--wrapper-->
<div id="wrapper">
<!--wrapper-->
<div class="header"><img src="img/fitness-header.png"></div>
<div class="weblg"><img src="img/fitness-weblg.jpg" width="193"></div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="contact-us">
<div class="facebook"><img src="img/facebook(fitness).png"></div>
<div class="pinterest"><img src="img/pinterest(fitness).png"></div>
<div class="ins"><img src="img/ins(fieness).png"></div>
<div class="twitter"><img src="img/twitter(fitness).png"></div>
</div>
<div class="headerline"> </div>
<!-------fieness-article-------!---->
<div class="circle-pic"><img src="img/circle-pic.png"></div>
<div class="illustration"><p>illustration:Rami Niemi</p></div>
<div class="fieness-article">
<div class="catalogue">
<p>
MOVEMENT
</p>
</div>
<div class="TITLE">
<h>
7-Minute Workout To
Fortify Your Butt and Legs
</h>
</div>
<div class="mainbody">
<p>
“Isolating and working with your full body weight
on one leg is very good way to stillbring a lot of
resistance to the movement with linited to no
equiment.These moves really challenge the leg
as it’s not used to holding the full load of the body.”
says matrea,personal trainer.Another way to en
-sure your lower-body workouts are extra efficient
is to actually work the muscles you want to work.
Despite the booty-building craze,most people don’t
actually know how to activate their glutes when
they are working out.It’s easyfor your quads to ta
-ke over many lower body movement if you’re not
thinking about squeezing the rught muscle.When
it comes to lower-body work,compound moves are
your friends.You won’t need much for the routine,
just a chair and your own body weight.
</p>
</div>
</div>
<div class="background1"><img src="img/fitness-bg1.png"></div>
<!--------Single-Leg Pistol Squat(Both Leg)--------->
<div class="care"><p>CARE</p></div>
<div class="Single-Leg"><img src="img/fitnessp1.png" width="300"></div>
<div class="title-01">
<p>
01
</p>
</div>
<div class="rectangle01">
<img src="img/01.png">
</div>
<div class="Single-Leg-title">
<h>
Single-Leg Pistol Squat(Both Leg)
</h>
</div>
<div class="Single-Leg-mainbody">
<p>
Start by standing in front of
chair with feet hip width.Shift
weight to right leg and extend
left out in front of you.Keeping
core engaged and chest lifted,
send hips back to lower seat to
chair.Tap butt to seat,then press
through right heel to stand back
up.For an extra challenge,remove
the chair and try to lower butt
about three inches from floor,try
to keep left leg lifted.Then extend
right leg out infront of you.
</p>
</div>
<!--------High Knees With Arms Overhead -------->
<div class="High-Knees"><img src="img/fitnessp2-web.png""300"></div>
<div class="title-02">
<p>
02
</p>
</div>
<div class="rectangle02">
<img src="img/02.png">
</div>
<div class="High-Knees-title">
<h>
High Knees With Arms Overhead
</h>
</div>
<div class="High-Knees-mainbody">
<p>
Stand tall with feet hip width.
Extend arms overhead,keeping
biceps close to your ears.Engage
core and use lower abs to lift and
lower one knee at a time as if
running in place.Bring knees to
same height as hip,thighs parallel
to floor,and try not to lean back.
Stay on balls of feet and alternate
legs as quickly as possible.
</p>
</div>
<!-----Shoulder Tap----!----->
<div class="Shoulder-Tap"><img src="img/fitnessp3web.png"></div>
<div class="title-03">
<p>
03
</p>
</div>
<div class="rectangle03">
<img src="img/03.png">
</div>
<div class="Shoulder-Tap-title">
<h>
Shoulder Tap
</h>
</div>
<div class="Shoulder-Tap-mainbody">
<p>
Start in high plank position,
wrists under shoulders,feet
slightly wider than hip width
apart.Engage core and butt for
stability.Tap left hand to right
shoulder,then place back on mat.
Resist the urge to let hips twist
or dip;keep them square to mat.
Repeat by tapping right hand to
left shoulder an continue to
alternate.
</p>
</div>
<!-------Side Lunge----------------->
<div class="Side-Lunge"><img src="img/fitnessp5web.png"></div>
<div class="title-04">
<p>
04
</p>
</div>
<div class="Side-Lunge-title">
<h>
Side Lunge
</h></div>
<div class="Side-Lunge-mainbody">
<p>
start facing away from chair with feet about two
feet away.Reach left back ward and rest toes on
edge of seat.With core engaged and back tall,
bend right knee to lower body until right thigh is
about parallel to floor and right shin forms a pa
-rallel line with back.Press into right heel and
squeeze glutes to drive back up to starting pos
-ition.
</p></div>
<!------------Split Squat----------->
<div class="Split-Squat"><img src="img/fitnessp4web.png"></div>
<div class="title-05">
<p>
05
</p>
</div>
<div class="Split-Squat-title">
<h>
Split Squat
</h></div>
<div class="Split-Squat-mainbody">
<p>
Stand with feet just wider than hip-width apart.Take
a big step to the right with right foot as you hinge at
hips to send butt back.Bend right knee and keep left
leg straight.Shift all body weight to the right side as
you squat back while keeping chest lifted.Push off
with right leg to return to standing,then repeat.
</p></div>
<div class="fitness-bg2"><img src="img/fitness-bg2.png"></div>
<div class="title-06">
<p>
06
</p>
</div>
<div class="Squat-Thrust"><img src="img/fitnessp6web.png"></div>
<div class="Squat-Thrust-title">
<h>
Squat Thrust
</h></div>
<div class="Squat-Thrust-mainbody">
<p>
Start standing,then forward fold to place hands on
floor.Jump feet out to a plank position(shoulders
over wrists,core engaged).Jump your feet back to
hands,and stand tall.Continute to repeat.
Draw an imaginary line down the middle of the floor.
Keeping your feet together.Jump side to side over
the line as quickly as possible.Land lightly on your
feet with every jump.
</p></div>
<!------FUTHER READING----------->
<div class="fitness-bg3"><img src="img/fitness-bg3.png"></div>
<div class="FUTHER-READING">
<p>
FUTHER READING
</p>
</div>
<!-------OUTDOOR1---------->
<div class="outdoors-pic">
<img src="img/running.png">
</div>
<div class="outdoors-title">
<p>
OUTDOORS
</p>
</div>
<div class="outdoors-MAINBODY">
<p>
New study gets fascinating
insight into how our brains
change when we are outside.
</p>
</div>
<!-------OUTDOOR2---------->
<div class="outdoors-pic2">
<img src="img/picnicker.png">
</div>
<div class="outdoors-title2">
<p>
OUTDOORS
</p>
</div>
<div class="outdoors2-MAINBODY">
<p>
The anti-stress,anti-insomina
outdoor workout you can't skip
this winter
</p></div>
<!-------routines---------->
<div class="routines-pic">
<img src="img/gym.png">
</div>
<div class="routines-title"><p>ROUTINES</p></div>
<div class="routines-MAINBODY">
<p>
The one exercise this celebrity
personal trainer says you should
avoid
</p></div>
<div class="futherreading-line1"><img src="img/futherreading-line1.png"></div>
<div class="futherreading-line2"><img src="img/futherreading-line2.png"></div>
<div class="words"><h>WORD:</h></div>
<div class="GREATIST"><p>GREATIST.COM</p></div>
<div class="PHOTOES"><p>PHOTOES:</p></div>
<div class="KRISTIN-CANNING"><p>Kristin Canning</p></div>
<div class="header-l"><img src="img/fitness-headerline.png"></div>
<div class="footer">
<img src="img/fitness-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!------------iphone-------------->
<div class="header-iphone"><img src="img/fitness-iphone.png"></div>
<div class="lgphone"><img src="img/fitness-phonelg.png" width="98"></div>
<div class="circle-pic-iphone"><img src="img/circle-插画.png"></div>
<div class="p1-iphone"><img src="img/fitnessp1-iphone.png"></div>
<div class="p2-iphone"><img src="img/fitnessp2-iphone.png"></div>
<div class="p3-iphone"><img src="img/fitnessp3-iphone.png"></div>
<div class="p4-iphone"><img src="img/p4-iphone.png"></div>
<div class="p5-iphone"><img src="img/fitnessp5-iphone.png"></div>
<div class="p6-iphone"><img src="img/fitnessp6-iphone.png"></div>
<div class="running-iphone"><img src="img/running-iphone.png"></div>
<div class="picnicker-iphone"><img src="img/picnicker-iphone.png"></div>
<div class="gym-iphone"><img src="img/gym-iphone.png"></div>
</div>
</body>
</html>
Fortify Your Butt and Legs
</h>
</div>
<div class="mainbody">
<p>
“Isolating and working with your full body weight
on one leg is very good way to stillbring a lot of
resistance to the movement with linited to no
equiment.These moves really challenge the leg
as it’s not used to holding the full load of the body.”
says matrea,personal trainer.Another way to en
-sure your lower-body workouts are extra efficient
is to actually work the muscles you want to work.
Despite the booty-building craze,most people don’t
actually know how to activate their glutes when
they are working out.It’s easyfor your quads to ta
-ke over many lower body movement if you’re not
thinking about squeezing the rught muscle.When
it comes to lower-body work,compound moves are
your friends.You won’t need much for the routine,
just a chair and your own body weight.
</p>
</div>
</div>
<div class="background1"><img src="img/fitness-bg1.png"></div>
<!--------Single-Leg Pistol Squat(Both Leg)--------->
<div class="care"><p>CARE</p></div>
<div class="Single-Leg"><img src="img/fitnessp1.png" width="300"></div>
<div class="title-01">
<p>
01
</p>
</div>
<div class="rectangle01">
<img src="img/01.png">
</div>
<div class="Single-Leg-title">
<h>
Single-Leg Pistol Squat(Both Leg)
</h>
</div>
<div class="Single-Leg-mainbody">
<p>
Start by standing in front of
chair with feet hip width.Shift
weight to right leg and extend
left out in front of you.Keeping
core engaged and chest lifted,
send hips back to lower seat to
chair.Tap butt to seat,then press
through right heel to stand back
up.For an extra challenge,remove
the chair and try to lower butt
about three inches from floor,try
to keep left leg lifted.Then extend
right leg out infront of you.
</p>
</div>
<!--------High Knees With Arms Overhead -------->
<div class="High-Knees"><img src="img/fitnessp2-web.png""300"></div>
<div class="title-02">
<p>
02
</p>
</div>
<div class="rectangle02">
<img src="img/02.png">
</div>
<div class="High-Knees-title">
<h>
High Knees With Arms Overhead
</h>
</div>
<div class="High-Knees-mainbody">
<p>
Stand tall with feet hip width.
Extend arms overhead,keeping
biceps close to your ears.Engage
core and use lower abs to lift and
lower one knee at a time as if
running in place.Bring knees to
same height as hip,thighs parallel
to floor,and try not to lean back.
Stay on balls of feet and alternate
legs as quickly as possible.
</p>
</div>
<!-----Shoulder Tap----!----->
<div class="Shoulder-Tap"><img src="img/fitnessp3web.png"></div>
<div class="title-03">
<p>
03
</p>
</div>
<div class="rectangle03">
<img src="img/03.png">
</div>
<div class="Shoulder-Tap-title">
<h>
Shoulder Tap
</h>
</div>
<div class="Shoulder-Tap-mainbody">
<p>
Start in high plank position,
wrists under shoulders,feet
slightly wider than hip width
apart.Engage core and butt for
stability.Tap left hand to right
shoulder,then place back on mat.
Resist the urge to let hips twist
or dip;keep them square to mat.
Repeat by tapping right hand to
left shoulder an continue to
alternate.
</p>
</div>
<!-------Side Lunge----------------->
<div class="Side-Lunge"><img src="img/fitnessp5web.png"></div>
<div class="title-04">
<p>
04
</p>
</div>
<div class="Side-Lunge-title">
<h>
Side Lunge
</h></div>
<div class="Side-Lunge-mainbody">
<p>
start facing away from chair with feet about two
feet away.Reach left back ward and rest toes on
edge of seat.With core engaged and back tall,
bend right knee to lower body until right thigh is
about parallel to floor and right shin forms a pa
-rallel line with back.Press into right heel and
squeeze glutes to drive back up to starting pos
-ition.
</p></div>
<!------------Split Squat----------->
<div class="Split-Squat"><img src="img/fitnessp4web.png"></div>
<div class="title-05">
<p>
05
</p>
</div>
<div class="Split-Squat-title">
<h>
Split Squat
</h></div>
<div class="Split-Squat-mainbody">
<p>
Stand with feet just wider than hip-width apart.Take
a big step to the right with right foot as you hinge at
hips to send butt back.Bend right knee and keep left
leg straight.Shift all body weight to the right side as
you squat back while keeping chest lifted.Push off
with right leg to return to standing,then repeat.
</p></div>
<div class="fitness-bg2"><img src="img/fitness-bg2.png"></div>
<div class="title-06">
<p>
06
</p>
</div>
<div class="Squat-Thrust"><img src="img/fitnessp6web.png"></div>
<div class="Squat-Thrust-title">
<h>
Squat Thrust
</h></div>
<div class="Squat-Thrust-mainbody">
<p>
Start standing,then forward fold to place hands on
floor.Jump feet out to a plank position(shoulders
over wrists,core engaged).Jump your feet back to
hands,and stand tall.Continute to repeat.
Draw an imaginary line down the middle of the floor.
Keeping your feet together.Jump side to side over
the line as quickly as possible.Land lightly on your
feet with every jump.
</p></div>
<!------FUTHER READING----------->
<div class="fitness-bg3"><img src="img/fitness-bg3.png"></div>
<div class="FUTHER-READING">
<p>
FUTHER READING
</p>
</div>
<!-------OUTDOOR1---------->
<div class="outdoors-pic">
<img src="img/running.png">
</div>
<div class="outdoors-title">
<p>
OUTDOORS
</p>
</div>
<div class="outdoors-MAINBODY">
<p>
New study gets fascinating
insight into how our brains
change when we are outside.
</p>
</div>
<!-------OUTDOOR2---------->
<div class="outdoors-pic2">
<img src="img/picnicker.png">
</div>
<div class="outdoors-title2">
<p>
OUTDOORS
</p>
</div>
<div class="outdoors2-MAINBODY">
<p>
The anti-stress,anti-insomina
outdoor workout you can't skip
this winter
</p></div>
<!-------routines---------->
<div class="routines-pic">
<img src="img/gym.png">
</div>
<div class="routines-title"><p>ROUTINES</p></div>
<div class="routines-MAINBODY">
<p>
The one exercise this celebrity
personal trainer says you should
avoid
</p></div>
<div class="futherreading-line1"><img src="img/futherreading-line1.png"></div>
<div class="futherreading-line2"><img src="img/futherreading-line2.png"></div>
<div class="words"><h>WORD:</h></div>
<div class="GREATIST"><p>GREATIST.COM</p></div>
<div class="PHOTOES"><p>PHOTOES:</p></div>
<div class="KRISTIN-CANNING"><p>Kristin Canning</p></div>
<div class="header-l"><img src="img/fitness-headerline.png"></div>
<div class="footer">
<img src="img/fitness-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!------------iphone-------------->
<div class="header-iphone"><img src="img/fitness-iphone.png"></div>
<div class="lgphone"><img src="img/fitness-phonelg.png" width="98"></div>
<div class="circle-pic-iphone"><img src="img/circle-插画.png"></div>
<div class="p1-iphone"><img src="img/fitnessp1-iphone.png"></div>
<div class="p2-iphone"><img src="img/fitnessp2-iphone.png"></div>
<div class="p3-iphone"><img src="img/fitnessp3-iphone.png"></div>
<div class="p4-iphone"><img src="img/p4-iphone.png"></div>
<div class="p5-iphone"><img src="img/fitnessp5-iphone.png"></div>
<div class="p6-iphone"><img src="img/fitnessp6-iphone.png"></div>
<div class="running-iphone"><img src="img/running-iphone.png"></div>
<div class="picnicker-iphone"><img src="img/picnicker-iphone.png"></div>
<div class="gym-iphone"><img src="img/gym-iphone.png"></div>
</div>
</body>
</html>
Raw
gistfile1.txt
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Fitness</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/fitness-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" type="text/css" href="css/fitness-iphone.css" />
</head>
<body bgcolor="#fff8f1"><!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Diet</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/diet-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" type="text/css" href="css/iphone.css" />
</head>
<body bgcolor="#fff8f1">
<div id="wrapper">
<div class="Diet-header">
<div class="header"><img src="img/1-1366.png"></div>
<!--/*<picture>
<source srcset="img/1-1366.png" media="(max-width: 1366px)">
<source srcset="img/1-750.png" media="(max-width: 750px)">
<img srcset="img/1-1366.png" alt="">
</picture>*/-->
</div>
<div class="phone-banner"><img src="img/1-750.png"></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="contact-us">
<div class="facebook"></div>
<div class="pinterest"><img src="img/pumpkin-pinterest.png"></div>
<div class="ins"><img src="img/pumpkin-ins.png"></div>
<div class="twitter"><img src="img/pumpkin-twitter.png"></div>
</div>
<div class="weblg"><img src="img/diet-weblg.png"></div>
<div class="lgphone"><img src="img/diet-phonelg.png"></div>
<div class="facebook"></div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<div class="diet-guidence">
<div class="rm-bg">
<img src="img/rm-bg.png"></div>
<div class="rm">
<p>
READ MORE
</p>
</div>
</div>
<div class="diet-title">
<h>
Diet Guidance
</h>
</div>
<div class="Healthy-Diet-Article">
<h>
Healthy Diet Article
</h>
</div>
<div class="Recipe-Info">
<h>
Recipe Info
</h>
</div>
<div class="Healthy-Recipe">
<h>
Healthy Recipe
</h>
</div>
<div class="guidence-icon"><img src="img/diet-icon.png"></div>
<div class="a-healthy-diet">
<p1>
A healthy diet
</p1>
</div>
<div class="diet-word">
<p>
Eating a healthy diet doesn’t have to
be overly complicated. While some specific foods or
nutrients have been shown to have a beneficial effect
on mood, it’s your overall dietary pattern that is most
important. The cornerstone of a healthy diet pattern
should be to replace processed food with real food
whenever possible. Eating food that is as close as
possible to the way nature made it can make a huge
difference to the way you think, look, and feel.
</p>
</div>
<div class="eating"><img src="img/eating.png"></div>
<div class="circle"><img src="img/circle.png"></div>
<div class="calling"><img src="img/calling.png"></div>
<div class="pancake-img"><img src="img/pancakeimg.png"></div>
<div class="footer"><img src="img/diet-footer.png"></div>
<div class="footerline"><img src="img/diet-footerline.png"></div>
<div class="yoga"><img src="img/yoga.png"></div>
<div class="left-icon"><img src="img/left.png"></div>
<div class="right-icon"><img src="img/right.png"></div>
<div class="healthy-recipe">
<h>
Healthy Recipe
</h>
</div>
<div class="recipe-icon"><img src="img/recipe-icon.png"></div>
<div class="GH-bg"><img src="img/gh-bg.png"></div>
<div class="strawberry"><img src="img/strawberry.png"></div>
<div class="apple"><img src="img/apple.png"></div>
<div class="carrot"><img src="img/carrot.png"></div>
<div class="bee"><img src="img/bee.png"></div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="recipe-word">
<h1>
Good Healthy
</h1>
<p>
We report on the latest news on nutrition and healthy,providing practical,science based answers to help you make decisions about how you eat.
</p>
<h1>
Good Taste
</h1>
<h></h>
<p>
Our recipe must meet three criteria.First,it has to taste good.Next,it needs to meet our nutrition parameters.And finally,it has to dependable-meaning when you are making it at home,the recipe is easy to follow and it works.
</p>
</div>
</div>
<!------recipe-web-part-------->
<div class="salmon-salad">
<img src="img/salmon-salad.png">
</div>
<div class="pitayafruitsmoothie">
<img src="img/pitayafruitsmoothie.png">
</div>
<div class="pumkin-curry">
<img src="img/pumkin-curry.png">
</div>
<!------recipe-phone-part-------->
<div class="recipe-bg">
<div class="bg1"><img src="img/rec-bg1.png"></div>
<div class="bg2"><img src="img/rec-bg2.png"></div>
<div class="bg3"><img src="img/rec-bg3.png"></div>
</div>
<div class="salmon-pic">
<img src="img/4-750.png">
</div>
<div class="salmon-title">
<p><a href="salmon_avocado.html">Salmon Salad</a></p>
</div>
<div class="salmon-mainbody">
<p>You have to love a recipe when you look down the list of ingredients and everything is good for you.
</p>
</div>
<div class="pitaya-pic"><img src="img/5-750.png"></div>
<div class="pitaya-title">
<p>
<a href="pitaya fruit.html">Pitaya fruit Smoothie</a>
</p></div>
<div class="pitaya-mainbody">
<p>
A stunning purplish-red color that not even the beet can rival
with. There is nothing better than sipping on a bright pink
smoothie.
</p>
</div>
<div class="pumpkin-pic"><img src="img/6-750.png"></div>
<div class="pumpkin-word">
<div class="pumpkin-title">
<p><a href="pumpkin.html">Pumpkin Curry Soup</a>
</p>
</div>
<div class="pumpkin-mainbody">
<p>
This easy vegan pumpkin soup cooks in a single pot and carries
deep flavor notes of Thai curry, coconut, and peanut.It’s healthy
</p>
</div>
</div>
<div class="salmon-readmore">
<div class="salmon-readmore-bg">
<img src="img/rm-bg.png">
</div>
<div class="salmon-readmmore">
<p>
<a href="salmon_avocado.html">READ MORE</a>
</p>
</div>
<div class="pitaya-rm-bg">
<img src="img/pitaya-rm-bg.png">
</div>
<div class="pitaya-readmore">
<p>
<a href="pitaya fruit.html">READ MORE</a>
</p>
</div>
<div class="pumpkin-rm-bg">
<img src="img/pumpkin-rm-bg.png">
</div>
<div class="pumpkin-rm">
<p>
<a href="pumpkin.html">READ MORE</a>
</p>
</div>
</div>
<!------footer------>
<div class="sitebyzoe"><img src="img/SITEBYZOE.png"></div>
<div class="recipe-pear-cheese-tarts"><img src="img/recipe-pear-cheese-tarts.png"></div>
<div class="about-diet">
<h>
ABOUT DIET
</h>
</div>
</div>
</body>
</html>
<!--wrapper-->
<div id="wrapper">
<!--wrapper-->
<div class="header"><img src="img/fitness-header.png"></div>
<div class="weblg"><img src="img/fitness-weblg.jpg" width="193"></div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="contact-us">
<div class="facebook"><img src="img/facebook(fitness).png"></div>
<div class="pinterest"><img src="img/pinterest(fitness).png"></div>
<div class="ins"><img src="img/ins(fieness).png"></div>
<div class="twitter"><img src="img/twitter(fitness).png"></div>
</div>
<div class="headerline"> </div>
<!-------fieness-article-------!---->
<div class="circle-pic"><img src="img/circle-pic.png"></div>
<div class="illustration"><p>illustration:Rami Niemi</p></div>
<div class="fieness-article">
<div class="catalogue">
<p>
MOVEMENT
</p>
</div>
<div class="TITLE">
<h>
7-Minute Workout To
Fortify Your Butt and Legs
</h>
</div>
<div class="mainbody">
<p>
“Isolating and working with your full body weight
on one leg is very good way to stillbring a lot of
resistance to the movement with linited to no
equiment.These moves really challenge the leg
as it’s not used to holding the full load of the body.”
says matrea,personal trainer.Another way to en
-sure your lower-body workouts are extra efficient
is to actually work the muscles you want to work.
Despite the booty-building craze,most people don’t
actually know how to activate their glutes when
they are working out.It’s easyfor your quads to ta
-ke over many lower body movement if you’re not
thinking about squeezing the rught muscle.When
it comes to lower-body work,compound moves are
your friends.You won’t need much for the routine,
just a chair and your own body weight.
</p>
</div>
</div>
<div class="background1"><img src="img/fitness-bg1.png"></div>
<!--------Single-Leg Pistol Squat(Both Leg)--------->
<div class="care"><p>CARE</p></div>
<div class="Single-Leg"><img src="img/fitnessp1.png" width="300"></div>
<div class="title-01">
<p>
01
</p>
</div>
<div class="rectangle01">
<img src="img/01.png">
</div>
<div class="Single-Leg-title">
<h>
Single-Leg Pistol Squat(Both Leg)
</h>
</div>
<div class="Single-Leg-mainbody">
<p>
Start by standing in front of
chair with feet hip width.Shift
weight to right leg and extend
left out in front of you.Keeping
core engaged and chest lifted,
send hips back to lower seat to
chair.Tap butt to seat,then press
through right heel to stand back
up.For an extra challenge,remove
the chair and try to lower butt
about three inches from floor,try
to keep left leg lifted.Then extend
right leg out infront of you.
</p>
</div>
<!--------High Knees With Arms Overhead -------->
<div class="High-Knees"><img src="img/fitnessp2-web.png""300"></div>
<div class="title-02">
<p>
02
</p>
</div>
<div class="rectangle02">
<img src="img/02.png">
</div>
<div class="High-Knees-title">
<h>
High Knees With Arms Overhead
</h>
</div>
<div class="High-Knees-mainbody">
<p>
Stand tall with feet hip width.
Extend arms overhead,keeping
biceps close to your ears.Engage
core and use lower abs to lift and
lower one knee at a time as if
running in place.Bring knees to
same height as hip,thighs parallel
to floor,and try not to lean back.
Stay on balls of feet and alternate
legs as quickly as possible.
</p>
</div>
<!-----Shoulder Tap----!----->
<div class="Shoulder-Tap"><img src="img/fitnessp3web.png"></div>
<div class="title-03">
<p>
03
</p>
</div>
<div class="rectangle03">
<img src="img/03.png">
</div>
<div class="Shoulder-Tap-title">
<h>
Shoulder Tap
</h>
</div>
<div class="Shoulder-Tap-mainbody">
<p>
Start in high plank position,
wrists under shoulders,feet
slightly wider than hip width
apart.Engage core and butt for
stability.Tap left hand to right
shoulder,then place back on mat.
Resist the urge to let hips twist
or dip;keep them square to mat.
Repeat by tapping right hand to
left shoulder an continue to
alternate.
</p>
</div>
<!-------Side Lunge----------------->
<div class="Side-Lunge"><img src="img/fitnessp5web.png"></div>
<div class="title-04">
<p>
04
</p>
</div>
<div class="Side-Lunge-title">
<h>
Side Lunge
</h></div>
<div class="Side-Lunge-mainbody">
<p>
start facing away from chair with feet about two
feet away.Reach left back ward and rest toes on
edge of seat.With core engaged and back tall,
bend right knee to lower body until right thigh is
about parallel to floor and right shin forms a pa
-rallel line with back.Press into right heel and
squeeze glutes to drive back up to starting pos
-ition.
</p></div>
<!------------Split Squat----------->
<div class="Split-Squat"><img src="img/fitnessp4web.png"></div>
<div class="title-05">
<p>
05
</p>
</div>
<div class="Split-Squat-title">
<h>
Split Squat
</h></div>
<div class="Split-Squat-mainbody">
<p>
Stand with feet just wider than hip-width apart.Take
a big step to the right with right foot as you hinge at
hips to send butt back.Bend right knee and keep left
leg straight.Shift all body weight to the right side as
you squat back while keeping chest lifted.Push off
with right leg to return to standing,then repeat.
</p></div>
<div class="fitness-bg2"><img src="img/fitness-bg2.png"></div>
<div class="title-06">
<p>
06
</p>
</div>
<div class="Squat-Thrust"><img src="img/fitnessp6web.png"></div>
<div class="Squat-Thrust-title">
<h>
Squat Thrust
</h></div>
<div class="Squat-Thrust-mainbody">
<p>
Start standing,then forward fold to place hands on
floor.Jump feet out to a plank position(shoulders
over wrists,core engaged).Jump your feet back to
hands,and stand tall.Continute to repeat.
Draw an imaginary line down the middle of the floor.
Keeping your feet together.Jump side to side over
the line as quickly as possible.Land lightly on your
feet with every jump.
</p></div>
<!------FUTHER READING----------->
<div class="fitness-bg3"><img src="img/fitness-bg3.png"></div>
<div class="FUTHER-READING">
<p>
FUTHER READING
</p>
</div>
<!-------OUTDOOR1---------->
<div class="outdoors-pic">
<img src="img/running.png">
</div>
<div class="outdoors-title">
<p>
OUTDOORS
</p>
</div>
<div class="outdoors-MAINBODY">
<p>
New study gets fascinating
insight into how our brains
change when we are outside.
</p>
</div>
<!-------OUTDOOR2---------->
<div class="outdoors-pic2">
<img src="img/picnicker.png">
</div>
<div class="outdoors-title2">
<p>
OUTDOORS
</p>
</div>
<div class="outdoors2-MAINBODY">
<p>
The anti-stress,anti-insomina
outdoor workout you can't skip
this winter
</p></div>
<!-------routines---------->
<div class="routines-pic">
<img src="img/gym.png">
</div>
<div class="routines-title"><p>ROUTINES</p></div>
<div class="routines-MAINBODY">
<p>
The one exercise this celebrity
personal trainer says you should
avoid
</p></div>
<div class="futherreading-line1"><img src="img/futherreading-line1.png"></div>
<div class="futherreading-line2"><img src="img/futherreading-line2.png"></div>
<div class="words"><h>WORD:</h></div>
<div class="GREATIST"><p>GREATIST.COM</p></div>
<div class="PHOTOES"><p>PHOTOES:</p></div>
<div class="KRISTIN-CANNING"><p>Kristin Canning</p></div>
<div class="header-l"><img src="img/fitness-headerline.png"></div>
<div class="footer">
<img src="img/fitness-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!------------iphone-------------->
<div class="header-iphone"><img src="img/fitness-iphone.png"></div>
<div class="lgphone"><img src="img/fitness-phonelg.png" width="98"></div>
<div class="circle-pic-iphone"><img src="img/circle-插画.png"></div>
<div class="p1-iphone"><img src="img/fitnessp1-iphone.png"></div>
<div class="p2-iphone"><img src="img/fitnessp2-iphone.png"></div>
<div class="p3-iphone"><img src="img/fitnessp3-iphone.png"></div>
<div class="p4-iphone"><img src="img/p4-iphone.png"></div>
<div class="p5-iphone"><img src="img/fitnessp5-iphone.png"></div>
<div class="p6-iphone"><img src="img/fitnessp6-iphone.png"></div>
<div class="running-iphone"><img src="img/running-iphone.png"></div>
<div class="picnicker-iphone"><img src="img/picnicker-iphone.png"></div>
<div class="gym-iphone"><img src="img/gym-iphone.png"></div>
</div>
</body>
</html>
Raw
gistfile2.txt
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Pitaya fruit Smoothie</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/pitaya-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/pitaya-iphone.css" type="text/css" />
</head>
<body bgcolor="#fff7ee">
<!--wrapper-->
<div id="wrapper">
<!--wrapper-->
<div class="header"><img src="img/pitayafruit-header.png"></div>
<div class="weblg"><img src="img/pitaya-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/pitaya-facebook.png"></div>
<div class="pinterest"><img src="img/pitaya-pinterest.png"></div>
<div class="ins"><img src="img/pitaya-instagram.png"></div>
<div class="twitter"><img src="img/pitaya-twitter.png"></div>
</div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="slogan"><p>On your way to a healthier life</p></div>
<div class="Ingredients-bg1"><img src="img/矩形.png"></div>
<div class="Ingredients-bg2"><img src="img/矩形5.png"></div>
<div class="title"><h>Pitaya fruit Smoothie</h></div>
<div class="pitaya-introduction">
<h class="title2">Introduction</h>
<p class="introduction">
Pitaya fruit is a low-calorie fruit,high in fiber and
packed with vitamin C. A pitaya fruit smoothie is
a great way to add pitaya fruit into your diet.
</p>
</div>
<div class="information">
<h class="Imformation-per-serving">Imformation per serving</h>
<p class="serving">Serving size 1oz</p>
</div>
<div class="frame"><img src="img/frame.png"></div>
<div class="list1">
<p1>
Name
</p1><br>
<p2>
Calories
</p2><br>
<p3>
Total Fat
</p3><br>
<p4>
Saturated Fat
</p4><br>
<p5>
Sodium
</p5><br>
</div>
<div class="list2">
<p6>
Dietary Fiber
</p6><br>
<p7>
Protein
</p7><br>
<p8>
Calcium
</p8><br>
<p9>
Vitamin C
</p9><br>
<p10>
Vitamin A
</p10>
</div>
<div class="content">
<p1>
131cal
</p1><br>
<p2>
6g
</p2><br>
<p3>
4g
</p3><br>
<p4>36mg</p4><br>
<p5>4g</p5><br>
<br>
</div>
<div class="percentage1">
<p1>
% Daily Value*
</p1><br><br>
<p2>
9%
</p2><br>
<p3>
20%
</p3><br>
<p4>
2%
</p4><br>
</div>
<div class="percentage2"><p5>
16%
</p5><br>
<p6>
4%
</p6><br>
<p7>
2%
</p7><br>
<p8>
4%
</p8><br>
<p9>
2%
</p9><br>
</div>
<div class="detail1">
<p1>Level</p1><br>
<p2>Course<br>
Cuisine </p2><br>
<p3> Prep Time<br>
Total Time
</p3><br>
<p4> Servings </p4><br>
<p5>
Calorise
</p5><br>
</div>
<div class="detail2">
<p1>Easy</p1><br>
<p2>Breakfast, Drinks, Snack<br>American, International
</p2><br>
<p3> 4 minutes<br>
6 minutes
</p3><br>
<p4> 1 smoothies
</p4><br>
<p5>
131 kcal
</p5><br>
</div>
<div class="Ingredients">
<h class="ig-title">
Ingredients
</h>
<p class="ingredient-detil">
3/4 cup light coconut milk<br>
1 pitaya fruit<br>
1 cup blackberries
</p>
</div>
<div class="RECIPE">
<h class="RECIPE-title">
Recipe
</h>
<p class="REIPE-detil">
2.Peel pitaya fruit with a knife or by handfore put coconut milk in an
3.Add pitaya fruit, frozen coconut milk<br>
cubes and blackberries to a high speed
blender and blend until smooth.
reeze until solid.<br>4.Serve and enjoy immediately.
<br>
1 pitaya fruit<br>
1 cup blackberries
</p>
</div>
<div class="download">
<img src="img/download.png"></div>
<p class="share">
SHARE
</p>
<p class="download-icon">
DOWNLOAD
</p>
<h class="related-recipe">RELATED RECIPE</h>
<div class="recipe"><img src="img/pitaya-recipe.png"></div>
<!-- <p class="step">Step</p>-->
<div class="Salmon-Avocado-Salad">
<div><img src="img/Salmon Avocado Salad.png"></div>
<p class="Pumpkin"><a href="salmon_avocado.html">Salmon Avocado Salad</a></p>
</div>
<div class="Pumpkin-Curry-Soup">
<img src="img/Pumpkin Curry Soup.png">
</div>
<div class="PumpkinCurrySoup"><p class="Salmon"><a href="pumpkin.html">Pumpkin Curry Soup</a></p></div>
<div class="footer">
<img src="img/diet-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!-------iphone----------->
<div class="iphone-header"><img src="img/pitaya-header.png"></div>
<div class="lgphone"><img src="img/pitaya-phonelg.png"></div>
<div class="iphone-download"><img src="img/download-iphone.png"></div>
<div class="iphone-recipe"><img src="img/pitayarecipe-iphone.png"></div>
<div class="frame-iphone"><img src="img/pitaya-frame-iphone.png"></div>
<div class="share-iphone"><img src="img/share-iphone.png"></div>
<div class="relatedrecipe-line"><img src="img/relatedrecipe-line.png"></div>
<div class="recipe-arrows1"><img src="img/recipe-arrows1.png"></div>
<div class="recipe-arrows2"><img src="img/recipe-arrows2.png"></div>
<div class="Pumpkin-iphone"><img src="img/Pumpkin Curry Soupiphone.png"></div>
<!--wrapper div-->
</div>
</body>
</html>
Raw
gistfile3.txt
<!doctype html>
<html>
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Pumpkin Curry Soup</title>
<!--<link rel="stylesheet" media="only screen and (max-width: 1536px)" href="css/pumpkin-ipad.css" type="text/css" />
-->
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/pumpkin-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/pumpkin-iphone.css" type="text/css" />
</head>
<body bgcolor="#fff7ee">
<div id="wrapper">
<div class="header"><img src="img/pumpkin-header.png"></div>
<div class="weblg"><img src="img/pumpkin-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/pumpkin-facebook.png"></div>
<div class="pinterest"><img src="img/pumpkin-pinterest.png"></div>
<div class="ins"><img src="img/pumpkin-ins.png"></div>
<div class="twitter"><img src="img/pumpkin-twitter.png"></div>
</div>
<div class="devil"><img src="img/小女巫.png"></div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="Ingredients-bg1"><img src="img/pumpkin-bg1.png"></div>
<div class="Ingredients-bg2"><img src="img/pumpkin-bg2.png"></div>
<div class="title"><h>Pumpkin Curry Soup</h></div>
<div class="pitaya-introduction">
<h class="title2">Introduction</h>
<p class="introduction">
This easy vegan pumpkin soup cooks in a single
pot and carries deep flavor notes of Thai curry,
coconut, and peanut. It’s healthy, happens to be
gluten and dairy free, and is also ready in 30
minutes flat, thanks to the use of a super speedy
shortcut ingredient, canned pumpkin.
</p>
</div>
<div class="information">
<h class="Imformation-per-serving">Imformation per serving</h>
<p class="serving">Serving size 1oz</p>
</div>
<div class="frame"><img src="img/pumpkin-frame.png"></div>
<div class="list1">
<p1 class="name">
Name
</p1><br>
<p2>
Calories
</p2><br>
<p3>
Total Fat
</p3><br>
<p4>
Saturated Fat
</p4><br>
<p5>
Sodium
</p5><br>
</div>
<div class="list2">
<p6>
Dietary Fiber
</p6><br>
<p7>
Protein
</p7><br>
<p9>
Vitamin C
</p9><br>
<p10>
Vitamin A
</p10>
</div>
<div class="content">
<p1>
172cal
</p1><br>
<p2>
8g
</p2><br>
<p3>
4g
</p3><br>
<p4>345mg</p4><br>
</div>
<div class="content2"><p5>2.5g</p5><br>
<p6>5g</p6><br></div>
<div class="percentage">
<p1>
% Daily Value*</p1></div>
<div class="percentage2"><p2>
10.1%
</p2><br>
<p3>
257.5%
</p3><br></div>
<div class="detail1">
<p1>Level</p1><br>
<p2>Course<br>
Cuisine </p2><br>
<p3> Prep Time<br>
Total Time
</p3><br>
<p4> Servings </p4><br>
<p5>
Calorise
</p5><br>
</div>
<div class="detail2">
<p1>Easy</p1><br>
<p2>lunch,soup<br>Thailand,International
</p2><br>
<p3> 5 minutes<br>
30 minutes
</p3><br>
<p4> 4–6 servings, about 8 cups
</p4><br>
<p5>
172 Calories
</p5><br>
</div>
<div class="Ingredients">
<h class="ig-title">
Ingredients
</h>
<p class="ingredient-detil">
&bull;2 teaspoons coconut oil or extra-virgin
olive oil<br>
&bull;1/2 cups chopped sweet yellow onion<br>
&bull;3 cloves garlic, minced (about 1 tablespoon)<br>
&bull;1 tablespoon minced fresh ginger<br>
&bull;3 tablespoons Thai red curry paste<br>
&bull;2–3 cups low-sodium vegetable broth <br>
&bull;2 tablespoons almond butter <br>
&bull;1/2 tablespoon coconut sugar <br>
&bull;1 teaspoon ground cumin<br>
&bull;1/2 teaspoon kosher salt<br>
&bull;1/4 teaspoon ground black pepper<br>
&bull;1/8 to 1/4 teaspoon cayenne pepper
plus additionalto taste<br>
&bull;1 (14-ounce) can light coconut milk<br>
</p>
</div>
<div class="RECIPE">
<h class="RECIPE-title">
Recipe
</h>
<p class="REIPE-detil">
&bull;1.Heat oil in large pot over medium-high
heat. Add onion and cook until tender,
4 to 5 minutes. Add garlic and ginger,
stirring, until fragrant, 1 minute. Stir in
curry, cinnamon, nutmeg, and cloves
and season with salt and pepper.<br><br>
&bull;2.Stir in pumpkin puree and brown sugar,
then whisk in vegetable stock and bring to
boil. Reduce heat and simmer until slightly
thickened, about 15 minutes.Add coconut
milk, cooking over low heat, until warmed
through, then season with salt and pepper.<br><br>
&bull;3.For topping: chopped roasted peanuts
or pepitas, chopped fresh cilantro, coconut
cream or plain nonfat Greek yogurt.<br><br>
</p>
</div>
<div class="download">
<img src="img/download.png"></div>
<p class="share">
SHARE
</p>
<p class="download-icon">
DOWNLOAD
</p>
<div class="pumpkin-download"><img src="img/pumpkin-download.png"></div>
<div class="recipe"><img src="img/pumpkin-recipe.png"></div>
<div class="step8"><img src="img/pumpkin-recipe-step8.png"></div>
<h class="step">Step</h>
<h class="related-recipe">RELATED RECIPE</h>
<div class="pitaya-fruit"><img src="img/(pumpkin)piyata-fruit.png">
</div>
<div class="Salmon-Avocado-Salad">
<img src="img/Salmon Avocado Salad.png">
</div>
<p class="pitaya"><a href="pitaya fruit.html">Pitaya fruit Smoothie</a> </p>
<p class="salmon"><a href="salmon_avocado.html">Salmon Avocado Salad</a></p>
<div class="footer">
<img src="img/diet-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!-------iphone----------->
<div class="iphone-header"><img src="img/pumpkin-iphone.png"></div>
<div class="lgphone"><img src="img/pumpkin-phonelg.png"></div>
<div class="iphone-download"><img src="img/download-iphone.png"></div>
<div class="iphone-recipe"><img src="img/pumpkinrecipe-iphone.png"></div>
<div class="frame-iphone"><img src="img/frame-iphone.png"></div>
<div class="share-iphone"><img src="img/share-iphone.png"></div>
<div class="relatedrecipe-line"><img src="img/relatedrecipe-line.png"></div>
<div class="recipe-arrows1"><img src="img/recipe-arrows1.png"></div>
<div class="recipe-arrows2"><img src="img/recipe-arrows2.png"></div>
</div>
</body>
</html>
Raw
gistfile4.txt
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Selfcare</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/selfcare-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" type="text/css" href="css/selfcare-iphone.css" />
</head>
<body>
<div id="wrapper">
<div class="headerpic"><img src="img/selfcare-header.png"></div>
<div class="weblg"><img src="img/selfcare-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/sc-facebook.png"></div>
<div class="pinterest"><img src="img/sc-pinterest.png"></div>
<div class="ins"><img src="img/sc-ins.png"></div>
<div class="twitter"><img src="img/sc-twitter.png"></div>
</div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="slogan"><p>On your way to a healthier life</p></div>
<div class="sc-line1"><img src="img/sc-line1.png"></div>
<div class="sc-line2"><img src="img/sc-line2.png"></div>
<div class="tit">
<h>
6 Simple Ways to Relieve
Stress and Anxiety
</h></div>
<div class="lead">
<p>
Stress and anxiety are common experiences for most people.In fact, 70% of adults in the
US say they feel stress or anxiety daily.Here are 16 simple ways to relieve stress and anxiety.
</p>
</div>
<div class="part1">
<div class="note1"><p>01</p></div>
<div class="part1-pic"><img src="img/SpendTimeWithFriends-pic.png"></div>
<div class="part1-tit"><h>
Spend Time With Friends and Family
</h></div>
<div class="part1-txt1"><p>
Social support from friends and
family can help you get through
stressful times.Being part of a
friend network gives you a sense
of belonging and self-worth, which
can help you in tough times.One
study found that for women, in
paticular, spendingtime with frie
-nds and children helps release
oxytocin,a natural stress reliever.
This effectiscalled "tend and befriend,"
</p></div>
<div class="part1-txt2"><p>
This effectis called "tend and
befriend,"and is the opposite
of the fight-or-flight response.
Furthermore, both men and
women benefit from friendship.
Another study found that men
and women with the fewest so
－cial connections were more
likely to suffer from depression
and anxiety.</p></div>
</div>
<div class="part2">
<div class="part2-pic"><img src="img/Laugh-pic.png"></div>
<div class="note2"><p>02</p></div>
<div class="part2-tit"><h>
Laugh
</h></div>
<div class="part2-txt">
<p>
It's hard to feel anxious when you're laughing.
It's good for your health, and there are a few ways
it may help relieve stress:Brings more oxygen into
your body and organs.Stimulates and relieves your
stress response.Relieves tension by relaxing your
muscles.In the long term, laughter can also help im
－prove your immune system and mood.A study among
people with cancer found that people in the laughter
intervention group experienced more stress relief than
those who were simply distracted.Watch a funny TV
show, hang out with friends who make you laugh and
even find humor in your troubles.
</p>
</div>
</div>
<div class="part3">
<div class="part3-pic"><img src="img/TakeaYogaClass-pic.png"></div>
<div class="note3"><p>03</p></div>
<div class="part3-tit"><h>
Take a Yoga Class
</h></div>
<div class="part3-txt"><p>
Yoga has become a popular method of stress relief and exercise
among all age groups.While yoga styles differ, most share a
common goal— to join your body and mind.Yoga primarily does
this by increasing body and breath awareness.Some studies have
looked at yoga's effect on mental health. Overall, they have found
that yoga can enhance mood and may even be as effective as
antidepressant drugs at treating depression and anxiety .However,
many of these studies have been limited, and there are still que
－stions about how yoga works to achieve stress reduction.In
general, the benefit of yoga for stress and anxiety seems to be
related to its effect on the nervous system and stress response.
It may help lower cortisol levels, blood pressure and heart rate
and increase gamma-Aminobutyric acid, a neurotransmitter that
is lowered in mood disorders.
</p></div>
</div>
<div class="part4">
<div class="part4-pic"><img src="img/ListentoSoothingMusic-pic.png"></div>
<div class="note4"><p>04</p></div>
<div class="part4-tit"><h>
Listen to Soothing Music
</h></div>
<div class="part4-txt"><p>
Listening to music can have a very relaxing effect on the body.Slow-paced instrumental
music can induce the relaxation response by helping lower blood pressure and heart rate,
as well as stress hormones.Some types of classical, Celtic, Native American and Indian
music can be particularly soothing, but simply listening to the music you enjoy is effective too
Nature sounds can also be very calming. This is why they're often incorporated into relaxation
and meditation music.
</p></div>
</div>
<div class="part5">
<div class="part5-pic"><img src="img/SpendTimewithYourPet.png"></div>
<div class="note5"><p>05</p></div>
<div class="part5-tit"><h>
Spend Time with Your Pet
</h></div>
<div class="part5-txt">
Having a pet may help reduce stress and improve
your mood.According to one study, dog owners
reported lower levels of stress than non-dog owners.
Interacting with pets may help release oxytocin, a
brain chemical that promotes a positive mood Having
a pet may also help relieve stress by giving you purpose
keeping you active and providing companionship
— all qualities that help reduce anxiety.
</div>
</div>
<div class="part6">
<div class="part6-pic"><img src="img/PracticeMindfulness-pic.png"></div>
<div class="note6"><p>06</p></div>
<div class="part6-tit"><h>
Practice Mindfulness
</h></div>
<div class="part6-txt">
Mindfulness describes practices that anchor you
to the present moment.It can help combat the anxiety-
inducing effects of negative thinking
There are several methods for increasing mindfulness,
including mindfulness-based cognitive therapy, mindfulness-
based stress reduction, yoga and meditation.A recent study
in college students suggested that mindfulness may help increase
self-esteem, which in turn lessens symptoms of anxiety and depression (18).
</div>
</div>
<div class="footer">
<div class="contactus-footer"><img src="img/contactus-footer.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
</div>
<!-----------iphone----------->
<div class="header-iphone"><img src="img/selfcareheader-iphone.png"></div>
<div class="lgphone"><img src="img/ selfcare-phonelg.png"></div>
<div class="part4-iphone"><img src="img/part4.iphone.png"></div>
<div class="Spend-iPhone"><img src="img/Spend－iPhone.png"></div>
</div>
</body>
</html>
Raw
gistfile5.txt
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Wellness</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/wellness-web.css" type="text/css" /><!doctype html>
<html><head>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
<link rel="stylesheet" type="text/css" media="screen and (orientation:portrait)" href="style.css">
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/homepage-iphone.css" type="text/css" />
<title>Home</title>
</head>
<body>
<div id="wrapper">
<!---------header------>
<div class="pagewrap">
<div class="page-header">
<div class="background-top">
<div class="slogan"><p>On your way to a healthier life</p></div>
</div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
</div>
<div class="weblg"><img src="img/logo.png"></div>
<div class="page-cotainer">
<div class="cotainer-background"><img src="img/About.png"></div>
<div class="workaholic"><img src="img/workaholic.png"></div>
<div class="about-us">
<h1>About</h1><br>
<br/>
<p>Nowadays,people always neglect the important of
having a healthy life because of the busy-working.
With CARE,we define wellness and healthy diet not
as end in itself,but as a key to living a healthy life.
The journey to well-being can be simple and natural
and stylish.We bring you the best in our wellness and
diet article from healthy tips and nutritive recipe-to
help you glow from the inside out.</p>
<br/>
<h2>Our Mission</h2>
<br/>
<p>The mission for CARE is to bring you the latest in diet and wellness.To give you the recources,ideas and motivation to help you live beautifully and become comfortablein your body and make self-care a priority in your day.We hope we can help you know more about healthy knowledge from our wellness and diet article,as well as wish you have a healthy body from a good habit.</p>
</div>
</div>
<!---------diet-------------->
<div class="baseball-girl"><img src="img/baseball-girl.png"></div>
<div class="diet-word">
<h1>
Diet
</h1><br><br>
<p>
In fact,fat carbs,and protein all
play important roles in the body.
The key to a healthy diet does not
hinge on eliminating any of them,
but on picking the best sources of
all three.
</p>
</div>
<div class="diet-background"><img src="img/diet.png">
</div>
<div class="diet-read-more"><a href="diet.html"><img src="img/diet-readmore.png"></a></div>
<!-----------wellness--------------->
<div class="page-container-wellness">
<div class="wellness-background"><img src="img/wellness.png"></div>
<div class="running-girl"><img src="img/running-girl.png"></div>
<div class="wellness-word">
<h1>Wellness</h1><br/><br/>
<p>Self-care and Fitness Guidence are included in this part.We wants to help you find what’s good for you.Not like “eating more vegetable,they’re good for you.”more like “here are some choices you can realistically make and feel good about.”Sure,our ariocles are science-backed and expert-approved.But we’re not the experts,we’re like your friend who’s a little further along and we know who to turn to for answers and ideas that cut through the noise.We’ll empower you to improve and celebrate you when you get better.</p>
<br><br>
<p>We believe:That there’s no one way to be
healthy.What’s good for you is what you’ll
stick with,and you’ll stickwith what you enjoy.
That healthy is about you-how you feel.Why
you care and what you’re doing about it.
That healthy is for everybody and every body.
</p>
</div>
<div class="wellness-readmore"><a href="wellness.html"><img src="img/wellness-readmore.png"></a></div>
</div>
<div class="footer"><img src="img/footer.png"></div>
<!-------iphone----------->
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<div class="iphone-banner"><img src="img/header.png"></div>
<div class="lgphone"><img src="img/diet-phonelg.png"></div>
</div>
</div>
</body>
</html>
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/wellness-iphone.css" type="text/css" />
</head>
<body bgcolor="#f1f5fe">
<div id="wrapper">
<div class="headerpic"><img src="img/wellness-header.png"></div>
<div class="weblg"><img src="img/wellness-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/wellness-facebook.png"></div>
<div class="pinterest"><img src="img/wellness-pinterest.png"></div>
<div class="ins"><img src="img/wellness-ins.png"></div>
<div class="twitter"><img src="img/wellness-twitter.png"></div>
</div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="wellness-line1"><img src="img/wellness-line1.png"></div>
<div class="wellness-line2"><img src="img/wellness-line2.png"></div>
<div class="tit">
<h>WELLNESS</h>
</div>
<div class="cata-fitness">
<h>FITNESS</h>
</div>
<div class="cata-selfcare">
<h>SELFCARE</h>
</div>
<div class="fitness-txt">
<p>Movement is joy.It contects us to our
environment,makes us stronger,and
calms our mind.Get inspired,and get
going.</p>
</div>
<div class="selfcare-txt">
<p>Ture health is a balance of mind,body
and spirit.Ancient wisdom and advanc
-ed science offer us a wealth of ways
to support our holistic well-being.</p>
</div>
<div class="fitness-pic"><img src="img/p1.png"></div>
<div class="selfcare-pic"><img src="img/p2.png"></div>
<div class="fitness-browse">
<p><a href="fitness.html">Browse it</a></p>
</div>
<div class="selfcare-browse">
<p><a href="selfcare.html">Browse it</a></p>
</div>
<div class="arrows1"><img src="img/arrows1.png"></div>
<div class="arrows2"><img src="img/arrows2.png"></div>
<div class="contactus-footer"><img src="img/contactus-footer.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!------iphone-------->
<div class="header-iphone"><img src="img/header-iphone.png"></div>
<div class="lgphone"><img src="img/wellness-phonelg.png"></div>
<div class="fitness-iphone"><img src="img/wellness-ip1.png"></div>
<div class="selfcare-iphone"><img src="img/wellness-ip2.png"></div>
</div>
</body>
</html>
Raw
pitaya fruit.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Pitaya fruit Smoothie</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/pitaya-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/pitaya-iphone.css" type="text/css" />
</head>
<body bgcolor="#fff7ee">
<!--wrapper-->
<div id="wrapper">
<!--wrapper-->
<div class="header"><img src="img/pitayafruit-header.png"></div>
<div class="weblg"><img src="img/pitaya-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/pitaya-facebook.png"></div>
<div class="pinterest"><img src="img/pitaya-pinterest.png"></div>
<div class="ins"><img src="img/pitaya-instagram.png"></div>
<div class="twitter"><img src="img/pitaya-twitter.png"></div>
</div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="slogan"><p>On your way to a healthier life</p></div>
<div class="Ingredients-bg1"><img src="img/矩形.png"></div>
<div class="Ingredients-bg2"><img src="img/矩形5.png"></div>
<div class="title"><h>Pitaya fruit Smoothie</h></div>
<div class="pitaya-introduction">
<h class="title2">Introduction</h>
<p class="introduction">
Pitaya fruit is a low-calorie fruit,high in fiber and
packed with vitamin C. A pitaya fruit smoothie is
a great way to add pitaya fruit into your diet.
</p>
</div>
<div class="information">
<h class="Imformation-per-serving">Imformation per serving</h>
<p class="serving">Serving size 1oz</p>
</div>
<div class="frame"><img src="img/frame.png"></div>
<div class="list1">
<p1>
Name
</p1><br>
<p2>
Calories
</p2><br>
<p3>
Total Fat
</p3><br>
<p4>
Saturated Fat
</p4><br>
<p5>
Sodium
</p5><br>
</div>
<div class="list2">
<p6>
Dietary Fiber
</p6><br>
<p7>
Protein
</p7><br>
<p8>
Calcium
</p8><br>
<p9>
Vitamin C
</p9><br>
<p10>
Vitamin A
</p10>
</div>
<div class="content">
<p1>
131cal
</p1><br>
<p2>
6g
</p2><br>
<p3>
4g
</p3><br>
<p4>36mg</p4><br>
<p5>4g</p5><br>
<br>
</div>
<div class="percentage1">
<p1>
% Daily Value*
</p1><br><br>
<p2>
9%
</p2><br>
<p3>
20%
</p3><br>
<p4>
2%
</p4><br>
</div>
<div class="percentage2"><p5>
16%
</p5><br>
<p6>
4%
</p6><br>
<p7>
2%
</p7><br>
<p8>
4%
</p8><br>
<p9>
2%
</p9><br>
</div>
<div class="detail1">
<p1>Level</p1><br>
<p2>Course<br>
Cuisine </p2><br>
<p3> Prep Time<br>
Total Time
</p3><br>
<p4> Servings </p4><br>
<p5>
Calorise
</p5><br>
</div>
<div class="detail2">
<p1>Easy</p1><br>
<p2>Breakfast, Drinks, Snack<br>American, International
</p2><br>
<p3> 4 minutes<br>
6 minutes
</p3><br>
<p4> 1 smoothies
</p4><br>
<p5>
131 kcal
</p5><br>
</div>
<div class="Ingredients">
<h class="ig-title">
Ingredients
</h>
<p class="ingredient-detil">
3/4 cup light coconut milk<br>
1 pitaya fruit<br>
1 cup blackberries
</p>
</div>
<div class="RECIPE">
<h class="RECIPE-title">
Recipe
</h>
<p class="REIPE-detil">
2.Peel pitaya fruit with a knife or by handfore put coconut milk in an
3.Add pitaya fruit, frozen coconut milk<br>
cubes and blackberries to a high speed
blender and blend until smooth.
reeze until solid.<br>4.Serve and enjoy immediately.
<br>
1 pitaya fruit<br>
1 cup blackberries
</p>
</div>
<div class="download">
<img src="img/download.png"></div>
<p class="share">
SHARE
</p>
<p class="download-icon">
DOWNLOAD
</p>
<h class="related-recipe">RELATED RECIPE</h>
<div class="recipe"><img src="img/pitaya-recipe.png"></div>
<!-- <p class="step">Step</p>-->
<div class="Salmon-Avocado-Salad">
<div><img src="img/Salmon Avocado Salad.png"></div>
<p class="Pumpkin"><a href="salmon_avocado.html">Salmon Avocado Salad</a></p>
</div>
<div class="Pumpkin-Curry-Soup">
<img src="img/Pumpkin Curry Soup.png">
</div>
<div class="PumpkinCurrySoup"><p class="Salmon"><a href="pumpkin.html">Pumpkin Curry Soup</a></p></div>
<div class="footer">
<img src="img/diet-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!-------iphone----------->
<div class="iphone-header"><img src="img/pitaya-header.png"></div>
<div class="lgphone"><img src="img/pitaya-phonelg.png"></div>
<div class="iphone-download"><img src="img/download-iphone.png"></div>
<div class="iphone-recipe"><img src="img/pitayarecipe-iphone.png"></div>
<div class="frame-iphone"><img src="img/pitaya-frame-iphone.png"></div>
<div class="share-iphone"><img src="img/share-iphone.png"></div>
<div class="relatedrecipe-line"><img src="img/relatedrecipe-line.png"></div>
<div class="recipe-arrows1"><img src="img/recipe-arrows1.png"></div>
<div class="recipe-arrows2"><img src="img/recipe-arrows2.png"></div>
<div class="Pumpkin-iphone"><img src="img/Pumpkin Curry Soupiphone.png"></div>
<!--wrapper div-->
</div>
</body>
</html>
Raw
pumpkin.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Pumpkin Curry Soup</title>
<!--<link rel="stylesheet" media="only screen and (max-width: 1536px)" href="css/pumpkin-ipad.css" type="text/css" />
-->
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/pumpkin-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/pumpkin-iphone.css" type="text/css" />
</head>
<body bgcolor="#fff7ee">
<div id="wrapper">
<div class="header"><img src="img/pumpkin-header.png"></div>
<div class="weblg"><img src="img/pumpkin-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/pumpkin-facebook.png"></div>
<div class="pinterest"><img src="img/pumpkin-pinterest.png"></div>
<div class="ins"><img src="img/pumpkin-ins.png"></div>
<div class="twitter"><img src="img/pumpkin-twitter.png"></div>
</div>
<div class="devil"><img src="img/小女巫.png"></div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="Ingredients-bg1"><img src="img/pumpkin-bg1.png"></div>
<div class="Ingredients-bg2"><img src="img/pumpkin-bg2.png"></div>
<div class="title"><h>Pumpkin Curry Soup</h></div>
<div class="pitaya-introduction">
<h class="title2">Introduction</h>
<p class="introduction">
This easy vegan pumpkin soup cooks in a single
pot and carries deep flavor notes of Thai curry,
coconut, and peanut. It’s healthy, happens to be
gluten and dairy free, and is also ready in 30
minutes flat, thanks to the use of a super speedy
shortcut ingredient, canned pumpkin.
</p>
</div>
<div class="information">
<h class="Imformation-per-serving">Imformation per serving</h>
<p class="serving">Serving size 1oz</p>
</div>
<div class="frame"><img src="img/pumpkin-frame.png"></div>
<div class="list1">
<p1 class="name">
Name
</p1><br>
<p2>
Calories
</p2><br>
<p3>
Total Fat
</p3><br>
<p4>
Saturated Fat
</p4><br>
<p5>
Sodium
</p5><br>
</div>
<div class="list2">
<p6>
Dietary Fiber
</p6><br>
<p7>
Protein
</p7><br>
<p9>
Vitamin C
</p9><br>
<p10>
Vitamin A
</p10>
</div>
<div class="content">
<p1>
172cal
</p1><br>
<p2>
8g
</p2><br>
<p3>
4g
</p3><br>
<p4>345mg</p4><br>
</div>
<div class="content2"><p5>2.5g</p5><br>
<p6>5g</p6><br></div>
<div class="percentage">
<p1>
% Daily Value*</p1></div>
<div class="percentage2"><p2>
10.1%
</p2><br>
<p3>
257.5%
</p3><br></div>
<div class="detail1">
<p1>Level</p1><br>
<p2>Course<br>
Cuisine </p2><br>
<p3> Prep Time<br>
Total Time
</p3><br>
<p4> Servings </p4><br>
<p5>
Calorise
</p5><br>
</div>
<div class="detail2">
<p1>Easy</p1><br>
<p2>lunch,soup<br>Thailand,International
</p2><br>
<p3> 5 minutes<br>
30 minutes
</p3><br>
<p4> 4–6 servings, about 8 cups
</p4><br>
<p5>
172 Calories
</p5><br>
</div>
<div class="Ingredients">
<h class="ig-title">
Ingredients
</h>
<p class="ingredient-detil">
&bull;2 teaspoons coconut oil or extra-virgin
olive oil<br>
&bull;1/2 cups chopped sweet yellow onion<br>
&bull;3 cloves garlic, minced (about 1 tablespoon)<br>
&bull;1 tablespoon minced fresh ginger<br>
&bull;3 tablespoons Thai red curry paste<br>
&bull;2–3 cups low-sodium vegetable broth <br>
&bull;2 tablespoons almond butter <br>
&bull;1/2 tablespoon coconut sugar <br>
&bull;1 teaspoon ground cumin<br>
&bull;1/2 teaspoon kosher salt<br>
&bull;1/4 teaspoon ground black pepper<br>
&bull;1/8 to 1/4 teaspoon cayenne pepper
plus additionalto taste<br>
&bull;1 (14-ounce) can light coconut milk<br>
</p>
</div>
<div class="RECIPE">
<h class="RECIPE-title">
Recipe
</h>
<p class="REIPE-detil">
&bull;1.Heat oil in large pot over medium-high
heat. Add onion and cook until tender,
4 to 5 minutes. Add garlic and ginger,
stirring, until fragrant, 1 minute. Stir in
curry, cinnamon, nutmeg, and cloves
and season with salt and pepper.<br><br>
&bull;2.Stir in pumpkin puree and brown sugar,
then whisk in vegetable stock and bring to
boil. Reduce heat and simmer until slightly
thickened, about 15 minutes.Add coconut
milk, cooking over low heat, until warmed
through, then season with salt and pepper.<br><br>
&bull;3.For topping: chopped roasted peanuts
or pepitas, chopped fresh cilantro, coconut
cream or plain nonfat Greek yogurt.<br><br>
</p>
</div>
<div class="download">
<img src="img/download.png"></div>
<p class="share">
SHARE
</p>
<p class="download-icon">
DOWNLOAD
</p>
<div class="pumpkin-download"><img src="img/pumpkin-download.png"></div>
<div class="recipe"><img src="img/pumpkin-recipe.png"></div>
<div class="step8"><img src="img/pumpkin-recipe-step8.png"></div>
<h class="step">Step</h>
<h class="related-recipe">RELATED RECIPE</h>
<div class="pitaya-fruit"><img src="img/(pumpkin)piyata-fruit.png">
</div>
<div class="Salmon-Avocado-Salad">
<img src="img/Salmon Avocado Salad.png">
</div>
<p class="pitaya"><a href="pitaya fruit.html">Pitaya fruit Smoothie</a> </p>
<p class="salmon"><a href="salmon_avocado.html">Salmon Avocado Salad</a></p>
<div class="footer">
<img src="img/diet-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!-------iphone----------->
<div class="iphone-header"><img src="img/pumpkin-iphone.png"></div>
<div class="lgphone"><img src="img/pumpkin-phonelg.png"></div>
<div class="iphone-download"><img src="img/download-iphone.png"></div>
<div class="iphone-recipe"><img src="img/pumpkinrecipe-iphone.png"></div>
<div class="frame-iphone"><img src="img/frame-iphone.png"></div>
<div class="share-iphone"><img src="img/share-iphone.png"></div>
<div class="relatedrecipe-line"><img src="img/relatedrecipe-line.png"></div>
<div class="recipe-arrows1"><img src="img/recipe-arrows1.png"></div>
<div class="recipe-arrows2"><img src="img/recipe-arrows2.png"></div>
</div>
</body>
</html>
Raw
salmon_avocado.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Salmon Avocado Salad</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/Salmon-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/Salmon-iphone.css" type="text/css" />
</head>
<body bgcolor="#fffbe7">
<div id="wrapper">
<div class="header"><img src="img/salmon-header.png"></div>
<div class="weblg"><img src="img/salmon-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/salmon-facebook.png"></div>
<div class="pinterest"><img src="img/salmon-pinterest.png"></div>
<div class="ins"><img src="img/salmon-facebook.png"></div>
<div class="twitter"><img src="img/salmon-twitter.png"></div>
</div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="Ingredients-bg1"><img src="img/salmon-bg1.png"></div>
<div class="Ingredients-bg2"><img src="img/salmon-bg2.png"></div>
<div class="title"><h>Salmon Avocado Salad</h></div>
<div class="pitaya-introduction">
<h class="title2">Introduction</h>
<p class="introduction">
I love raw fish, sushi, avocado.So I came up with
this awesome Salmon Ceviche recipe which is a
total umami dish. The Salmon is marinated in the
best combo of flavors: Sweet, Salty, and Tangy.
I pair that with a bright Avocado Salad and create
the ultimate appetizer dish!
</p>
</div>
<div class="information">
<h class="Imformation-per-serving">Imformation per serving</h>
<p class="serving">Serving size 1oz</p>
</div>
<div class="frame"><img src="img/pumpkin-frame.png"></div>
<div class="list1">
<p1 class="name">
Name
</p1><br>
<p2>
Calories
</p2><br>
<p3>
Total Fat
</p3><br>
<p4>
Saturated Fat
</p4><br>
<p5>
Sodium
</p5><br>
</div>
<div class="list2">
<p6>
Dietary Fiber
</p6><br>
<p7>
Protein
</p7><br>
<p9>
Vitamin C
</p9><br>
<p10>
Vitamin A
</p10>
</div>
<div class="content">
<p1>
460cal
</p1><br>
<p2>
27.7g
</p2><br>
<p3>
4.2g
</p3><br>
<p4>361mg</p4><br>
</div>
<div class="percentage1">
<p1 class="Daily-Value">
% Daily Value*
</p1><br><br>
<p2>
68%
</p2><br>
<p3>
8%
</p3><br>
<p4>
10%
</p4><br>
</div>
<div class="percentage2"><p5>
8%
</p5><br>
<p6>
42.1%
</p6><br>
<p7>
</p7><br>
<p8>
43.9%
</p8><br>
</div>
<div class="detail1">
<p1>Level</p1><br>
<p2>Course<br>
Cuisine </p2><br>
<p3> Prep Time<br>
Total Time
</p3><br>
<p4> Servings </p4><br>
<p5>
Calorise
</p5><br>
</div>
<div class="detail2">
<p1>Easy</p1><br>
<p2>Salad,Snack,Appetizer<br>International,Japan
</p2><br>
<p3> 3 hours<br>
3 hours 15 minutes
</p3><br>
<p4> Serves 4 (appetizer portions)
</p4><br>
<p5>
460kcal
</p5><br>
</div>
<div class="Ingredients">
<h class="ig-title">
Ingredients
</h>
<p class="ingredient-detil">
&bull;1 small dice Avocados<br>
&bull;1 Lemon (juiced)<br>
&bull;4 Sliced thin on a bias Scallions
(green parts only)<br>
&bull;4 T minced Cucumber <br>
&bull;Salt (to taste)<br>
&bull;1/2 lbs Salmon (Skin removed,
bones removed & cut into 1/2" cubes)<br>
&bull;1 T Sriracha<br>
&bull;1 T Low Sodium Soy Sauce<br>
&bull;1 T Mirin<br>
&bull;1/2 T Sesame Oil<br>
&bull;1/2 tsps Sugar<br>
&bull;1/2 tsps Lemon Juice (fresh)<br>
</p>
</div>
<div class="RECIPE">
<h class="RECIPE-title">
Recipe
</h>
<p class="REIPE-detil">
&bull; 1.In a bowl combine all Avocado Salad
ingredients. Taste and season with salt.
<br>
&bull; 2.In a medium sized bowl, combine your
salmon, soy sauce, sriracha, mirin, sugar,
sesame oil and lemon juice. Mix together
and cover with plastic wrap.<br>&bull; 3.Let sit in the fridge for at least 3 hours
before serving.
<br>
&bull; 4.To assemble use a ring mold. Lay down
a layer of Avocado Salad.Top with Salmon.
Garnish with Microgreens<br>
</p>
</div>
<div class="pumpkin-download"><img src="img/pumpkin-download.png"></div>
<p class="share">
SHARE
</p>
<p class="download-icon">
DOWNLOAD
</p>
<div class="recipe"><img src="img/salmon-recipepng.png"></div>
<h class="step">Step</h>
<h class="related-recipe">RELATED RECIPE</h>
<div class="curry"><img src="img/curry.png">
</div>
<div class="pumpkin-piyata-fruit">
<img src="img/(pumpkin)piyata-fruit.png">
</div>
<p class="pumpkin"><a href="pumpkin.html">Pumpkin Curry Soup</a></p>
<p class="pitaya"><a href="pitaya fruit.html">Pitaya fruit Smoothie </a></p>
<div class="footer"><img src="img/diet-footerline.png">
</div>
<div class="footer-contactus"><img src="img/footer-contactus.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!-------iphone----------->
<div class="iphone-header"><img src="img/salmon-iphone.png"></div>
<div class="lgphone"><img src="img/salmon-phonelg.png"></div>
<div class="iphone-download"><img src="img/download-iphone.png"></div>
<div class="iphone-recipe"><img src="img/salmon-recipepng(iphone).png"></div>
<div class="frame-iphone"><img src="img/frame-iphone.png"></div>
<div class="share-iphone"><img src="img/share-iphone.png"></div>
<div class="relatedrecipe-line"><img src="img/relatedrecipe-line.png"></div>
<div class="recipe-arrows1"><img src="img/recipe-arrows1.png"></div>
<div class="recipe-arrows2"><img src="img/recipe-arrows2.png"></div>
</div>
</body>
</html>
Raw
selfcare.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Selfcare</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/selfcare-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" type="text/css" href="css/selfcare-iphone.css" />
</head>
<body>
<div id="wrapper">
<div class="headerpic"><img src="img/selfcare-header.png"></div>
<div class="weblg"><img src="img/selfcare-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/sc-facebook.png"></div>
<div class="pinterest"><img src="img/sc-pinterest.png"></div>
<div class="ins"><img src="img/sc-ins.png"></div>
<div class="twitter"><img src="img/sc-twitter.png"></div>
</div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="slogan"><p>On your way to a healthier life</p></div>
<div class="sc-line1"><img src="img/sc-line1.png"></div>
<div class="sc-line2"><img src="img/sc-line2.png"></div>
<div class="tit">
<h>
6 Simple Ways to Relieve
Stress and Anxiety
</h></div>
<div class="lead">
<p>
Stress and anxiety are common experiences for most people.In fact, 70% of adults in the
US say they feel stress or anxiety daily.Here are 16 simple ways to relieve stress and anxiety.
</p>
</div>
<div class="part1">
<div class="note1"><p>01</p></div>
<div class="part1-pic"><img src="img/SpendTimeWithFriends-pic.png"></div>
<div class="part1-tit"><h>
Spend Time With Friends and Family
</h></div>
<div class="part1-txt1"><p>
Social support from friends and
family can help you get through
stressful times.Being part of a
friend network gives you a sense
of belonging and self-worth, which
can help you in tough times.One
study found that for women, in
paticular, spendingtime with frie
-nds and children helps release
oxytocin,a natural stress reliever.
This effectiscalled "tend and befriend,"
</p></div>
<div class="part1-txt2"><p>
This effectis called "tend and
befriend,"and is the opposite
of the fight-or-flight response.
Furthermore, both men and
women benefit from friendship.
Another study found that men
and women with the fewest so
－cial connections were more
likely to suffer from depression
and anxiety.</p></div>
</div>
<div class="part2">
<div class="part2-pic"><img src="img/Laugh-pic.png"></div>
<div class="note2"><p>02</p></div>
<div class="part2-tit"><h>
Laugh
</h></div>
<div class="part2-txt">
<p>
It's hard to feel anxious when you're laughing.
It's good for your health, and there are a few ways
it may help relieve stress:Brings more oxygen into
your body and organs.Stimulates and relieves your
stress response.Relieves tension by relaxing your
muscles.In the long term, laughter can also help im
－prove your immune system and mood.A study among
people with cancer found that people in the laughter
intervention group experienced more stress relief than
those who were simply distracted.Watch a funny TV
show, hang out with friends who make you laugh and
even find humor in your troubles.
</p>
</div>
</div>
<div class="part3">
<div class="part3-pic"><img src="img/TakeaYogaClass-pic.png"></div>
<div class="note3"><p>03</p></div>
<div class="part3-tit"><h>
Take a Yoga Class
</h></div>
<div class="part3-txt"><p>
Yoga has become a popular method of stress relief and exercise
among all age groups.While yoga styles differ, most share a
common goal— to join your body and mind.Yoga primarily does
this by increasing body and breath awareness.Some studies have
looked at yoga's effect on mental health. Overall, they have found
that yoga can enhance mood and may even be as effective as
antidepressant drugs at treating depression and anxiety .However,
many of these studies have been limited, and there are still que
－stions about how yoga works to achieve stress reduction.In
general, the benefit of yoga for stress and anxiety seems to be
related to its effect on the nervous system and stress response.
It may help lower cortisol levels, blood pressure and heart rate
and increase gamma-Aminobutyric acid, a neurotransmitter that
is lowered in mood disorders.
</p></div>
</div>
<div class="part4">
<div class="part4-pic"><img src="img/ListentoSoothingMusic-pic.png"></div>
<div class="note4"><p>04</p></div>
<div class="part4-tit"><h>
Listen to Soothing Music
</h></div>
<div class="part4-txt"><p>
Listening to music can have a very relaxing effect on the body.Slow-paced instrumental
music can induce the relaxation response by helping lower blood pressure and heart rate,
as well as stress hormones.Some types of classical, Celtic, Native American and Indian
music can be particularly soothing, but simply listening to the music you enjoy is effective too
Nature sounds can also be very calming. This is why they're often incorporated into relaxation
and meditation music.
</p></div>
</div>
<div class="part5">
<div class="part5-pic"><img src="img/SpendTimewithYourPet.png"></div>
<div class="note5"><p>05</p></div>
<div class="part5-tit"><h>
Spend Time with Your Pet
</h></div>
<div class="part5-txt">
Having a pet may help reduce stress and improve
your mood.According to one study, dog owners
reported lower levels of stress than non-dog owners.
Interacting with pets may help release oxytocin, a
brain chemical that promotes a positive mood Having
a pet may also help relieve stress by giving you purpose
keeping you active and providing companionship
— all qualities that help reduce anxiety.
</div>
</div>
<div class="part6">
<div class="part6-pic"><img src="img/PracticeMindfulness-pic.png"></div>
<div class="note6"><p>06</p></div>
<div class="part6-tit"><h>
Practice Mindfulness
</h></div>
<div class="part6-txt">
Mindfulness describes practices that anchor you
to the present moment.It can help combat the anxiety-
inducing effects of negative thinking
There are several methods for increasing mindfulness,
including mindfulness-based cognitive therapy, mindfulness-
based stress reduction, yoga and meditation.A recent study
in college students suggested that mindfulness may help increase
self-esteem, which in turn lessens symptoms of anxiety and depression (18).
</div>
</div>
<div class="footer">
<div class="contactus-footer"><img src="img/contactus-footer.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
</div>
<!-----------iphone----------->
<div class="header-iphone"><img src="img/selfcareheader-iphone.png"></div>
<div class="lgphone"><img src="img/ selfcare-phonelg.png"></div>
<div class="part4-iphone"><img src="img/part4.iphone.png"></div>
<div class="Spend-iPhone"><img src="img/Spend－iPhone.png"></div>
</div>
</body>
</html>
Raw
wellness.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Wellness</title>
<link rel="stylesheet" media="only screen and (max-width:3000px)" href="css/wellness-web.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 750px)" href="css/wellness-iphone.css" type="text/css" />
</head>
<body bgcolor="#f1f5fe">
<div id="wrapper">
<div class="headerpic"><img src="img/wellness-header.png"></div>
<div class="weblg"><img src="img/wellness-weblg.png"></div>
<div class="contact-us">
<div class="facebook"><img src="img/wellness-facebook.png"></div>
<div class="pinterest"><img src="img/wellness-pinterest.png"></div>
<div class="ins"><img src="img/wellness-ins.png"></div>
<div class="twitter"><img src="img/wellness-twitter.png"></div>
</div>
<div class="slogan"><p>On your way to a healthier life</p></div>
<ul class="nav">
<li class="mouse"><a href="index.html">ABOUT</a></li>
<li class="mouse"><a href="diet.html">DIET</a></li>
<li class="mouse"><a href="wellness.html">WELLNESS</a></li>
</ul>
<div class="wellness-line1"><img src="img/wellness-line1.png"></div>
<div class="wellness-line2"><img src="img/wellness-line2.png"></div>
<div class="tit">
<h>WELLNESS</h>
</div>
<div class="cata-fitness">
<h>FITNESS</h>
</div>
<div class="cata-selfcare">
<h>SELFCARE</h>
</div>
<div class="fitness-txt">
<p>Movement is joy.It contects us to our
environment,makes us stronger,and
calms our mind.Get inspired,and get
going.</p>
</div>
<div class="selfcare-txt">
<p>Ture health is a balance of mind,body
and spirit.Ancient wisdom and advanc
-ed science offer us a wealth of ways
to support our holistic well-being.</p>
</div>
<div class="fitness-pic"><img src="img/p1.png"></div>
<div class="selfcare-pic"><img src="img/p2.png"></div>
<div class="fitness-browse">
<p><a href="fitness.html">Browse it</a></p>
</div>
<div class="selfcare-browse">
<p><a href="selfcare.html">Browse it</a></p>
</div>
<div class="arrows1"><img src="img/arrows1.png"></div>
<div class="arrows2"><img src="img/arrows2.png"></div>
<div class="contactus-footer"><img src="img/contactus-footer.png"></div>
<div class="site-by-zoe"><p>SITE BY ZOE </p></div>
<!------iphone-------->
<div class="header-iphone"><img src="img/header-iphone.png"></div>
<div class="lgphone"><img src="img/wellness-phonelg.png"></div>
<div class="fitness-iphone"><img src="img/wellness-ip1.png"></div>
<div class="selfcare-iphone"><img src="img/wellness-ip2.png"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment