assignment/index.html at main · RahulPaul12/assignment · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Food network</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="navbar">
        <a href="#">About</a>
        <a href="#">Contact</a>
        <a href="#">service</a>
        <a href="#">Home</a>
    </div>
    <section class="top">
        <div class="halfwidth">
            <h1><span id="skip">Skip</span> The Diet, <br>Just Eat Healthy <br>With Food Network</h1>
            <h2>Imagine you don't need diet because we provide healthy and delicious food for you!</h2><br>

            <a class="button" href="#" target="_">Order Food</a>
        </div>
        <div class="halfwidth">
            <img src="mensimage.png">
        </div>

    </section>
    <section class="middle">
        <div class="halfwidth">
            <img src="womensimage.png.png">
        </div>
        <div class="halfwidth">
            <h1 class="h-middle">About Me</h1>
            <h3>Hello, this is Rahul paul From Dhaka. I am studying at Daffodil International Universtiy. And I love to
                Eat
                rich Food. And I love to develop new website and lprogramming is my first love. I want to be a good web
                developer and a good person in my life.</h3><br>

            <a class="button" id="contact" href="#" target="_">Contact</a>
        </div>

    </section>
    <h1 class="h-middle" id="h-last">My Recipies</h1>
    <h3 id="last-h3">I love to cock new recipies everyday and here is my varius delicious healthy recipies for you. Your
        food will be ready in 30 minutes or less with these quick and easy recipies from Food Network</h3>

    <section class="receip">


        <div class="halfwidth shadow">
            <img src="Project Cover.jpg">

            <h2 class="receip-h2">Break-fast</h2>
            <p>
                There are many receipies and items for you and you can find various rich and delicious food for eat
                here.
            </p>
        </div>
        <div class="halfwidth shadow">
            <img src="Project Cover1.jpg">
            <h2 class="receip-h2">Lunch</h2>

            <p>
                There are many receipies and items for you and you can find various rich and delicious food for eat
                here.
            </p>
        </div>

        <div class="halfwidth shadow">
            <img src="Project Cover.jpg">
            <h2 class="receip-h2">Dinner</h2>

            <p>
                There are many receipies and items for you and you can find various rich and delicious food for eat
                here.
            </p>
        </div>


    </section>


    <div class="footer">
        <h2><span id="footer1">Food</span><span id="footer2"> Network</span></h2>
        <h6 id="footer-h6">Eat Healthy , Live Happy</h6>
        <h6 id="footer-h6" <span>&copy</span> Rahul Paul</h6>
    </div>


</body>

</html>