ClickToCook/index.html at main · DeepakPrajapat01/ClickToCook · 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <meta name="google-site-verification" content="GpfO_kfhDU5R1kSrWld05RBduK4U2pGBiTYZlzOhCYk" />

  <title>ClicktoCook</title>
  <link rel="stylesheet" href="style.css">
  <link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet" />

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css">

  <script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>

  <link rel="icon" type="image/png" href="images/favicon-32x32.png">
  <meta name="google-adsense-account" content="ca-pub-3930956076515303">

  <meta name="description" content="Explore delicious recipes for breakfast, lunch, and dinner.">
  <meta name="keywords" content="recipes, breakfast, lunch, dinner, cooking, food">
</head>

<body>
  <header id="home">
    <div class="header-container">
      <div class="logo">
        <img src="images/CLICK.png" alt="">
        <h2>ClicktoCook</h2>
      </div>

      <nav class="navbar">
        <ul>
          <li class="nav-item"><a href="#home" style="--i:1">Home</a></li>
          <li class="nav-item"><a href="About.html" style="--i:2">About</a></li>

          <li class="nav-item">
            <a href="#" style="--i:3">BreakFast</a>
            <ul class="dropdown">
               <li><a href="dy_recipes.html?id=Keto-Waffles">Keto Waffles</a></li>
              <li><a href="dy_recipes.html?id=strawberry-muffins">Strawberry Muffins</a></li>
              <li><a href="dy_recipes.html?id=Banana-pancakes"> Banana Oatmeal Pancakes</a></li>
              <li><a href="dy_recipes.html?id=Avocado-Toast">Avocado Toast with Egg </a></li>
              <li><a href="dy_recipes.html?id=Baked-Pumpkin-Oatmeal-Cups">Baked Pumpkin Oatmeal Cups</a></li>
              <li><a href="dy_recipes.html?id=Italian-Sandwich">Italian Sandwich with Basil Pesto</a></li>
               <li><a href="dy_recipes.html?id=Chocolate-Chip-Avocado-Muffins">Chocolate Chip Avocado Muffins</a></li>

            </ul>
          </li>
          <li class="nav-item"><a href="#" style="--i:4">Lunch</a>
            <ul class="dropdown">
              <li><a href="dy_recipes.html?id=Buffalo Tofu Wrap">buffalo tofu</a></li>
              <li><a href="dy_recipes.html?id=Cheesy Chili Mac">Easy Chili Mac Recipe </a></li>
              <li><a href="dy_recipes.html?id=Stuffed Sweet Potatoes">Stuffed Sweet Potatoes </a></li>
              <li><a href="dy_recipes.html?id=Jackfruit-Wings">Jackfruit Wings:The Plant-Based</a></li>
              <li><a href="dy_recipes.html?id=Easy-Vegan-Mexican-Rice">Easy-Vegan-Mexican-Rice</a></li>
               <li><a href="dy_recipes.html?id=Vegan-Pizza-Rolls">Vegan Caramelized Onion & Spinach Pizza Rolls</a></li>
                <li><a href="dy_recipes.html?id=Cottage-Cheese-Egg-Salad">Cottage Cheese Egg Salad</a></li>
                <li><a href="dy_recipes.html?id=Southwest-Chicken-Salad">Southwest Chicken Salad</a></li>
                <li><a href="dy_recipes.html?id=Spicy-Sriracha-Salmon-Bowls">Spicy Sriracha Salmon Bowls</a></li>
            </ul>
          </li>
          <li class="nav-item"><a href="#" style="--i:5">Dinner</a>
            <ul class="dropdown">
              <li><a href="dy_recipes.html?id=Vegetarian-Quesadillas">Vegetarian Quesadillas </a></li>
              <li><a href="dy_recipes.html?id=Vegetarian-Lasagna">Homestyle Vegetarian Lasagna</a></li>
              <li><a href="dy_recipes.html?id=Shrimp Scampi with Linguine">Shrimp Scampi with Linguine</a></li>
              <li><a href="dy_recipes.html?id=Vegan-Gyros">Vegan Gyros: Greek-Inspired Wraps</a></li>
              <li><a href="dy_recipes.html?id=Moroccan-Cauliflower">Moroccan Cauliflower with Tahini-Honey</a></li>
              <li><a href="dy_recipes.html?id=Greek-Chicken-Meatballs-Orzo">One-Pan Greek Chicken Meatballs with Lemon Orzo</a></li>
              <li><a href="dy_recipes.html?id=Baked-Garlic-Parmesan-Chicken">Baked Garlic Parmesan Chicken</a></li>


            </ul>
          </li>
        </ul>
      </nav>
      <button id="menu_toggle"><i class="ri-menu-3-line"></i></button>
    </div>
  </header>

  <section id="hero">
    <div class="hero-content">
    </div>
  </section>

  <section id="hero-part">
    <div class="hero-part-content">
      <h1>“One Click Away from Your Next Favorite Dish” </h1>
      <p>Find recipes, shop the tools, and cook like a pro. </p>
    </div>
  </section>


  <section id="breakfast">
    <h2>Breakfast Recipes :-</h2>
    <div class="breakfast_card card1">
      <div class="card">
        <a href="dy_recipes.html?id=strawberry-muffins"><img src="images/b1 (1).png" alt="Strawberry Muffins"></a>
        <p>Delicious strawberry muffins </p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Banana-pancakes"><img src="images/b1 (2).png" alt="vegetable-sandwich"></a>
        <p> Banana-pancakes</p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Avocado-Toast"> <img src="images/b1 (3).png" alt="Avocado Toast with Egg">
        </a>
        <p> avocado toast with egg.</p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Italian-Sandwich"> <img src="images/b1 (4).png" alt="Italian Caprese Sandwich">
        </a>
        <p> Italian sandwich with mozzarella .</p>
      </div>
    </div>
    <button class="more-btn"> <a href="dy-all-recipes.html?category=Breakfast">
        < MORE>
      </a>
    </button>
  </section>

  <section id="lunch">
    <h2>Lunch Recipes :-</h2>
    <div class="breakfast_card card2">
      <div class="card">
        <a href="dy_recipes.html?id=Buffalo Tofu Wrap"> <img src="images/lunch/buffalo/buffalo-tofu-wrap-2.jpg"
            alt=""></a>
        <p>Buffalo Tofu Wrap Totally Vegan! </p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Cheesy Chili Mac"> <img src="images/lunch/chili-mac/last1.jpg" alt="">
        </a>
        <p> Chili Mac Recipe </p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Stuffed Sweet Potatoes"> <img src="images/lunch/potatoes/last1.jpg" alt="">
        </a>
        <p> Sweet Potatoes</p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Jackfruit-Wings"> <img src="images/lunch/jackfruit/stp5.webp" alt="">
        </a>
        <p>Jackfruit Wings: The Plant-Based Powerhouse</p>
      </div>
    </div>
    </div>
    <button class="more-btn"> <a href="dy-all-recipes.html?category=lunch">
        < MORE>
      </a>
    </button>
  </section>

  <section id="dinner">
    <h2>Dinner Recipes :-</h2>
    <div class="breakfast_card card3">
      <div class="card">
        <a href="dy_recipes.html?id=Vegetarian-Quesadillas"> <img src="images/dinner/veg quasdila/start.jpg" alt="">
        </a>
        <p> veg quasdila</p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Vegetarian-Lasagna"> <img src="images/dinner/Vegetarian Lasagna/last.jpg"
            alt="Vegetarian Lasagna">
        </a>
        <p> Vegetarian Lasagna</p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Shrimp Scampi with Linguine"> <img src="images/dinner/Shrimp Scampi with Linguine/sart.jpg"
            alt="Shrimp Scampi with Linguine">
        </a>
        <p> Shrimp Scampi with Linguine</p>
      </div>
      <div class="card">
        <a href="dy_recipes.html?id=Vegan-Gyros"> <img src="images/dinner/gyro meat/stp1.webp" alt="">
        </a>
        <p>Vegan Gyros: Greek-Inspired Wraps Bursting with Flavor</p>
      </div>
    </div>
    <button class="more-btn"> <a href="dy-all-recipes.html?category=dinner">
        < MORE>
      </a>
    </button>

  </section>

  <footer class="footer">
    <div class="footer-content">
      <p>© 2025 <strong>Click to Cook</strong> | Easy Recipes Made Delicious</p>

      <nav class="footer-links">
        🍽️ Explore:
        <a href="#home">Home</a> |
        <a href="#breakfast">Recipes</a> |
        <a href="affiliate.html">Kitchen Tools</a> |
        <a href="privacy.html">Privacy Policy</a> |
        <a href="terms.html">Terms & Conditions</a>
      </nav>

      <p>📧 Contact: <a href="mailto:deepakprajapat0603@email.com">deepakprajapat0603@email.com</a></p>
      <p>📍 USA-Based | Sharing globally loved recipes with simple steps and trusted tools</p>
      <p class="disclaimer">
        This site contains affiliate links. As an Amazon Associate, we may earn commissions from qualifying purchases.
        Thank you for your support.
      </p>
    </div>
  </footer>


  <!-- script -->

  <script src="    https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"> </script>


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

</body>

</html>