Recipe/About.html at main · Scifi-ally/Recipe · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FlavorForge</title>
    <link rel="icon" href="icons/iconsymbol.svg" type="image/x-icon">
    <style>
        * {
            font-family: Geist Mono;
            color: white;
            font-size: 20px;
            margin: 0;
            padding: 0;
        }
            body{
        overflow: hidden;
        height: 100vh;
        width: 100vw;
        max-height: 100vh;
        max-width: 100vw;
    background-image: linear-gradient(90deg,rgba(35,43,66,255),rgba(14,17,26,255));

    }
    header {
    width: 100%;
    height: 10%;
    padding-left: 2rem;
    padding-right: 2rem;
    animation: headerDown 1s linear;
    animation-fill-mode: forwards;
}

.container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -0.7rem;
}

.logo {
    height: 100%;
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo h2 {
    font-size: 40px;
}

.headlist {
    height: 100%;
    width: 27%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headlist ul {
    width: 100%;
    list-style: none;
    display: flex;
    gap: 3.05rem;
    justify-content: center;
    align-items: center;
}

.headlist a {
    font-size: 18px;
    text-decoration: none;
    color: orange;
    font-weight: 600;
    padding: 10px;
    border-radius: 5px;
}

.headlist a:hover {
    background-color: orange;
    padding: 10px;
    transition: all linear 0.2s;
    color: navy;
}
        main {
            margin: 20px;
        }
        .content {
            margin-left: 20%;
            margin-right: 20%;
        }
        .heading {
            font-size: 27px;
            margin-top: 30px;
            color: orange;
            transition: color 0.3s;
        }
        .heading:hover {
            color: white;
        }
        .para {
            line-height: 1.6;
            margin-top: 10px;
        }
        .but{
            margin-left:10%;
        }
        .but *{visibility:hidden;}
    </style>
</head>
<body>
    <header>
        <div class="container">
            <div class="logo"><h2>FlavorForge</h2></div>
            <div class="headlist">
                <ul>
                    <li><a href="index.html" style="padding-left: 20px;padding-right: 20px;">Home</a></li>
                    <li><a href="About.html">About Us</a></li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
            <div class="but"><button class="signUp"></button></div>
        </div>
    </header>
    <main>
        <div class="content">
            <div class="aboutus">
                <div class="heading">About Us</div>
                <div class="para">Welcome to FlavorForge, your go-to destination for delicious recipes and culinary inspiration! Whether you’re a seasoned chef or a kitchen novice, our goal is to provide you with the tools and inspiration to create memorable meals.</div>
            </div>
            <div class="mission">
                <div class="heading">Our Mission</div>
                <div class="para">At FlavorForge, our mission is simple: to make cooking enjoyable and accessible for everyone. We believe that good food brings people together, fosters connection, and creates lasting memories. Our aim is to inspire you to explore the joy of cooking, encouraging you to try new flavors, experiment with ingredients, and share your culinary creations with loved ones.</div>
            </div>
            <div class="offer">
                <div class="heading">What We Offer</div>
                <div class="para">We curate a diverse collection of recipes that cater to every taste and dietary preference. From quick weeknight dinners that fit into your busy schedule to indulgent desserts that wow your guests, we have something for everyone. Our site features:
                    <br><br>
                    <strong>Recipe Variety:</strong> Explore categories such as healthy options, vegetarian and vegan dishes, international cuisines, and seasonal specialties. We believe in providing recipes that cater to all lifestyles and preferences.
                    <br><br>
                    <strong>User-Friendly Resources:</strong> Our user-friendly layout makes it easy to find what you’re looking for. Plus, we offer meal planning tools, shopping lists, and cooking tips to help streamline your kitchen experience. Each recipe includes prep time, cooking time, serving sizes, and step-by-step instructions to make cooking a breeze.
                </div>
            </div>
        </div>
    </main>
</body>
</html>