Skip to content

Commit 610b49f

Browse files
piyushlohar2008-bytepiyushlohar2008-byte
authored
Update Contact.html
1 parent 5d07a22 commit 610b49f

1 file changed

Lines changed: 95 additions & 66 deletions

File tree

‎Contact.html‎

Lines changed: 95 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -19,45 +19,70 @@
1919
integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
2020
crossorigin="anonymous" referrerpolicy="no-referrer" />
2121
<style>
22-
@media (max-width: 991px) {
22+
/* header */
23+
@media (max-width: 991px) {
2324
.navbar-nav {
2425
padding-top: 0.7rem;
2526
}
27+
}
28+
.coustom-link {
29+
position: relative;
30+
display: inline-block;
2631
}
27-
.navbar {
28-
box-shadow: 1px 1px 10px rgb(211, 211, 211);
32+
.coustom-link::after {
33+
content: "";
34+
position: absolute;
35+
width: 0;
36+
height: 1.8px;
37+
background-color: red;
38+
left: 50%;
39+
top: 36px;
40+
transform: translateX(-50%);
41+
transition: all 0.4s ease;
2942
}
30-
.sticky-top {
31-
position: sticky !important;
32-
top: 0 !important;
33-
z-index: 1020 !important;
34-
}
35-
.nav-head {
36-
font-family: Eczar;
37-
font-weight: 600;
38-
text-shadow: 1px 1px black;
39-
}
40-
.nav-link {
41-
font-size: 1.2rem;
42-
transition: all 0.2s ease;
43-
font-weight: bold;
44-
color: rgb(117, 117, 117) !important;
45-
}
46-
.nav-link:hover {
47-
color: red !important;
48-
}
49-
.name {
50-
color: red !important;
51-
}
52-
.navbar-toggler-icon {
53-
width: 20px;
54-
height: 20px;
43+
.coustom-link:hover::after {
44+
width: 100%;
5545
}
46+
.navbar {
47+
box-shadow: 1px 1px 10px rgb(211, 211, 211);
48+
}
49+
.sticky-top {
50+
position: sticky !important;
51+
top: 0 !important;
52+
z-index: 1020 !important;
53+
}
54+
.nav-head {
55+
font-family: Eczar;
56+
font-weight: 600;
57+
text-shadow: 1px 1px black;
58+
}
59+
.nav-link {
60+
font-size: 1.1rem;
61+
transition: all 0.2s ease;
62+
font-weight: bold;
63+
color: rgb(117, 117, 117) !important;
64+
}
65+
.nav-link:hover {
66+
color: red !important;
67+
}
68+
.name {
69+
color: red !important;
70+
}
71+
.navbar-toggler-icon {
72+
width: 20px;
73+
height: 20px;
74+
}
75+
/* header */
5676

5777
.set-poppin {
5878
font-family: Poppins;
5979
}
80+
.yatra-font {
81+
font-family: Yatra one;
82+
}
6083

84+
85+
/* footer */
6186
.footer {
6287
background-color: #3b4654;
6388
color: white !important;
@@ -71,14 +96,22 @@
7196
.foot-link a:hover {
7297
color: red;
7398
}
99+
.img img {
100+
border-radius: 5px;
101+
}
102+
@media (min-width: 768px) and (max-width: 991px) {
103+
.img img {
104+
transform: rotate(270deg);
105+
}
106+
}
107+
/* footer */
74108
</style>
75109
</head>
76110
<body>
77-
<nav class="navbar navbar-expand-lg bg-body-tertiary sticky-top border-2 border-bottom">
111+
<nav class="navbar navbar-expand-lg bg-white sticky-top border-2 border-bottom">
78112
<div class="container-fluid position-relative">
79-
<div class="d-flex flex-column m-auto m-lg-0 ms-lg-1 pt-1">
80-
<a class="navbar-brand fs-4 p-0 m-0 name nav-head" href="#">ग्रामपंचायत मौजे वडगांव</a>
81-
<a class="navbar-brand fs-6 p-0 m-0 ms-4 ms-sm-3" href="#">ता. हातकणंगले जि. कोल्हापूर</a>
113+
<div class="ms-2 ms-lg-0">
114+
<img src="Project-image/Vadgaon-logo.jpeg" alt="" height="70px" width="240px">
82115
</div>
83116

84117
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
@@ -90,34 +123,34 @@
90123
<div class="collapse navbar-collapse" id="navbarSupportedContent">
91124
<ul class="navbar-nav m-auto mb-2 mb-lg-0 gap-lg-2">
92125
<li class="nav-item">
93-
<a class="nav-link active" aria-current="page" href="index.html">मुखपृष्ठ</a>
126+
<a class="nav-link active coustom-link" aria-current="page" href="index.html">मुखपृष्ठ</a>
94127
</li>
95128
<li class="nav-item">
96-
<a class="nav-link active" aria-current="page" href="Gram-panchayat.html">ग्रामपंचायतीबद्दल</a>
129+
<a class="nav-link active coustom-link" aria-current="page" href="Gram-panchayat.html">ग्रामपंचायतीबद्दल</a>
97130
</li>
98131
<li class="nav-item">
99-
<a class="nav-link active" aria-current="page" href="#seva">सेवा</a>
132+
<a class="nav-link active coustom-link" aria-current="page" href="#seva">सेवा</a>
100133
</li>
101134
<li class="nav-item">
102-
<a class="nav-link active" aria-current="page" href="development.html">विकासकामे</a>
135+
<a class="nav-link active coustom-link" aria-current="page" href="development.html">विकासकामे</a>
103136
</li>
104137
<li class="nav-item">
105-
<a class="nav-link active" aria-current="page" href="#">योजना</a>
138+
<a class="nav-link active coustom-link" aria-current="page" href="#">योजना</a>
106139
</li>
107140
<li class="nav-item">
108-
<a class="nav-link active" aria-current="page" href="#">नोटीस</a>
141+
<a class="nav-link active coustom-link" aria-current="page" href="#">नोटीस</a>
109142
</li>
110143
<li class="nav-item">
111-
<a class="nav-link active" aria-current="page" href="Village.html">गाव</a>
144+
<a class="nav-link active coustom-link" aria-current="page" href="Village.html">गाव</a>
112145
</li>
113146
<li class="nav-item">
114-
<a class="nav-link active" aria-current="page" href="Gallary.html">गॅलरी</a>
147+
<a class="nav-link active coustom-link" aria-current="page" href="Gallary.html">गॅलरी</a>
115148
</li>
116149
<li class="nav-item">
117-
<a class="nav-link active" aria-current="page" href="School.html">शाळा</a>
150+
<a class="nav-link active coustom-link" aria-current="page" href="School.html">शाळा</a>
118151
</li>
119152
<li class="nav-item">
120-
<a class="nav-link active" aria-current="page" href="Contact.html">संपर्क</a>
153+
<a class="nav-link active coustom-link" aria-current="page" href="Contact.html">संपर्क</a>
121154
</li>
122155
</ul>
123156
</div>
@@ -129,7 +162,7 @@
129162
<div class="row">
130163
<div class="col col-12 col-lg-4 mb-4 mb-lg-0">
131164
<div class="pb-3">
132-
<h2 class="fs-3 text-black-50" style="font-family: Yatra one;">संपर्क माहिती</h2>
165+
<h2 class="fs-3 text-black-50 yatra-font">संपर्क माहिती</h2>
133166
<span class="d-block fs-6 text-black set-poppin" >ग्रामपंचायत कार्यालय,</span>
134167
<span class="d-block fs-6 text-black set-poppin" >मौजे वडगांव, ता. हातकणंगले जि. कोल्हापूर 416122</span>
135168
</div>
@@ -147,7 +180,7 @@ <h2 class="fs-3 text-black-50" style="font-family: Yatra one;">संपर्
147180
</div>
148181
</div>
149182
<div class="col col-12 col-lg-7">
150-
<h1 class="fs-3 text-black-50" style="font-family: Yatra one;">माहिती फॉर्म</h1>
183+
<h1 class="fs-3 text-black-50 mb-2 yatra-font">माहिती फॉर्म</h1>
151184
<form>
152185
<div class="mb-3">
153186
<label for="exampleInputText" class="form-label fs-6 set-poppin">नाव</label>
@@ -172,35 +205,31 @@ <h1 class="fs-3 text-black-50" style="font-family: Yatra one;">माहित
172205
</div>
173206
</div>
174207

175-
<div class="container-fluid py-5 footer">
208+
<div class="container-fluid py-4 footer">
176209
<div class="container">
177210
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
178-
<div class="col text-center text-sm-start text-md-center style=" font-family: Poppins; font-size:
179-
0.9rem" align-content-center">
180-
<div>
181-
<h1 style="font-size: 2rem; font-family: Eczar;">ग्रामपंचायत मौजे वडगांव</h1>
182-
</div>
183-
<div class="mb-4 mb-md-0">
184-
<h2 style="font-size: 1.6rem;">ता. हातकणंगले जि. कोल्हापूर</h2>
211+
<div class="col align-content-center mb-4 mb-sm-0 text-center text-sm-start">
212+
<div class="img me-0 me-md-3 me-lg-0">
213+
<img src="Project-image/Vadgaon-logo.jpeg" alt="" height="70px" width="220px">
185214
</div>
186215
</div>
187216
<div class="col foot-link">
188217
<div class="fs-4">महत्वाची संकेतस्थळे</div>
189-
<div><a href="#">🔗महाराष्ट्र शासन</a></div>
190-
<div><a href="#">🔗माझी ग्रामपंचायत</a></div>
191-
<div><a href="#">🔗ग्रामविकास विभाग</a></div>
192-
<div><a href="#">🔗ई-ग्रामस्वराज</a></div>
193-
<div><a href="#">🔗शासन निर्णय</a></div>
194-
<div class="mb-4 mb-md-0"><a href="#">🔗MGNREGA</a></div>
218+
<div><a href="https://maharashtra.gov.in/" target="_blank">🔗महाराष्ट्र शासन</a></div>
219+
<div><a href="https://majhigrampanchayat.com/" target="_blank">🔗माझी ग्रामपंचायत</a></div>
220+
<div><a href="https://rdd.maharashtra.gov.in/en/" target="_blank">🔗ग्रामविकास विभाग</a></div>
221+
<div><a href="https://egramswaraj.gov.in/" target="_blank">🔗ई-ग्रामस्वराज</a></div>
222+
<div><a href="https://gr.maharashtra.gov.in/1125/%e0%a4%ae%e0%a5%81%e0%a4%96%e0%a5%8d%e0%a4%af-%e0%a4%aa%e0%a5%83%e0%a4%b7%e0%a5%8d%e0%a4%a0" target="_blank">🔗शासन निर्णय</a></div>
223+
<div class="mb-4 mb-md-0"><a href="https://nrega.dord.gov.in/" target="_blank">🔗MGNREGA</a></div>
195224
</div>
196225
<div class="col foot-link">
197226
<div class="fs-4">लिंक्स</div>
198-
<div><a href="#">🔗मुखपृष्ठ</a></div>
199-
<div><a href="#">🔗विकासकामे</a></div>
227+
<div><a href="index.html">🔗मुखपृष्ठ</a></div>
228+
<div><a href="development.html">🔗विकासकामे</a></div>
200229
<div><a href="#">🔗योजना</a></div>
201-
<div><a href="#">🔗माझे गाव</a></div>
202-
<div><a href="#">🔗गॅलरी</a></div>
203-
<div class="mb-4 mb-sm-0"><a href="#">🔗संपर्क</a></div>
230+
<div><a href="Village.html">🔗माझे गाव</a></div>
231+
<div><a href="Gallary.html">🔗गॅलरी</a></div>
232+
<div class="mb-4 mb-sm-0"><a href="Contact.html">🔗संपर्क</a></div>
204233
</div>
205234
<div class="col">
206235
<div class="fs-4">संपर्क</div>
@@ -212,14 +241,14 @@ <h2 style="font-size: 1.6rem;">ता. हातकणंगले जि. क
212241
<hr>
213242
<div class="text-center pt-3">
214243
<div class="mb-2">
215-
<h5> <span class="text-primary">&copy; Copyright</span> ग्रामपंचायत मौजे वडगांव | All Rights Reserved
244+
<h5 class="fs-6"> <span class="text-primary">Copyright &copy;</span> <span style="font-family: Poppins;" class="fs-6">ग्रामपंचायत मौजे वडगांव</span> | All Rights Reserved
216245
</h5>
217246
</div>
218247
<div>
219-
<h6>Designed by <span class="text-warning pe-1">Piyush Lohar</span><a href="https://github.com/piyushlohar2008-byte" target="_blank"><i class="text-white fa-brands fa-github"></i></a></h6>
248+
<h6 class="fs-6">Designed by <a href="https://piyushlohar2008-byte.github.io./Micro-projects/" target="_blank" class="text-decoration-none"><span class="text-warning">Piyush Lohar</span></a> <a href="https://github.com/piyushlohar2008-byte" target="_blank"><i class="text-white fa-brands fa-github"></i></a> </h6>
220249
</div>
221250
</div>
222251
</div>
223252
</div>
224253
</body>
225-
</html>
254+
</html>

0 commit comments

Comments
 (0)