FitSphere/diet.html at main · Archisman-NC/FitSphere · 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
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FitSphere</title>
    <link rel="stylesheet" href="stylesheets/diet.css">
</head>
<body>
    <nav class="navbar">
        <div class="logo">
            <img src ="assets/logo.png"alt ="My Logo" >
        </div>
        <div class="nav-links">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <div class="dropdown">
                <a href="programs.html">Programs</a>
                <ul list class="dropdown-menu">
                    <li><a href="basic.html">Basic</a></li>
                    <li><a href="pro.html">Pro</a></li>
                    <li><a href="proplus.html">ProPlus</a></li>
                </ul>
            </div>
            <a href="diet.html">Diet</a>
            <a href="contact.html">Contact</a>
        </div>
    </nav>
    <div class="section_1">
        <h1>How to Choose Your Diet</h1>

        <div class="section">
            <div class="left">
                <p>Use the <a href="calorie-calculator.html" target="_blank">CALORIE CALCULATOR</a> to determine your daily calorie needs based on your activity level and goals.</p>
            </div>
            <div class="right">
                <p>We provide both <span>veg</span> and <span>non-veg</span> diet options for different calorie requirements. Based on your goals, choose the calorie range that best suits you:</p>
                <ul>
                    <li><strong>2000 Calories</strong> - Perfect for weight loss and maintenance.</li>
                    <li><strong>2500 Calories</strong> - Ideal for maintaining muscle mass or moderate weight gain.</li>
                    <li><strong>3000 Calories</strong> - Best for building muscle or gaining weight.</li>
                    <li><strong>3500 Calories</strong> - Designed for intense weight gain or high muscle building.</li>
                </ul>
                <p>Select the right diet plan according to your calorie needs and fitness goals.</p>
            </div>
        </div>
    </div>
    <h2>Explore Our Diet Options</h2>
    <div class="section_2">


        <div class="diet-section">
            <h3>2000 Calories</h3>
            <div class="diet-options">
                <div>
                    <a href="veg2000.html">
                        <img src="assets/veg1_.png" alt="Veg Diet 2000 Cal">
                    </a>
                    <p>Veg Diet</p>
                </div>
                <div>
                    <a href="nonveg2000.html">
                        <img src="assets/nonveg1_.png" alt="Non-Veg Diet 2000 Cal">
                    </a>
                    <p>Non-Veg Diet</p>
                </div>
            </div>
        </div>

        <div class="diet-section">
            <h3>2500 Calories</h3>
            <div class="diet-options">
                <div>
                    <a href="veg2500.html">
                        <img src="assets/veg2_.png" alt="Veg Diet 2500 Cal">
                    </a>
                    <p>Veg Diet</p>
                </div>
                <div>
                    <a href="nonveg2500.html">
                        <img src="assets/nonveg2_.png" alt="Non-Veg Diet 2500 Cal">
                    </a>
                    <p>Non-Veg Diet</p>
                </div>
            </div>
        </div>

        <div class="diet-section">
            <h3>3000 Calories</h3>
            <div class="diet-options">
                <div>
                    <a href="veg3000.html">
                        <img src="assets/veg3_.png" alt="Veg Diet 3000 Cal">
                    </a>
                    <p>Veg Diet</p>
                </div>
                <div>
                    <a href="nonveg3000.html">
                        <img src="assets/nonveg3_.png" alt="Non-Veg Diet 3000 Cal">
                    </a>
                    <p>Non-Veg Diet</p>
                </div>
            </div>
        </div>

        <div class="diet-section">
            <h3>3500 Calories</h3>
            <div class="diet-options">
                <div>
                    <a href="veg3500.html">
                        <img src="assets/veg4_.png" alt="Veg Diet 3500 Cal">
                    </a>
                    <p>Veg Diet</p>
                </div>
                <div>
                    <a href="nonveg3500.html">
                        <img src="assets/nonveg4_.png" alt="Non-Veg Diet 3500 Cal">
                    </a>
                    <p>Non-Veg Diet</p>
                </div>
            </div>
        </div>
    </div>
        <div class="customized-plan">
            <h3>Need a Fully Customized Diet Plan?</h3>
            <p>We will create a tailored plan just for you based on your preferences and goals!</p>
            <a href="contact.html">Contact Us Now</a>
        </div>

    <div class="footer">
        <div class="footer-links">
          <div>
            <h3>Services</h3>
            <a href="programs.html">Programs</a>
          </div>
          <div>
            <h3>Support</h3>
            <a href="contact.html">Contact</a>
          </div>
          <div>
            <h3>Learn More</h3>
            <a href="about.html">About</a>
          </div>
        </div>
    </div>
    </div>
    <p class="copyright">
        © COPYRIGHT 2024. ALL RIGHTS RESERVED.</p>

</body>
</html>