-
Notifications
You must be signed in to change notification settings - Fork 0
/
ProductLandingPage.html
280 lines (258 loc) · 13.9 KB
/
ProductLandingPage.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html lang="en">
<head>
<title>Product landing page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1.0 shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://github.com/Himanshi2016/ProductLandingPage/blob/master/CSS/ProductLandingPage.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
</head>
<body>
<div id="heading">
<h1>Amul</h1>
</div>
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand href="#"><img src="https://seeklogo.com/images/A/amul-ice-cream-logo-A0C27246CA-seeklogo.com.png" class="rounded-circle" alt="brand logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-control="navbarNavAltMarkup" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="container justify-content-start">
<div class="navbar-nav">
<a class="nav-link" href="#about">About Us</a>
<a class="nav-link" href="#brands">Brands</a>
<a class="nav-link" href="#organisation">Organisation</a>
<a class="nav-link" href="#contact">Contact Us</a>
</div>
</div>
</nav>
</header>
<section id="about">
<div class="history">
<div id="heading1">
<h2>About Us</h2>
</div>
<div id="AboutAmul">
<div id="Birth">
<h3>The Birth Of Amul</h3>
<p>1 - It all began when milk became a symbol of protest ,
2 - Founded in 1946 to stop the exploitation by middlemen ,
3 - Inspired by the freedom movement</p>
</div>
<div id="Model">
<h3>The Amul Model</h3>
<p>The Amul Model of dairy development is a three-tiered structure with the dairy cooperative societies at the village level federated under a milk union at the district level and a federation of member unions at the state level. </p>
<p>The Amul Model has helped India to emerge as the largest milk producer in the world. More than 16 million milk producers pour their milk in 185903 dairy cooperstive societies across the country.
The milk is processed in 222 District Co-operative Milk Unions and marketed by 28 State Marketing Federations, ensuring a better life for millions.</p>
</div>
<div id="Established">
<h3>How It Established ?</h3>
<p>The co-operative, the kaira District Co-operative Milk Producers Union Ltd. began with just two village dairy co-operative societies and 247 litres of milk and is today better known as Amul Dairy. Amul grew from strength thanks to the inspired leadership of Tribhuvandas Patel , the founder Chairman and the committed professionalism of Dr Verghese Kurien, who was entrusted the task of running the dairy from 1950.</p>
</div>
</div>
</div>
</section>
<section id="brands">
<div class="DifferentBrands"
<div id="heading2">
<h2>Brands</h2>
</div>
<div class="brand-3">
<div id="chocolate">
<h4>Amul Chocolate</h4>
<ul>
<div class="chocolate-type-1">
<h5>Amul Dark Chocolate </h5>
<p><strong>Description</strong> - Amul Dark Chocolate is made with the finest ingredients and delicious cocoa. For a better texture, the finest particle size (approx-20micron) is achieved through world-class refining, leaving you to indulge in the exquisite taste of rich dark chocolate </p>
<p><strong>Shelf Life</strong> - 12 months</p>
<p><strong>Storage condition</strong> - At 15-20 degree centigrade in a Cool and Dry place</p>
<p><strong>Packing</strong> - 150g / 40g /15g /100g & 250g</p>
<p><strong>Product Features</strong> - 55% Dark Chocolate
No milk solids
No vegetable fat
Pure cocoa butter and solids</p>
</div>
<div class="chocolate-type-2">
<h5>Amul Milk Chocolate </h5>
<p><strong>Description</strong> - Amul Milk Chocolate is made with the goodness of rich creamy milk and delicious cocoa. Savour this mesmeering combination s it leaves you with a delightful taste, achieved through world-class refining.</p>
<p><strong>Shelf Life</strong> - 12 months</p>
<p><strong>Storage condition</strong> - At 15-20 degree centigrade in a Cool and Dry place</p>
<p><strong>Packing - 150g /40g/20g /12</p>
<p><strong>Product Features</strong> - Real milk chocolate
No vegetable fat
Best cocoa and pure milk fat used. No cheap oils. </p>
</div>
</ul>
</div>
</div>
<div class="brand-1">
<div id="milk">
<h4>Amul Milk</h4>
<P>In brand Amul Milk, there are different types of milk.</P>
<h5>UHT Milk</h5>
<ul>
<div class="milk-type-1">
<h5>Amul Gold </h5>
<p><strong>Description</strong> - Standardized Long Life Milk</p>
<p><strong>Shelf Life</strong> - 180 days when stored in cool and dry place</p>
<p><strong>Storage condition</strong> - Ambient</p>
<p><strong>Packing</strong> - 1000 ml</p>
</div>
<div class="milk-type-2">
<h5>Amul Moti </h5>
<p><strong>Description</strong> - Homogenised Toned Milk</p>
<p><strong>Shelf Life</strong> - 90 days from the date of manufacturing</p>
<p><strong>Storage condition</strong> - Cool and dry condition with ambient temperature</p>
<p><strong>Packing</strong> - 500 ml, 200 ml, 100 ml</p>
</div>
</ul>
<h5>Camel Milk</h5>
<ul>
<div class="milk-type-4">
<h5>Amul Camel Long Life Milk </h5>
<p><strong>Description</strong> - Camel Milk</p>
<p><strong>Shelf Life</strong> - 180 days from the date of packing: Once pack is opened keep in refrigerated condition and consumer within 24 houres of opening.</p>
<p><strong>Storage condition</strong> - Ambient</p>
<p><strong>Packing</strong> - 200 ml Pet Bottle</p>
</div>
<div class="milk-type-5">
<h5>Amul Camel Milk </h5>
<p><strong>Description</strong> - Camel Milk</p>
<p><strong>Shelf Life</strong> - 72 Hours from the date of packing if kept under refrigeration at 4 degree centigrated or below</p>
<p><strong>Storage condition</strong> - Under refrigeration (at or below 4degree centigrate)</p>
<p><strong>Packing</strong> - 500 ml and 200 ml Pet Bottles </p>
</div>
</ul>
</div>
</div>
<div class="brand-2">
<div id="paneer">
<h4>Amul Paneer</h4>
<ul>
<div class="paneer-type-1">
<h5>Amul Malai Paneer </h5>
<p><strong>Description</strong> - Equilavent to Cream Cottage cheese</p>
<p><strong>Shelf Life</strong> - 6 months at -18 degree centrigrade or below</p>
<p><strong>Storage condition</strong> - Stored Frozen</p>
<p><strong>Packing</strong> - Diced paneer - 100 g, 200 g, 500 g & 1kg
Block paneer - 200 g & 1kg</p>
</div>
<div class="paneer-type-2">
<h5>Amul Fresh Paneer </h5>
<p><strong>Description</strong> - Equivalent to Cream Cottage cheese</p>
<p><strong>Shelf Life</strong> - 45 days at 4 degree centigrade or below</p>
<p><strong>Storage condition</strong> - Refrigerated</p>
<p><strong>Packing</strong> - Block Paneer - 100g, 200g and 1kg</p>
</div>
</ul>
</div>
</div>
<div id="ice-cream">
<h4>Ice Cream</h4>
<table>
<tr>
<th>Category 1</th>
<th>Category 2</th>
<th>Packs</th>
</tr>
<tr>
<td>Tricone</td>
<td>Big Cones</td>
<td>
<ul>
<dd>Butter scotch</dd>
<dd>Choco Crunch</dd>
<dd>Black Currant</dd>
<dd>Choco Vanilla</dd>
<dd>Pista Badam</dd>
</ul>
</td>
</tr>
<tr>
<td>Tubs</td>
<td>1 lit</td>
<td>
<ul>
<dd>Rajbhog</dd>
<dd>Roasted Almond</dd>
<dd>Chocolate Brownie</dd>
<dd>Choco Chips</dd>
<dd>Moroccan Dry Fruit</dd>
</ul>
</td>
</tr>
</table>
</div>
</div>
</section>
<section id="organisation">
<div class="org">
<div id="heading3">
<h2>Organisation</h2>
</div>
<div class="OrgAmul">
<div id="org-name">
<h3>GCMMF</h3>
<p>Gujarat Cooperative Milk Marketing Federation Ltd. (GCMMF), is India's largest food product marketing organisation with annual turnover (2019-20) US$ 5.1 Billion, Its daily milk procurement is approx 23 mmillion lit per day from 18600 village milk cooperative societies, 18 member unions covering 33 districts, and 3.6 million milk producer members. </p>
</div>
<div id="Unions">
<h3>Our Member Unions</h3>
<ol>
<li>Kaira District Cooperative Milk Producers' Union Ltd., Anand</li>
<li>Mehsana District Cooperative Milk Producers' Union Ltd., Mehsana</li>
<li>Sabarkantha District Cooperative Milk Producers' Union Ltd., Himatnagar</li>
<li>Banaskantha District Cooperative Milk Producers' Union Ltd., Palanpur</li>
<li>Surat District Cooperative Milk Producers' Union Ltd., Surat</li>
<li>Baroda District Cooperative Milk Producers' Union Ltd., Vadodara</li>
<li>Panchmahal District Cooperative Milk Producers' Union Ltd., Godhra</li>
<li>Valsad District Cooperative Milk Producers' Union Ltd., Valsad</li>
<li>Bharuch District Cooperative Milk Producers' Union Ltd., Bharuch</li>
<li>Ahmedabad District Cooperative Milk Producers' Union Ltd., Ahmedabad</li>
<li>Rajkot District Cooperative Milk Producers' Union Ltd., Rajkot</li>
<li>Porbandar District Cooperative Milk Producers' Union Ltd., Porbandar</li>
<li>Junagadh District Cooperative Milk Producers' Union Ltd., Junagadh</li>
<li>Amreli District Cooperative Milk Producers' Union Ltd., Amreli</li>
<li>Bhavnagar District Cooperative Milk Producers' Union Ltd., Bhavnagar</li>
<li>Surendranagar District Cooperative Milk Producers' Union Ltd., Surendranagar</li>
<li>Kutch District Cooperative Milk Producers' Union Ltd., Kutch</li>
<li>Gandhingar District Cooperative Milk Producers' Union Ltd., Gandhinagar</li>
</ol>
</div>
<div id="aboutGCMMF">
<p>GCMMF is India's largest exporter of Dairy Products. It has been accorded a "Trading House" Status. Many of our products are available in USA, Gulf Countries, Singapore, The Philippines, Japan, China and Australia. GCMMF has recieved the APEDA Award from Government of India for Excellence in Diary Product Exports for the last 16 years. For the year 2009-10, GCMMF has been awarded "Golden Trophy" for its outstanding export performance and contribution in dairy products sector by APEDA. By selling milk powders on GDT, GCMMF could not only realize better prices as per market demand but it also firmly established Amul in the league of top dairy players in world trade. </p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="Contact-page">
<div id="heading4">
<h2>Contact Us</h2>
</div>
<p>You can contact us here.</p>
<div class="addressing">
<div id="Address">
<p>Head Office: Gujarat Cooperative Milk Marketing Fedderation , PO Box 10, Amul Dairy Road, Anand 388 001, Gujarat, India.</p>
<p>Phone nos: <a href="tel: (+91) (2692) 258506, 258507, 258508, 258509">(+91) (2692) 258506, 258507, 258508, 258509</a>
</p>
<p>Fax no.- <a href="tel:(+91) (2692) 240208, 240185">(+91) (2692) 240208, 240185</a>
</p>
<p>Email:
<br>
Corporate: <a href=”mailto:[email protected]”
method=”POST”
name=”EmailAddress”>[email protected]</a>
<br>
Export: <a href=”mailto:[email protected]”
method=”POST”
name=”EmailAddress”>[email protected]</a>
</p>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>