bootstrap-project/index-starting.html at main · alimahwer/bootstrap-project · 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>iLooseit</title>

  <!-- Google Fonts -->

  <!-- Fontawesome -->

  <!-- Bootstrap CDN -->

  <!-- CSS StyleSheets -->

  <!-- JavaScript Bundle with Popper -->


</head>

<body>

  <section id="title">

    <!-- Nav Bar -->

    <!-- Title -->
    <div>
      <h1>Top Rated Weight Loss Plan</h1>
      <button type="button">Download</button>
      <button type="button">Download</button>
    </div>
    <div>
      <img src="https://assets.loseit.com/website/home/Screenshot_LogScreenFixed.png"
        alt="The Lose It! app with food data logged in an iPhone">
    </div>
  </section>


  <!-- Features -->

  <section id="features">
    <h2>Weight Loss Made Easy</h2>

    <h3>Set Your Goals</h3>
    <p>Tell us what you want to acheive and receive personalized goals.</p>


    <h3>Track Your Food</h3>
    <p>Learn about the foods you’re eating and keep your calories within your daily budget.</p>


    <h3>Lose Weight</h3>
    <p>Reach your goals and continue to set new ones for a happier, healthier you!</p>

  </section>


  <!-- Testimonials -->

  <section id="testimonials">

    <h2>Track every single bite you take. You need to know how you’re doing before
      dinner. If you don’t, things can get away from you fast.</h2>
    <img src="https://assets.loseit.com/website/home/Advice_Carla.png" alt="Carla">
    <em>- Carla, 65 lbs lost without giving up pizza.</em>

    <h2>Everyday is a battle, and you have to make the choice each morning to fight for
      your health and wellness.</h2>
    <img src="https://assets.loseit.com/website/home/Advice_Alex.png" alt="alex">
    <em>- Alex, lost 85 lbs for his wedding.</em>

  </section>

  <!-- Press -->

  <section id="press">
    <h3>AS SEEN ON</h3>
    <img src="https://assets.loseit.com/website/home/Feature_TodayShow.png" alt="today show">
    <img src="https://assets.loseit.com/website/home/Feature_People.png" alt="People magazine">
    <img src="https://assets.loseit.com/website/home/Feature_GoodMorningAmerica.png" alt="good morning america">
    <img src="https://assets.loseit.com/website/home/Feature_WomensHealth.png" alt="women's health">

  </section>


  <!-- Pricing -->

  <section id="pricing">

    <h2>A Plan for Every One's Needs</h2>
    <p>Simple and affordable price plans for your needs.</p>


    <h3>Limited</h3>
    <h2>Free</h2>
    <p>5 Pictures Per Day</p>
    <p>10 Messages Per Day</p>
    <p>Unlimited App Usage</p>
    <button type="button">Sign Up</button>

    <h3>Starter</h3>
    <h2>$49 / mo</h2>
    <p>Unlimited Pictures</p>
    <p>Unlimited Messages</p>
    <p>Unlimited App Usage</p>
    <button type="button">Sign Up</button>

    <h3>Master</h3>
    <h2>$99 / mo</h2>
    <p>Pirority Listing</p>
    <p>Unlimited Pictures</p>
    <p>Unlimited Messages</p>
    <p>Unlimited App Usage</p>
    <button type="button">Sign Up</button>

  </section>


  <!-- Call to Action -->

  <section id="cta">

    <h3>Track the foods you love and lose weight</h3>
    <button type="button">Download</button>
    <button type="button">Download</button>

  </section>


  <!-- Footer -->

  <footer id="footer">

    <p>© Copyright 2023 iLooseit</p>

  </footer>

</body>

</html>