ClickToCook/About.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="Learn more about ClicktoCook – your go-to platform for easy, budget-friendly recipes. Run by Deepak, a food lover and digital creator." />
    <meta name="author" content="Deepak Prajapat" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://clicktocookfood.netlify.app/about" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="About ClicktoCook" />
    <meta property="og:description" content="ClicktoCook is your destination for simple, delicious recipes made for home cooks. Learn about our mission and our creator Deepak." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://clicktocookfood.netlify.app/about" />
    <meta property="og:image" content="https://clicktocookfood.netlify.app/images/logo.png" /> <!-- Change this if you have a better logo -->
    <meta name="google-adsense-account" content="ca-pub-3930956076515303">

    <title>About ClicktoCook – Easy Recipes by Deepak</title>

    <style>
        .about-section {
            background-color: #fff8f3;
            padding: 60px 20px;
            color: #333;
            font-family: "Poppins", sans-serif;
        }

        .about-container {
            max-width: 900px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        .about-container h2 {
            text-align: center;
            font-size: 2.5rem;
            color: #c94f4f;
            margin-bottom: 25px;
        }

        .about-container p {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .about-container ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 20px;
        }

        .about-container ul li {
            font-size: 1.05rem;
            line-height: 1.7;
            padding-left: 24px;
            position: relative;
            margin-bottom: 10px;
        }

        .about-container ul li::before {
            content: "✔️";
            position: absolute;
            left: 0;
            color: #ff6347;
            font-size: 1.1rem;
        }

        /* ✅ MEDIA QUERIES FOR RESPONSIVENESS */
        @media (max-width: 768px) {
            .about-container {
                padding: 30px 20px;
            }

            .about-container h2 {
                font-size: 2rem;
            }

            .about-container p,
            .about-container ul li {
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            .about-container {
                padding: 25px 15px;
            }

            .about-container h2 {
                font-size: 1.7rem;
            }

            .about-container p,
            .about-container ul li {
                font-size: 0.95rem;
                line-height: 1.6;
            }

            .about-section {
                padding: 40px 15px;
            }
        }
    </style>
</head>

<body>
    <section class="about-section" id="about">
        <div class="about-container">
            <h2>About ClicktoCook</h2>
            <p>
                <strong>ClicktoCook</strong> is your go-to destination for quick, simple, and delicious recipes. Whether
                you're a student, a busy professional, or someone new to cooking, our goal is to make your cooking
                experience easier and more enjoyable.
            </p>
            <p>
                I’m <strong>DEEPAK</strong>, a food enthusiast and digital creator who believes cooking at home should be both
                joyful and simple. This blog is built around sharing real food for real people — using accessible
                ingredients, clear instructions, and tools you can easily grab online.
            </p>
            <p>
                Our recipes are categorized by <strong>Breakfast</strong>, <strong>Lunch</strong>, and
                <strong>Dinner</strong> — so you can easily find what suits your mood or schedule.
            </p>
            <ul>
                <li>🍽️ Easy-to-follow, step-by-step instructions</li>
                <li>🌿 Recipes using common, local ingredients</li>
                <li>🔎 Category-based filtering</li>
                <li>📸 Visually engaging recipe cards</li>
            </ul>
            <p>
                We believe that cooking should be accessible to everyone, which is why we focus on recipes that require
                minimal ingredients and tools. Our platform is designed to help you cook like a pro, even if you're just
                starting out.
            </p>
            <p>
                We’re continuously working to add <strong>video recipes</strong>, more <strong>regional dishes</strong>,
                and even <strong>user-submitted content</strong> — stay tuned!
            </p>
        </div>
    </section>

</body>

</html>