-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome_page.html
143 lines (143 loc) · 12.7 KB
/
home_page.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agri Helper</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cinzel|Fauna+One">
<link rel="stylesheet" href="./home_page.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<script src="./home_page.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
<script src="https://rawcdn.githack.com/albburtsev/jquery.typist/f4f429fad5bab374b1cf01da52ce4e469758afe6/dist/jquery.typist.min.js"></script>
<link rel="stylesheet" href="./home_page.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href=""><img src="./comp_logo.png" alt="Agri Helper"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link " aria-current="page" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#mission">Mission</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Login
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#">Buyer</a></li>
<li><a class="dropdown-item" href="#">Seller</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Employee</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div id="slides"class="container-fluid">
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="./slide1.jpg" class="d-block w-100" alt="Production">
<div class="carousel-caption d-none d-md-block">
<div class="content">
<h5>First slide label</h5>
<p>Some representative placeholder content for the first slide.</p>
</div>
</div>
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="./slide1.jpg" class="d-block w-100" alt="Inspection">
<div class="carousel-caption d-none d-md-block">
<div class="content">
<h5>Second slide label</h5>
<p>Some representative placeholder content for the second slide.</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="./slide1.jpg" class="d-block w-100" alt="Storage">
<div class="carousel-caption d-none d-md-block">
<div class="content">
<h5>Third slide label</h5>
<p>Some representative placeholder content for the third slide.</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div id="about">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quisquam commodi qui, accusamus consequatur quaerat atque. Consectetur praesentium, officia iure repudiandae aspernatur tenetur sit, magni accusamus incidunt neque eos nesciunt voluptate. In repellat assumenda temporibus beatae sed totam ipsa maiores reprehenderit? Explicabo voluptatibus nulla quis tenetur suscipit cum consequuntur, perferendis incidunt Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, magni! Quidem alias asperiores vero suscipit placeat eligendi. Voluptatem, commodi eius. Nesciunt molestiae tempore iste incidunt quas in quibusdam, tempora molestias a voluptas quidem soluta cumque fugit inventore, expedita blanditiis quos modi autem, ducimus dignissimos veniam iusto! A quod laborum fuga, molestias unde qui porro doloribus distinctio at quo dignissimos enim in, atque quas, beatae iusto commodi officiis itaque. Facere adipisci aliquid dolorem! Unde, impedit quas culpa minima voluptate veniam distinctio sapiente laudantium non sunt, dolore magnam, saepe nesciunt id nam quod omnis? Voluptatibus sed dolor mollitia, doloremque ad eos aut. Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit cupiditate earum qui! Dignissimos saepe incidunt aperiam fugit reprehenderit autem? Eum iste quis assumenda cupiditate perspiciatis tempora quae earum expedita nulla ex facilis doloribus ratione aut magni porro officiis incidunt non aspernatur deserunt ipsam corrupti nobis, sit et. Beatae repellendus maiores consequatur eos. Minus recusandae numquam in voluptate animi veniam suscipit voluptatum, dolorem tempora exercitationem iste sed aperiam, nobis tenetur totam? Eveniet dolorum inventore tempora alias aliquam distinctio impedit nisi molestiae pariatur ipsam possimus harum soluta consequuntur quis ad, odit ipsum maiores illum tempore molestias, error odio sunt minima dolores. Illo!250 words</p>
</div>
<div id="mission">
<h1>Our Mission</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quisquam commodi qui, accusamus consequatur quaerat atque. Consectetur praesentium, officia iure repudiandae aspernatur tenetur sit, magni accusamus incidunt neque eos nesciunt voluptate. In repellat assumenda temporibus beatae sed totam ipsa maiores reprehenderit? Explicabo voluptatibus nulla quis tenetur suscipit cum consequuntur, perferendis incidunt Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur, magni! Quidem alias asperiores vero suscipit placeat eligendi. Voluptatem, commodi eius. Nesciunt molestiae tempore iste incidunt quas in quibusdam, tempora molestias a voluptas quidem soluta cumque fugit inventore, expedita blanditiis quos modi autem, ducimus dignissimos veniam iusto! A quod laborum fuga, molestias unde qui porro doloribus distinctio at quo dignissimos enim in, atque quas, beatae iusto commodi officiis itaque. Facere adipisci aliquid dolorem! Unde, impedit quas culpa minima voluptate veniam distinctio sapiente laudantium non sunt, dolore magnam, saepe nesciunt id nam quod omnis? Voluptatibus sed dolor mollitia, doloremque ad eos aut. Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit cupiditate earum qui! Dignissimos saepe incidunt aperiam fugit reprehenderit autem? Eum iste quis assumenda cupiditate perspiciatis tempora quae earum expedita nulla ex facilis doloribus ratione aut magni porro officiis incidunt non aspernatur deserunt ipsam corrupti nobis, sit et. Beatae repellendus maiores consequatur eos. Minus recusandae numquam in voluptate animi veniam suscipit voluptatum, dolorem tempora exercitationem iste sed aperiam, nobis tenetur totam? Eveniet dolorum inventore tempora alias aliquam distinctio impedit nisi molestiae pariatur ipsam possimus harum soluta consequuntur quis ad, odit ipsum maiores illum tempore molestias, error odio sunt minima dolores. Illo!250 words</p>
</div>
<div id="contact">
<h1>Contact Us</h1>
<div class="row justify-content-between">
<div class="col-4">
<div class="location">
<h2>We are at</h2>
<div class="address">
<p>Address:</p>
<p>Agri Helper</p>
<p>Shamshath Nagar</p>
<p>Delhi-101101</p>
</div>
<div class="phone">
<p>Phone number:</p>
<p>9394802109</p>
<p>042-3940284</p>
</div>
</p>
</div>
</div>
<div class="col-4">
<div class="social">
<h2>Our Socials</h2>
<div class="network">
<a target="_blank" href="https://www.facebook.com/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a>
<a target="_blank" href="https://www.linkedin.com/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a>
<a target="_blank" href="https://www.twitter.com/"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>