Skip to content

Commit

Permalink
Merge pull request #481 from snehhhcodes/main
Browse files Browse the repository at this point in the history
Krishna Mandir Locator with Integrated Maps Added
  • Loading branch information
vishal02527 authored Oct 17, 2024
2 parents 1533579 + ef4b89c commit 88abbb9
Showing 1 changed file with 146 additions and 0 deletions.
146 changes: 146 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -1063,6 +1063,152 @@ <h2>कृष्ण के प्रति मेरा समर्पण</h2>
</div>
</a>

<section id="temple" class="temple-section">
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
background-color: #f7f7f7;
}
h1 {
text-align: center;
margin-bottom: 10px;
font-size: 50px;
}
h2 {
text-align: center;
font-size: 18px;
color: #555;
margin-bottom: 30px;
}
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 10px;
}
.card {
background-color: #e7f3fe;
padding: 10px;
border-radius: 8px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: scale(1.05);
box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}
.card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 8px;
}
.card a {
display: block;
margin: 10px 0 5px 0;
text-decoration: none;
color: #050505;
font-weight: bold;
font-size: 16px;
}
.card p {
color: #555;
}
</style>

<h1>Divine Abodes of Krishna & Hospitals</h1>
<h2>Explore Temples and Major Hospitals in India</h2>

<div class="container">
<!-- Temple 1 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipPnz3cF77zzkoV0tYQlPVoeyoT9z9NNNC3YBlA7=w408-h272-k-no" alt="Dwarkadhish">
<a href="https://www.google.com/maps/place/Shree+Dwarkadhish+Temple/@22.2371082,59.7391099,6z/data=!4m10!1m2!2m1!1sdwarkadhish!3m6!1s0x39569c3ab7c4e9e5:0x31b7c3111df48f4!8m2!3d22.2371082!4d68.9676255!15sCgtkd2Fya2FkaGlzaFoNIgtkd2Fya2FkaGlzaJIBDGhpbmR1X3RlbXBsZeABAA!16s%2Fm%2F05b_lgx?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Shree Dwarkadhish Temple</a>
<p>Dwarka, Gujarat</p>
</div>

<!-- Temple 2 -->
<div class="card">
<img src="https://templeyatri.in/wp-content/uploads/2024/07/image_750x_630046ddacc9d.jpg" alt="Banke Bihari Temple">
<a href="https://google.com/maps/place/Shri+Banke+Bihari+Temple,+Vrindavan/@27.5798241,77.6720391,15z/data=!3m1!4b1!4m6!3m5!1s0x39736e372937faf7:0xd1f392db0770da6f!8m2!3d27.5798063!4d77.6904932!16s%2Fm%2F04q3d6j?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Banke Bihari Temple</a>
<p>Vrindavan, Uttar Pradesh</p>
</div>

<!-- Temple 3 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipMMj1agylB-JgtnODGfuJpFU1XEBN5ynJKxbsn_=w408-h306-k-no" alt="Guruvayur Temple">
<a href="https://www.google.com/maps/place/Guruvayur+Shri+Krishna+Temple/@10.5945474,76.0368031,17z/data=!3m1!4b1!4m6!3m5!1s0x3ba79461d5c8d24b:0x6f7a8d815f48709e!8m2!3d10.5945421!4d76.039378!16zL20vMDZ6cDdn?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Guruvayur Temple</a>
<p>Guruvayur, Kerala</p>
</div>

<!-- Temple 4 -->
<div class="card">
<img src="https://www.mathuravrindavantourpackages.com/images/temple/slider/shri-krishna-janmasthan-temple-2.webp" alt="Sri Krishna Janmabhoomi Temple ">
<a href="https://www.google.com/maps/place/Shri+Krishna+Janmasthan/@27.5054499,77.667034,17z/data=!3m1!4b1!4m6!3m5!1s0x397371719a7a6a6f:0x79b85cb6bed8db11!8m2!3d27.5054452!4d77.6696089!16s%2Fg%2F120ldyn0?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Sri Krishna Janmabhoomi Temple </a>
<p>Mathura, Uttar Pradesh</p>
</div>

<!-- Temple 5 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipPlXEeg2C5r6cWszwfRgD7IampU_sxBV8AUyotK=w408-h544-k-no" alt="Udupi Sri Krishna Matha">
<a href="https://www.google.com/maps/place/Udupi+Shri+Krishna+Matha+(Temple)/@13.3413716,74.7492762,17z/data=!4m10!1m2!2m1!1sUdupi+Sri+Krishna+Matha!3m6!1s0x3bbcbba1fb4b68f1:0xf6b5da87d182612e!8m2!3d13.3411662!4d74.7520446!15sChdVZHVwaSBTcmkgS3Jpc2huYSBNYXRoYVoZIhd1ZHVwaSBzcmkga3Jpc2huYSBtYXRoYZIBDGhpbmR1X3RlbXBsZeABAA!16s%2Fg%2F11h6wlhy7c?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Udupi Sri Krishna Matha</a>
<p>Udupi, Karnataka</p>
</div>

<!-- Temple 6 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipM6CliDZg0JvSRDXYJ7daGm2pSpdtAU06WQywsn=w408-h293-k-no" alt="Jagannath Temple">
<a href="https://www.google.com/maps/place/Shree+Jagannatha+Temple+Puri/@19.8049429,85.8153637,17z/data=!3m1!4b1!4m6!3m5!1s0x3a19c6b8bfe386af:0x8f052c84639c7d48!8m2!3d19.8049379!4d85.8179386!16zL20vMGN2eDd4?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Jagannath Temple</a>
<p>Puri, Odisha</p>
</div>

<!-- Temple 7 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipMnuIZE7-S5L4uQccNywtQEgll7nPeucoIZ7qB3=w408-h256-k-no" alt="Prem Mandir ">
<a href="https://www.google.com/maps/place/Prem+Mandir,+Vrindavan/@28.167402,76.0306394,8z/data=!4m10!1m2!2m1!1sPrem+Mandir+!3m6!1s0x39736fb46ad6718b:0x59edc7620411f9f3!8m2!3d27.5718524!4d77.6720096!15sCgtQcmVtIE1hbmRpcloNIgtwcmVtIG1hbmRpcpIBDGhpbmR1X3RlbXBsZeABAA!16s%2Fm%2F0105k473?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Prem Mandir </a>
<p> Vrindavan, Uttar Pradesh</p>
</div>

<!-- Temple 8 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipP0WGfc6gLpHC2nR1N6sK03zu2yZbNlyOuxWUJj=w408-h270-k-no" alt="ISKCON Temple">
<a href="https://www.google.com/maps/place/ISKCON+temple+Bangalore/@13.0096643,77.2627433,11z/data=!4m10!1m2!2m1!1siskcon+temple+bengaluru+karnataka!3m6!1s0x3bae3ded0b360e07:0x7a7fb24a41a6b2b3!8m2!3d13.0096643!4d77.5511344!15sCiFpc2tjb24gdGVtcGxlIGJlbmdhbHVydSBrYXJuYXRha2EiA4gBAVojIiFpc2tjb24gdGVtcGxlIGJlbmdhbHVydSBrYXJuYXRha2GSAQxoaW5kdV90ZW1wbGXgAQA!16s%2Fm%2F0g9x5qd?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">ISKCON Temple</a>
<p>Bengaluru, Karnataka</p>
</div>

<!-- Temple 9 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipNygO3k0BS_ew0XZSEBe23WU-sZ-hTIg_NBIGCM=w408-h277-k-no" alt="Govind Dev Ji Temple">
<a href="https://www.google.com/maps/place/THIKANA+MANDIR+SRI+GOVINDDEVJI+,+JAIPUR/@26.9145699,75.7187277,12z/data=!4m10!1m2!2m1!1sGovind+Dev+Ji+Temple+!3m6!1s0x396db4324eeda797:0x2260d13cd55e605c!8m2!3d26.9288341!4d75.8240701!15sChRHb3ZpbmQgRGV2IEppIFRlbXBsZVoWIhRnb3ZpbmQgZGV2IGppIHRlbXBsZZIBDGhpbmR1X3RlbXBsZeABAA!16s%2Fm%2F027048m?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Govind Dev Ji Temple</a>
<p>Jaipur, Rajasthan</p>
</div>

<!-- Temple 10 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipOs6WjZPwrbIWLIIlbPAcZ9yUMyu4lsu5gf7Qzl=w408-h271-k-no" alt="Radha Raman Temple ">
<a href="https://www.google.com/maps/place/Shri+Radha+Raman+Temple/@29.6952193,77.6780496,17z/data=!3m1!4b1!4m6!3m5!1s0x390ea43f6b20d091:0x9abd7bc62368be33!8m2!3d29.6952147!4d77.6806245!16s%2Fm%2F0jt2ssd?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Radha Raman Temple </a>
<p>Vrindavan, Uttar Pradesh</p>
</div>

<!-- Temple 11 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipNdvLkUk_d9OiP-GHzmzwESEf_DqGZhi4uMve0i=w519-h240-k-no" alt="Ranchi Jagannath Temple ">
<a href="https://www.google.com/maps/place/Jagannath+Mandir/@23.3169803,85.2790574,17z/data=!3m1!4b1!4m6!3m5!1s0x39f4e0035ace6e73:0x41f4e59a6d674446!8m2!3d23.3169754!4d85.2816323!16zL20vMDlfNm1s?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Ranchi Jagannath Temple </a>
<p>Ranchi, Jharkhand</p>
</div>

<!-- Temple 12 -->
<div class="card">
<img src="https://lh5.googleusercontent.com/p/AF1QipNwodpeuPdx0Y9gJVRBTJldT3lbJbxFsgiOzxmn=w408-h543-k-no" alt="Nathdwara Shrinathji Temple">
<a href="https://www.google.com/maps/place/Shrinathji+Temple/@24.9282593,73.8134017,17z/data=!3m1!4b1!4m6!3m5!1s0x3967ef878151b9b3:0x452bb33ab00b85c8!8m2!3d24.9282545!4d73.8159766!16s%2Fm%2F0j7l5p7?entry=ttu&g_ep=EgoyMDI0MTAxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank">Nathdwara Shrinathji Temple</a>
<p>Nathdwara, Rajasthan</p>
</div>



</section>

<!--FAQ section-->
<section id="faq" class="faq-section">
<h2 class="faq-heading">Frequently Asked Questions</h2>
Expand Down

0 comments on commit 88abbb9

Please sign in to comment.