Spaces:
Running
Running
| <html lang="mr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>भक्ती कृषी केंद्र, आसरडोह</title> | |
| <!-- Include Leaflet CSS --> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" /> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| background-color: #f5f5f5; | |
| color: #333; | |
| } | |
| header { | |
| background-color: #333; | |
| color: #fff; | |
| padding: 20px; | |
| text-align: center; | |
| } | |
| header h1 { | |
| margin: 0; | |
| font-size: 36px; | |
| } | |
| nav ul { | |
| list-style-type: none; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| } | |
| nav ul li { | |
| display: inline; | |
| margin-right: 20px; | |
| } | |
| nav ul li a { | |
| color: #fff; | |
| text-decoration: none; | |
| font-size: 18px; | |
| } | |
| main { | |
| padding: 20px; | |
| text-align: center; | |
| } | |
| h2 { | |
| font-size: 28px; | |
| margin-top: 40px; | |
| color: #333; | |
| } | |
| .product-category { | |
| display: inline-block; | |
| margin: 20px; | |
| padding: 20px; | |
| background-color: #fff; | |
| border-radius: 10px; | |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |
| text-align: left; | |
| max-width: 300px; | |
| } | |
| .product-category img { | |
| width: 100%; | |
| height: 200px; /* Adjust the height as needed */ | |
| border-radius: 5px; | |
| margin-bottom: 10px; | |
| object-fit: cover; /* Ensure images maintain aspect ratio */ | |
| } | |
| .contact { | |
| margin-top: 20px; | |
| background-color: #333; | |
| color: #fff; | |
| padding: 20px; | |
| border-radius: 10px; | |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |
| text-align: left; | |
| } | |
| footer { | |
| background-color: #333; | |
| color: #fff; | |
| text-align: center; | |
| padding: 10px; | |
| position: fixed; | |
| width: 100%; | |
| bottom: 0; | |
| } | |
| /* Style for the map container */ | |
| #mapid { | |
| height: 400px; | |
| margin-top: 20px; | |
| } | |
| /* Style for the image carousel container */ | |
| .image-carousel { | |
| overflow: hidden; | |
| width: 100%; | |
| margin-top: 20px; | |
| } | |
| /* Style for the image carousel inner container */ | |
| .image-carousel-inner { | |
| display: flex; | |
| animation: slide 15s linear infinite; /* Change duration and timing function as needed */ | |
| } | |
| /* Keyframe animation for the image carousel */ | |
| @keyframes slide { | |
| 0% { | |
| transform: translateX(0%); | |
| } | |
| 100% { | |
| transform: translateX(-100%); | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>भक्ती कृषी केंद्र, आसरडोह</h1> | |
| <nav> | |
| <ul> | |
| <li><a href="#products">उत्पादन</a></li> | |
| <li><a href="#map">नकाशा</a></li> | |
| <li><a href="#contact">संपर्क</a></li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <main> | |
| <section id="products"> | |
| <h2>उत्पादन</h2> | |
| <div class="product-category"> | |
| <span style="color: #FF9933; font-size: 24px;">🌽</span> <!-- Symbol for plants --> | |
| <img src="static/images/seeds.jpg" alt="बियाणे"> | |
| <h3>बियाणे</h3> | |
| <p>विविध फसलांसाठी उच्च गुणवत्ता असलेले बियाणे।</p> | |
| </div> | |
| <div class="product-category"> | |
| <span style="color: #FF9933; font-size: 24px;">🌿</span> <!-- Symbol for flowers --> | |
| <img src="static/images/fertilizers.jpg" alt="खते"> | |
| <h3>खते</h3> | |
| <p>आपल्या शेतीवरील उत्पन्नाचा वाढ प्राप्त करण्यासाठी आम्ही विशेष रूपात तयार केलेले खते।</p> | |
| </div> | |
| <div class="product-category"> | |
| <span style="color: #FF9933; font-size: 24px;">🔨</span> <!-- Symbol for hammer --> | |
| <img src="static/images/tools.jpg" alt="उपकरणे"> | |
| <h3>उपकरणे</h3> | |
| <p>आमच्या शेतीसाठी विविध उपकरणे आणि उपकरणे आहेत।</p> | |
| </div> | |
| </section> | |
| <section id="map"> | |
| <h2>नकाशा</h2> | |
| <!-- Add a div element for the map with an ID --> | |
| <div id="mapid"></div> | |
| </section> | |
| <section id="contact" class="contact"> | |
| <h2>संपर्क</h2> | |
| <p>आमच्याशी संपर्क साधा:</p> | |
| <p>भक्ती कृषी केंद्र, आसरडोह</p> | |
| <p>आसरडोह, पिन कोड: 431124</p> <!-- Added pin code in Marathi --> | |
| <p>महाराष्ट्र, भारत</p> | |
| <p>ईमेल: [email protected]</p> <!-- Added email --> | |
| <p>फोन: +९१ ९६३७९८४६४७, +९१ ९९२३८३०४२२</p> | |
| <p>पत्ता: आसरडोह, तालुका-धारूर, जिल्हा-बीड, मुख्य रोड, आसरडोह।</p> | |
| </section> | |
| <!-- Image carousel section --> | |
| <div class="image-carousel"> | |
| <div class="image-carousel-inner"> | |
| <img src="static/images/shop1.jpg" alt="Shop 1"> | |
| <img src="static/images/shop2.jpg" alt="Shop 2"> | |
| <img src="static/images/shop3.jpg" alt="Shop 3"> | |
| <img src="static/images/shop4.jpg" alt="Shop 4"> | |
| <img src="static/images/shop5.jpg" alt="Shop 5"> | |
| <img src="static/images/shop6.jpg" alt="Shop 6"> | |
| <img src="static/images/shop7.jpg" alt="Shop 7"> | |
| <!-- Add more images as needed --> | |
| </div> | |
| </div> | |
| </main> | |
| <footer> | |
| <p>© २०२४ भक्ती कृषी केंद्र, आसरडोह. सर्व हक्क राखीव.</p> | |
| </footer> | |
| <!-- Include Leaflet.js --> | |
| <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script> | |
| <script> | |
| // Initialize the map | |
| var map = L.map('mapid').setView([18.8209914, 76.2551534], 13); // Set initial coordinates and zoom level | |
| // Add OpenStreetMap as the base layer | |
| L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { | |
| attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' | |
| }).addTo(map); | |
| // Add a custom icon for the marker | |
| var customIcon = L.icon({ | |
| iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon.png', | |
| iconSize: [25, 41], // size of the icon | |
| iconAnchor: [12, 41], // point of the icon which will correspond to marker's location | |
| popupAnchor: [1, -34] // point from which the popup should open relative to the iconAnchor | |
| }); | |
| // Add a marker for the location with a popup | |
| L.marker([18.8209914, 76.2551534], { icon: customIcon }).addTo(map) | |
| .bindPopup("भक्ती कृषी केंद्र, आसरडोह").openPopup(); | |
| </script> | |
| </body> | |
| </html> | |