CompanyHomePage/index.html at main · jig-josh/CompanyHomePage · 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
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Vegetable Garden Info</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <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=Montserrat:ital,wght@0,400;1,900&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <!--Name-->
        <div class="logo">
            <h1>Vegatable  Garden  Info</h1>
        </div>
        <!--Navigation-->
        <div class="navbar">
            <a href="#about">About Our Mission</a>
            <a href="#portfolio">Our Products</a>
            <a href="#ourteam">Our Team</a>
        </div>

        <!--About Section-->
        <section id="about">
        <div class="about-container">
            <div class="slogan">
                <h2>Our Organic Garden</h2>
                <h4>If you want to have a balanced garden, feed the soil and build the ecosystem.</h4>
            </div>
        </div>
        </section>

        <!--Portfolio Section-->
        <section id="portfolio">
        <div class="product-container">
            <h2>Our Garden Products</h2>
            <h4>In a vegetable garden, things follow their natural path. They ripen, they grow. You've got to unite. You've got to have water.</h4>
        </div>
        <div class="product-image">
            <div class="products">
                <figure>
                    <img src="./resources/images/Corn.jpg" alt="Corn"/>
                <figcaption>
                    Corn
                </figcaption>
                </figure>
            </div>
            <div class="products">
                <figure>
                    <img src="./resources/images/Bitterguard.jpg" alt="Bitterguard"/>

                <figcaption>
                    Bitterguard
                </figcaption>
                </figure>
            </div>
            <div class="products">
                <figure>
                    <img src="./resources/images/Eggplant-plants.jpg" alt="Eggplants"/>

                <figcaption>
                    Eggplants
                </figcaption>
                </figure>
            </div>
            <div class="products">
                <figure>
                    <img src="./resources/images/Greenchillies.jpg" alt="Green Chillies"/>

                <figcaption>
                    Green Chillies
                </figcaption>
                </figure>
            </div>
            <div class="products">
                <figure>
                    <img src="./resources/images/GreenTomato.jpg" alt="Green Tomato"/>

                <figcaption>
                    Green Tomato
                </figcaption>
                <figure>
            </div>
            <div class="products">
                <figure>
                    <img src="./resources/images/Squash.jpg" alt="Squash"/>

                <figcaption>
                    Squash
                </figcaption>
                </figure>
            </div>
        </div>
        </section>
        <!--Our Team Section-->
        <section id="ourteam">
            <div class="ourteam-container">
                <h2>Our Garden Main Members</h2>
            </div>
            <div class="Ourteam">
            <div class="member-detail">
                <img src="./resources/images/Tomatoes.jpg" alt="Tomato" />
                <h3>Tomato</h3>
                <p>The King of Our Garden</p>
            </div>
            <div class="member-detail">
                <img src="./resources/images/AllChillies.jpg" alt="Tomato" />
                <h3>Chillies</h3>
                <p>The Queen of Our Garden</p>
            </div>
            <div class="member-detail">
                <img src="./resources/images/Eggplants.jpg" alt="Tomato" />
                <h3>Eggplant</h3>
                <p>The Prince of Our Garden</p>
            </div>
        </div>
        </section>

        <!--footer-->

        <footer>
            <h5>Vegetable Garden Info</h5>
            <h6>copyright 2021</h6>
        </footer
        <script src="" async defer></script>
    </body>
</html>