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

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

    <link rel="stylesheet" href="./CSS/navbar.css">
    <link rel="stylesheet" href="./CSS/footer.css">
    <link rel="stylesheet" href="./CSS/style.css">
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT Mono"/> -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>

<body>
    <div id="nav-bar"></div>
    <div id="navbar"></div>
    <div id="popup">
        <table></table>
    </div>
    <div id="main">
        <div>
            <img src="./IMG/main.png" alt="" width="80%" height="50%">
            <div>
                <p>20% of the profit goes to armed forces of Ukrain</p>
                <button class="btn btn-primary" id="Mcatlog">Catlog</button>
            </div>
        </div>
        <div style="background-color: #dcd5cf;">
            <img src="./IMG/newIMG/0.png" alt="" width="90%">
        </div>
    </div>

    <div id="about" class="flex">
        <div class="flex" >
            <div class="flexCol">
                <img src="./IMG/newIMG/9.png" height="50%">
                <img src="./IMG/newIMG/10.png" height="50%">
            </div>
            <div>
                <img src="./IMG/newIMG/4.png" height="100%" style="width: 100%;">
            </div>
        </div>
        <div style="margin: 0.6rem auto auto;">
            <img src="./IMG/about_us.png" alt="" width="55%" height="25%">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Id quasi quis velit dignissimos deserunt
                illo voluptate error quam, voluptatem laboriosam repudiandae quos provident dolore eius dolor
                magnam alias, non ducimus odit placeat ullam cumque sapiente est adipisci. In omnis consectetur
                voluptas ips a pariatur ipsam harum possimus totam perferendis suscipit? Impedit!</p>
        </div>
    </div>

    <div id="popular" class="flexCol">
        <div class="flex">
            <img src="./IMG/popular.png" alt="" width="50%" height="10%">
            <div class="flex">
                <i class="fa-solid fa-circle-chevron-left fa-2xl"></i>
                <i class="fa-solid fa-circle-chevron-right fa-2xl"></i>
            </div>
        </div>
        <div class="flex" style="width: 100%;">
            <div><img src="./IMG/newIMG/1.png" alt="" ></div>
            <div><img src="./IMG/newIMG/2.png" alt="" ></div>
            <div><img src="./IMG/newIMG/3.png" alt="" ></div>
        </div>
    </div>

    <div id="feedback">
        <div>

        </div>
        <div>

        </div>
    </div>

    <div id="categories">
        <div class="flex">
            <img src="./IMG/categories.png" alt="" height="120%">
            <button class="btn btn-primary catlog" id="Ccatlog">Catlog</button>
        </div>
        <div class="flex" style="width: 100%;">
            <div><img src="./IMG/newIMG/12.png" alt=""></div>
            <div><img src="./IMG/newIMG/13.png" alt=""></div>
            <div><img src="./IMG/newIMG/14.png" alt=""></div>
            <div><img src="./IMG/newIMG/15.png" alt=""></div>
        </div>
    </div>

    <div id="delivery" class="flex">
        <div class="flex">
            <div class="flexCol">
                <img src="./IMG/newIMG/9.png" height="50%">
                <img src="./IMG/newIMG/10.png" height="50%">
            </div>
            <div><img src="./IMG/newIMG/14.png" height="100%" style="width: 100%;"></div>
        </div>
        <div>
            <img src="./IMG/delivery.png" alt="" height="25%" width="60%">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo consequuntur ad facere, a laboriosam ipsa!
            </p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur repudiandae nisi iste voluptate quos
                culpa ex illo.</p>
            <button class="btn btn-primary catlog" id="Dcatlog">Catlog</button>
        </div>
    </div>

    <div id="social">
        <div class="flex">
            <img src="./IMG/social.png" alt="" height="20%" width="60%">
            <button>More details</button>
        </div>
        <div class="flex" style="width: 100%;">
            <img src="./IMG/newIMG/3.png" alt=""><img src="./IMG/newIMG/4.png" alt=""><img src="./IMG/newIMG/5.png"
                alt="">
        </div>
    </div>
    <div id="footer"></div>
</body>
<script type="module" src="./SCRIPTS/index.js"></script>

</html>