Hugging Face's logo

Spaces:
JAYASWAROOP
/
FinalUI
Running

App Files Community
JAYASWAROOP commited on
Commit
7beeae6
·
1 Parent(s): 5a784ea

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +494 -17
index.html CHANGED
@@ -1,19 +1,496 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <!DOCTYPE html>
2
  <html>
3
+
4
+ <head>
5
+ <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.44.4/gradio.js"></script>
6
+ <title>Chatbot</title>
7
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />
8
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
10
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
11
+ <script src="https://kit.fontawesome.com/20c5629a29.js" crossorigin="anonymous"></script>
12
+ <link rel="stylesheet" href="script1.css">
13
+ <script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
14
+ </head>
15
+
16
+ <body>
17
+ <nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">
18
+ <div class="container">
19
+ <a class="navbar-brand" href="#">
20
+ <img src="logo.png" class="food-munch-logo" />
21
+ </a>
22
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
23
+ <span class="navbar-toggler-icon"></span>
24
+ </button>
25
+ <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
26
+ <div class="navbar-nav ml-auto">
27
+ <a class="nav-link active" id="navItem1" href="https://mines.gov.in/webportal/news" target="_blank">
28
+ News
29
+ <span class="sr-only">(current)</span>
30
+ </a>
31
+ <a class="nav-link" href="https://mines.gov.in/webportal/whatsnew" id="navItem2" target="_blank">What's New</a>
32
+ <a class="nav-link" href="#deliveryPaymentSection" id="navItem3" >Chatbot</a>
33
+ <a class="nav-link" href="#followus" id="navItem4">Follow Us</a>
34
+ </div>
35
+ </div>
36
+ </div>
37
+ </nav>
38
+ <div class="banner-section-bg-container d-flex justify-content-center flex-column">
39
+ <div class="text-center">
40
+ <h1 class="banner-heading mb-3">Digitech Miners</h1>
41
+ <p class="banner-caption mb-4">Where Technology Meet the Earth's Treasure</p>
42
+ <a href="#bot"> <button class="custom-button">Chatbot</button></a>
43
+ <a href="#exp"><button class="custom-outline-button">Explore acts</button></a>
44
+ </div>
45
+ </div>
46
+ <div class="wcu-section pt-5 pb-5" id="wcuSection">
47
+ <div class="container">
48
+ <div class="row">
49
+ <div class="col-12">
50
+ <h1 class="wcu-section-heading mb-4">Features</h1>
51
+
52
+ </div>
53
+ <div class="col-12 col-md-4">
54
+ <div class="wcu-card p-3 mb-3">
55
+ <img src="easy.jpg" class="wcu-card-image" />
56
+ <h1 class="wcu-card-title mt-3">Easy Access</h1>
57
+ <p class="wcu-card-description">
58
+ Anyone can use this website as there is no logon requirement
59
+ and it is free all you need is a proper internet connection.
60
+ </p>
61
+ </div>
62
+ </div>
63
+ <div class="col-12 col-md-4">
64
+ <div class="wcu-card p-3 mb-3">
65
+ <img src="u1.jpg" class="wcu-card-image" />
66
+ <h1 class="wcu-card-title mt-3">Auto Updation</h1>
67
+ <p class="wcu-card-description">
68
+ If any of the Rules,Regulations or some Acts Data related to mining
69
+ is Updated then the website answers accordingly.
70
+ </p>
71
+ </div>
72
+ </div>
73
+ <div class="col-12 col-md-4">
74
+ <div class="wcu-card p-3 mb-3">
75
+ <img src="language.jpg" class="wcu-card-image" />
76
+ <h1 class="wcu-card-title mt-3">Language Lenience</h1>
77
+ <p class="wcu-card-description">
78
+ The questions can be asked in any language and the bot corresponds with the answer
79
+ in same language.Text can also be played as audio Which can also be downloaded.
80
+ </p>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ <div id="bot" class="bot col-10">
87
+ <gradio-app src="https://jayaswaroop-mining23.hf.space"></gradio-app>
88
+ </div>
89
+
90
+
91
+
92
+ <div id="exp" class="explore-menu-section pt-5 pb-5" id="exploreMenuSection">
93
+ <div class="container">
94
+ <div class="row">
95
+ <div class="col-12">
96
+ <h1 class="menu-section-heading">Explore Acts</h1>
97
+ </div>
98
+ <div class="col-12 col-md-6 col-lg-3">
99
+ <div class="shadow menu-item-card p-3 mb-3">
100
+ <img src="https://images.cnbctv18.com/wp-content/uploads/2023/07/shutterstock_1237082647.jpg?im=FitAndFill,width=1200,height=900" class="menu-item-image w-100" />
101
+ <h1 class="menu-card-title">Offshore Areas Mineral (Development and Regulation) Act, 2002</h1>
102
+ <a href="#exampleModal1" class="menu-item-link" data-toggle="modal" data-target="#exampleModal1">
103
+ Read more
104
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right-short" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
105
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
106
+ </svg>
107
+ </a>
108
+ <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
109
+ <div class="modal-dialog">
110
+ <div class="modal-content">
111
+ <div class="modal-header">
112
+ <h5 class="modal-title" id="exampleModalLabel">Offshore Areas Mineral (Development and Regulation) Act, 2002</h5>
113
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
114
+ <span aria-hidden="true">&times;</span>
115
+ </button>
116
+ </div>
117
+ <div class="modal-body">
118
+ <p>The Offshore Areas Mineral (Development and Regulation) Act, 2002 is an Indian law
119
+ that governs the development and regulation of mineral resources in the territorial waters, continental shelf, exclusive economic zone, and other maritime zones of India.</p>
120
+ <p>The Act provides for a three-stage process for the development of offshore mineral resources:</p>
121
+ <ol>
122
+ <li>Reconnaissance: This involves a preliminary survey to locate mineral resources.</li>
123
+ <li>Exploration: This involves exploring, proving, or locating mineral deposits.</li>
124
+ <li>Production: This is the commercial activity of the extraction of minerals.</li>
125
+ </ol>
126
+ <p>The Act also provides for the establishment of a National Offshore Mineral Authority to regulate and supervise offshore mining activities.</p>
127
+ </div>
128
+ <div class="modal-footer">
129
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
130
+ <a href="https://mines.gov.in/admin/storage/app/uploads/642d05c52d8361680672197.pdf"><button type="button" class="btn btn-primary">Know More</button></a>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </div>
137
+ <div class="col-12 col-md-6 col-lg-3">
138
+ <div class="shadow menu-item-card p-3 mb-3">
139
+ <img src="act1957.png" class="menu-item-image w-100" />
140
+ <h1 class="menu-card-title">Mines and Minerals (Development and Regulation) Act, 1957</h1>
141
+ <a href="#exampleModal2" class="menu-item-link" data-toggle="modal" data-target="#exampleModal2">
142
+ Read More
143
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
144
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
145
+ </svg>
146
+ </a>
147
+ <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
148
+ <div class="modal-dialog">
149
+ <div class="modal-content">
150
+ <div class="modal-header">
151
+ <h5 class="modal-title" id="exampleModalLabel">Mines and Minerals (Development and Regulation) Act, 1957</h5>
152
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
153
+ <span aria-hidden="true">&times;</span>
154
+ </button>
155
+ </div>
156
+ <div class="modal-body">
157
+ <p>The Mines and Minerals (Development and Regulation) Act, 1957 is an Act of the Parliament of India enacted to regulate the mining sector in India. It is applicable to all minerals except minor minerals and atomic minerals.</p>
158
+ <p>The Act provides for the grant of prospecting licenses and mining leases, and regulates the mining operations. It also provides for the conservation of mineral resources, safety of mines, and protection of the environment.</p>
159
+ <p>The Mines and Minerals (Development and Regulation) Act, 1957 is a law that regulates the mining sector in India. It ensures that mining is done in a sustainable and responsible manner.</p>
160
+ </div>
161
+ <div class="modal-footer">
162
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
163
+ <a href="https://mines.gov.in/admin/storage/app/uploads/64d46c7e5625d1691643006.pdf"><button type="button" class="btn btn-primary">know More</button></a>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ <div class="col-12 col-md-6 col-lg-3">
171
+ <div class="menu-item-card shadow p-3 mb-3">
172
+
173
+ <div class="p-0">
174
+ <img src="https://newsonair.gov.in/writereaddata/News_Pictures/NAT/2021/Oct/NPIC-2021105184119.jpg" class="menu-item-image w-100 h-80" />
175
+ </div>
176
+
177
+ <h1 class="menu-card-title mb-6">The Mineral Concession Rules, 1960</h1>
178
+
179
+
180
+ <a href="#exampleModal3" class="menu-item-link" data-toggle="modal" data-target="#exampleModal3">
181
+ Read More
182
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
183
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
184
+ </svg>
185
+ </a>
186
+ <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
187
+ <div class="modal-dialog">
188
+ <div class="modal-content">
189
+ <div class="modal-header">
190
+ <h5 class="modal-title" id="exampleModalLabel">The Mineral Concession Rules, 1960</h5>
191
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
192
+ <span aria-hidden="true">&times;</span>
193
+ </button>
194
+ </div>
195
+ <div class="modal-body">
196
+ <p>The Mineral Concession Rules, 1960 are a set of rules that regulate the grant and renewal of prospecting licenses and mining leases for minerals in India. The rules are administered
197
+ by the State Government, except for certain minerals that are under the control of the Central Government.</p>
198
+ <p>To obtain a prospecting license, an applicant must submit an application to the State Government along with a prescribed fee. The license will allow the applicant to explore a specified area for mine
199
+ rals for a period of two years. If the applicant finds minerals in the area, they can apply for a mining lease to extract the minerals.</p>
200
+ <p>To obtain a mining lease, the applicant must submit an application to the State Government along with a prescribed fee and a mining plan. The mining plan must be prepared by a qualified person and must outline how the a
201
+ pplicant will extract the minerals in a sustainable and environmentally responsible manner.</p>
202
+ <p>The Mineral Concession Rules, 1960 also contain provisions for the renewal of prospecting licenses
203
+ and mining leases, as well as for the transfer of prospecting licenses and mining leases.</p>
204
+ </div>
205
+ <div class="modal-footer">
206
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
207
+ <a href="https://ibm.gov.in/writereaddata/files/07102014121521MCR%201960-26072012.pdf"><button type="button" class="btn btn-primary">Know More</button></a>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ <div class="col-12 col-md-6 col-lg-3">
215
+ <div class="menu-item-card shadow p-3 mb-3">
216
+ <img src="https://www.complybook.com/images/blogs/original/1602069112rsz_dazzle_9.png" class="menu-item-image w-100" />
217
+ <h1 class="menu-card-title">The Air(Prevention and Control of Pollution) Act, 1981</h1>
218
+ <a href="#exampleModal4" class="menu-item-link" data-toggle="modal" data-target="#exampleModal4">
219
+ Read More
220
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
221
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
222
+ </svg>
223
+ </a>
224
+ <div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
225
+ <div class="modal-dialog">
226
+ <div class="modal-content">
227
+ <div class="modal-header">
228
+ <h5 class="modal-title" id="exampleModalLabel">The Air(Prevention and Control of Pollution) Act, 1981</h5>
229
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
230
+ <span aria-hidden="true">&times;</span>
231
+ </button>
232
+ </div>
233
+ <div class="modal-body">
234
+ <p>The Air (Prevention and Control of Pollution) Act, 1981 is a law enacted by the Parliament of India to prevent and co
235
+ ntrol air pollution in India. It is the first comprehensive law in India to address air pollution.</p>
236
+ <p>The Act establishes a Central Pollution Control Board (CPCB) and State Pollution Control Boards (SPCBs) to implement and enforce the provisions of the Act. The CPCB is responsible for laying down standards for air quality and emissions, and coordinating the activities of the SPCBs. The SPCBs are
237
+ responsible for monitoring air quality, issuing permits to industries, and taking action against polluters.</p>
238
+ <p>The Act also empowers the Central and State Governments to take various measures to control air pollution, such as:</p>
239
+ <ul>
240
+ <li>Declaring areas as air pollution control areas</li>
241
+ <li>Prohibiting or restricting the use of certain fuels and industrial processes</li>
242
+ <li>Setting standards for emissions from vehicles and industries</li>
243
+ <li>Directing industries to install pollution control equipment</li>
244
+ </ul>
245
+ <p>The Air (Prevention and Control of Pollution) Act has played a significant role in reducing air pollution in
246
+ India. However, more needs to be done to address the growing problem of air pollution in the country.</p>
247
+ </div>
248
+ <div class="modal-footer">
249
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
250
+ <a href="https://www.indiacode.nic.in/bitstream/123456789/9462/1/air_act-1981.pdf"><button type="button" class="btn btn-primary">Know More</button></a>
251
+ </div>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ </div>
257
+ <div class="col-12 col-md-6 col-lg-3">
258
+ <div class="menu-item-card shadow p-3 mb-3 p-6">
259
+ <img src="https://kj1bcdn.b-cdn.net/media/92620/parliament-passes-offshore-areas-mineral-amendment-bill-2023.jpg" class="menu-item-image w-100" />
260
+ <h1 class="menu-card-title mt-6 mb-6">Mines and Minerals (Development and Regulation) Amendment Bill, 2023</h1>
261
+ <a href="#exampleModal5" class="menu-item-link mt-6 mb-6 p-6" data-toggle="modal" data-target="#exampleModal5">
262
+ Read more
263
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
264
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
265
+ </svg>
266
+ </a>
267
+ <div class="modal fade" id="exampleModal5" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
268
+ <div class="modal-dialog">
269
+ <div class="modal-content">
270
+ <div class="modal-header">
271
+ <h5 class="modal-title" id="exampleModalLabel">Mines and Minerals (Development and Regulation) Amendment Bill, 2023</h5>
272
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
273
+ <span aria-hidden="true">&times;</span>
274
+ </button>
275
+ </div>
276
+ <div class="modal-body">
277
+ <p>The Mines and Minerals (Development and Regulation) Amendment Bill, 2023, seeks to reform the Indian mining
278
+ sector by making it more efficient and transparent. Some of the key provisions of the Bill include:</p>
279
+ <ul>
280
+ <li>Introducing a composite licence for exploration and production of minerals.</li>
281
+ <li>Allowing the private sector to mine atomic minerals such as lithium, beryllium, and titanium.</li>
282
+ <li>Centralizing the auction of composite licences and mining leases for critical and strategic minerals.</li>
283
+ <li>Streamlining the process of obtaining mining permits.</li>
284
+ <li>Strengthening environmental protection measures.</li>
285
+ </ul>
286
+ <p>Overall, the Bill aims to promote sustainable mining practices and attract investment in the sector.</p>
287
+ </div>
288
+ <div class="modal-footer">
289
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
290
+ <a href="https://mines.gov.in/admin/storage/app/uploads/64d46c7e5625d1691643006.pdf"><button type="button" class="btn btn-primary">Know MOre</button></a>
291
+ </div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ <div class="col-12 col-md-6 col-lg-3">
298
+ <div class="menu-item-card shadow p-3 mb-3">
299
+ <img src="https://images4.welcomesoftware.com/Zz03YTk1NDYzZDIxYTkxMWVjYjQ2ODZmNmU4YTI3YmI3Yg==" class="menu-item-image w-100" />
300
+ <h1 class="menu-card-title">The offshore areas mineral amendment Act,2023</h1>
301
+ <a href="#exampleModal6" class="menu-item-link" data-toggle="modal" data-target="#exampleModal6">
302
+ Read More
303
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
304
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
305
+ </svg>
306
+ </a>
307
+ <div class="modal fade" id="exampleModal6" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
308
+ <div class="modal-dialog">
309
+ <div class="modal-content">
310
+ <div class="modal-header">
311
+ <h5 class="modal-title" id="exampleModalLabel">The Offshore areas mineral amendment Act,2023</h5>
312
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
313
+ <span aria-hidden="true">&times;</span>
314
+ </button>
315
+ </div>
316
+ <div class="modal-body">
317
+ <p>The Offshore Areas Mineral (Development and Regulation) Amendment Act, 2023 is a law that amends the Offshore Areas Mineral
318
+ (Development and Regulation) Act, 2002. It introduces a number of reforms to the offshore mining sector, including:</p>
319
+ <ul>
320
+ <li>Introducing a new composite license: This license will combine exploration and production
321
+ into a single license, which is expected to streamline the process and reduce costs.</li>
322
+ <li>Limiting the size of areas that can be acquired: This is intended to prevent monopolies and encourage competition.</li>
323
+ <li>Setting up an Offshore Areas Mineral Trust: This trust will receive payments from concession
324
+ holders and use the funds for sustainable development and environmental protection.</li>
325
+ </ul>
326
+ <p>Overall, the Offshore Areas Mineral (Development and Regulation) Amendment Act, 2023 is expected to make the offshore mining sector more efficient, competitive, and sustainable.</p>
327
+ </div>
328
+ <div class="modal-footer">
329
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
330
+ <a href="https://mines.gov.in/admin/storage/app/uploads/64d9e910d2ea21692002576.pdf"><button type="button" class="btn btn-primary">Know More</button></a>
331
+ </div>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ </div>
336
+ </div>
337
+ <div class="col-12 col-md-6 col-lg-3">
338
+ <div class="menu-item-card shadow p-3 mb-3">
339
+ <img src="https://odishabytes.com/wp-content/uploads/2021/06/mineral.jpg" class="menu-item-image w-100" />
340
+ <h1 class="menu-card-title">Directions Under Section 20A of the MMDR Act in 1957,2023</h1>
341
+ <a href="#exampleModal7" class="menu-item-link" data-toggle="modal" data-target="#exampleModal7">
342
+ Read More
343
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
344
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
345
+ </svg>
346
+ </a>
347
+ <div class="modal fade" id="exampleModal7" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
348
+ <div class="modal-dialog">
349
+ <div class="modal-content">
350
+ <div class="modal-header">
351
+ <h5 class="modal-title" id="exampleModalLabel">Directions Under Section 20A of the MMDR Act in 1957,2023</h5>
352
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
353
+ <span aria-hidden="true">&times;</span>
354
+ </button>
355
+ </div>
356
+ <div class="modal-body">
357
+ <p>Section 20A of the Mines and Minerals (Development and Regulation) Act, 1957
358
+ (MMDR Act) empowers the Central Government to issue directions to State Governments in the national interest for the development and regulation of mines and minerals.</p>
359
+ <p>The Central Government has issued directions under Section 20A of the MMDR Act on a variety of matters, including:</p>
360
+ <ul>
361
+ <li>Granting and renewal of mining leases</li>
362
+ <li>Fixing of royalty rates</li>
363
+ <li>Promotion of mineral exploration</li>
364
+ <li>Conservation and development of mineral resources</li>
365
+ <li>Environmental protection and sustainable mining practices</li>
366
+ </ul>
367
+ <p>The Central Government may also issue directions under Section 20A of the MMDR Act to
368
+ implement any scheme or policy formulated by it for the development and regulation of mines and minerals.</p>
369
+ </div>
370
+ <div class="modal-footer">
371
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
372
+ <a href="https://mines.gov.in/admin/storage/app/uploads/64a39b68436271688443752.pdf"><button type="button" class="btn btn-primary">Know More</button></a>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </div>
377
+ </div>
378
+ </div>
379
+ <div class="col-12 col-md-6 col-lg-3">
380
+ <div class="menu-item-card shadow p-3 mb-3">
381
+ <img src="https://d2n41s0wa71yzf.cloudfront.net/wp-content/uploads/2022/04/04131056/Gold-Mine_Adobe-scaled-e1643707309450.jpeg" class="menu-item-image w-100" />
382
+ <h1 class="menu-card-title mb-3">The Mineral Conservation and Development Rules, 1988</h1>
383
+ <a href="#exampleModal8" class="menu-item-link" data-toggle="modal" data-target="#exampleModal8">
384
+ Read More
385
+ <svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-right" fill="#d0b200" xmlns="http://www.w3.org/2000/svg">
386
+ <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
387
+ </svg>
388
+ </a>
389
+ <div class="modal fade" id="exampleModal8" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
390
+ <div class="modal-dialog">
391
+ <div class="modal-content">
392
+ <div class="modal-header">
393
+ <h5 class="modal-title" id="exampleModalLabel">The Mineral Conservation and Development Rules, 1988</h5>
394
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
395
+ <span aria-hidden="true">&times;</span>
396
+ </button>
397
+ </div>
398
+ <div class="modal-body">
399
+ <p>The Mineral Conservation and Development Rules, 1988 (MCDR) is a set of rules formulated by the Government of India to regulate the mining and development of minerals in the country. The MCDR aims
400
+ to ensure the conservation of minerals and the development of the mining industry in a sustainable manner.</p>
401
+ <p>The MCDR covers a wide range of topics, including:</p>
402
+ <ul>
403
+ <li>The preparation and approval of mining plans</li>
404
+ <li>The prevention of waste and the conservation of minerals</li>
405
+ <li>The safety of mining operations</li>
406
+ <li>The protection of the environment</li>
407
+ <li>The rehabilitation of mined areas</li>
408
+ </ul>
409
+ <p>The MCDR is enforced by the Indian Bureau of Mines (IBM), which is a statutory body under the Ministry of Mines. The IBM is responsible for inspecting mines, approving mining plans, and investigating accidents.</p>
410
+ </div>
411
+ <div class="modal-footer">
412
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
413
+ <a href="https://ibm.gov.in/writereaddata/files/07102014115525MCDR%201988_02082011.pdf"><button type="button" class="btn btn-primary">Know More</button></a>
414
+ </div>
415
+ </div>
416
+ </div>
417
+ </div>
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ <div class="healthy-food-section pt-5 pb-5">
424
+ <div class="container">
425
+ <div class="row">
426
+ <div class="col-12 col-md-5">
427
+ <div class="text-center">
428
+ <img src="bot1.jpg" class="healthy-food-section-img" />
429
+ </div>
430
+ </div>
431
+ <div class="col-12 col-md-7">
432
+ <h1 class="healthy-food-section-heading">
433
+ Why this Bot?
434
+ </h1>
435
+ <p class="healthy-food-section-description">
436
+ This Chatbot serves as a 24/7 virtual assistant for stakeholders and customers in the mining industry.
437
+ This chatbot is designed to provide accurate and up-to-date information related to the mining sector.
438
+ </p>
439
+ <button class="custom-button">Explore</button>
440
+ </div>
441
+ </div>
442
+ </div>
443
+ </div>
444
+
445
+
446
+ <div class="follow-us-section pt-5 pb-5" id="followUsSection">
447
+ <div class="container">
448
+ <div class="row">
449
+ <div class="col-12">
450
+ <h1 class="follow-us-section-heading">Follow</h1>
451
+ </div>
452
+ <div class="col-12">
453
+ <div class="d-flex flex-row justify-content-center">
454
+ <div class="follow-us-icon-container">
455
+ <a href="https://twitter.com/MinesMinIndia?t=T3YyrH4doQW73DyIdcvuxg&s=08" target="_blank"><i class="fab fa-twitter icon"></i></a>
456
+ </div>
457
+ <div class="follow-us-icon-container">
458
+ <a href="https://instagram.com/minesminindia?igshid=MzRlODBiNWFlZA==" target="_blank"><i class="fab fa-instagram icon"></i></a>
459
+ </div>
460
+ <div class="follow-us-icon-container">
461
+ <a href="https://www.facebook.com/MinesMinistryIndia?mibextid=9R9pXO" target="_blank"><i class="fab fa-facebook icon"></i></a>
462
+ </div>
463
+ <div class="follow-us-icon-container">
464
+ <a href="https://m.youtube.com/channel/UC0-DFSAmPDYJvrtFbpWlhBg?fbclid=PAAabtKFYyPwev5REjF7SPgVp_xXp-e7Kktv-GISUqa9Hy3KIV1VZqWm9u-Dk" target="_blank"><i class="fab fa-youtube icon"></i></a>
465
+ </div>
466
+ </div>
467
+ </div>
468
+ </div>
469
+ </div>
470
+ </div>
471
+ <div id="followus" class="footer-section pt-5 pb-5">
472
+ <div class="container">
473
+ <div class="row">
474
+ <div class="col-8">
475
+ <img src="logo.png" class="food-munch-logo" />
476
+ <h1 class="footer-section-mail-id"><i class="fa-solid fa-envelope"></i> [email protected]</h1>
477
+ <p class="footer-section-address">
478
+ <i class="fa-solid fa-location-dot"></i> Andhra Pradesh,Bhimavaram
479
+ </p>
480
+ <p class="footer-section-address">
481
+ <i class="fa-solid fa-phone"></i> +91 9573339338
482
+ </p>
483
+ </div>
484
+ <div class="col-4">
485
+ <h3 style="color: white;">Feedback</h3>
486
+ <form class="email-form" action="#" method="post">
487
+ <input type="email" placeholder="Type Your Feedback here" required>
488
+ <button type="submit">Submit</button>
489
+ </form>
490
+ </div>
491
+ </div>
492
+ </div>
493
+ </div>
494
+ </body>
495
+
496
+ </html>