Fitbit/index.html at main · lilyx998/Fitbit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<meta name="description" content="Discover the ways Fitbits impacts society from various perspectives of health, sleep, and convenience.">
	<title>Fitbit: Home</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat|Titillium+Web&display=swap" rel="stylesheet">
  <link rel="shortcut icon" href="images/favicon.ico" />
</head>

<body>
	<script src="script.js">
	</script>

	<header>
		<div class="left-cell">
			<div class="dropdown">
				<!-- <button class="dropbtn" >Menu</button> -->
				<div class="mobile-nav">
					<div class="menu-btn" id="menu-btn" onclick="myFunction(this)">
						<div></div>
						<span></span>
	          <span></span>
	          <span></span>
          </div>
        </div>

        <div id="myDropdown" class="dropdown-content">
          <a href="index.html">Home</a>
         <a href="healthandfitness.html">Health and Fitness</a>
         <a href="sleep.html">Sleep</a>
         <a href="convenience.html">Convenience</a>
         <a href="credits.html">Credits</a>
        </div>
      </div>
		</div>

    <div class="middle-cell">
      <h1><a href="index.html">Fitbit</a></h1>
    </div>

    <div class="right-cell">
      <a href="https://www.facebook.com/fitbit" target="_blank"><i class="fa fa-facebook" style="font-size:18px"></i></a>
      <a href="https://www.instagram.com/fitbit" target="_blank"><i class="fa fa-instagram" style="font-size:18px"></i></a>
      <a href="https://www.twitter.com/fitbit" target="_blank"><i class="fa fa-twitter" style="font-size:18px"></i></a>
    </div>
  </header>

<!-- section 1 -->
<div class="first">
  <div class="right">
  <div class="first-text">
  <h2>About The Fitbit</h2>
  <p> Fitbit motivates their users to reach their health and fitness goals by tracking their activity, exercise, sleep, weight and more. They have transformed many lives, including ours and the lives of the people around us, by helping people in their health, sleep, and daily lives.
  </p></div>
  </div>

<div class="right">
  <img src="images/cover.jpg" alt="Abby and Lily with their Fitbits" title="Abby and Lily with their Fitbits" style="border: 3px solid #3b413c">
</div>
</div>

<div class="mission">
    <h2>Mission</h2>
    <p>Fitbit's  official mission is to empower and inspire users to live a healthier, more active life.</p>

    <p> Their products and experiences fit seamlessly into many people's lives, including the lives of ourselves and our friends and family, so we can achieve our health and fitness goals. When it comes to reaching our goals, steps are just the beginning. Our Fitbits track every part of our day—including activity, exercise, food, weight and sleep—to help us "find our fit," stay motivated, and see how small steps make a big impact. Fitbit understands that each of our health and fitness journeys are unique and they personalize it just for you. </p>
</div>

<!-- section 1 -->
<div class="first">
  <div class="right">
  <div class="first-text">
    <iframe src="https://player.vimeo.com/video/376946519" width="600" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
  </div>

<div class="right">
  <h2> Fitbit Features </h2>
  <p> Watch this short clip to view the features of the Fitbit Charge 2. These basic features are present in all Fitbit wearables and are extremely helpful for tracking your day. </p>
</div>
</div>

<section class="interest">
<div class="shop">
  <h1> Interested in buying a Fitbit? </h1>
  <a href="https://www.amazon.com/stores/Fitbit/node/3028450011" class="buy" target="_blank">Shop Here</a>
</div> </section>

<!-- Footer -->
	<footer id="footer">

		<p><a href="index.html">Home</a> &bull;
    <a href="healthandfitness.html">Health & Fitness</a> &bull; <a href="sleep.html">Sleep</a> &bull; <a href="convenience.html">Convenience</a> &bull; <a href="credits.html">Credits</a>
		</p>

		<p>&copy; Lily Yang & Abby Liang.<br>
		2019
		</p>

	</footer>

</body>

</html>