Spaces:

ajeetkumar01
/

Agri-App

Running

App Files Files Community

ajeetkumar01 commited on Mar 21, 2024

Commit

21b202c

verified ·

1 Parent(s): acd1760

Create index.html

Browse files

Files changed (1) hide show

index.html +199 -0

index.html ADDED Viewed

	@@ -0,0 +1,199 @@

+<!DOCTYPE html>
+<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;">&#x1F33D;</span> <!-- Symbol for plants -->
+                <img src="{{ url_for('static', filename='images/seeds.jpg') }}" alt="बियाणे">
+                <h3>बियाणे</h3>
+                <p>विविध फसलांसाठी उच्च गुणवत्ता असलेले बियाणे।</p>
+            </div>
+            <div class="product-category">
+                <span style="color: #FF9933; font-size: 24px;">&#x1F33F;</span> <!-- Symbol for flowers -->
+                <img src="{{ url_for('static', filename='images/fertilizers.jpg') }}" alt="खते">
+                <h3>खते</h3>
+                <p>आपल्या शेतीवरील उत्पन्नाचा वाढ प्राप्त करण्यासाठी आम्ही विशेष रूपात तयार केलेले खते।</p>
+            </div>
+            <div class="product-category">
+                <span style="color: #FF9933; font-size: 24px;">&#x1F528;</span> <!-- Symbol for hammer -->
+                <img src="{{ url_for('static', filename='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="{{ url_for('static', filename='images/shop1.jpg') }}" alt="Shop 1">
+                <img src="{{ url_for('static', filename='images/shop2.jpg') }}" alt="Shop 2">
+                <img src="{{ url_for('static', filename='images/shop3.jpg') }}" alt="Shop 3">
+                <img src="{{ url_for('static', filename='images/shop4.jpg') }}" alt="Shop 4">
+                <img src="{{ url_for('static', filename='images/shop5.jpg') }}" alt="Shop 5">
+                <img src="{{ url_for('static', filename='images/shop6.jpg') }}" alt="Shop 6">
+                <img src="{{ url_for('static', filename='images/shop7.jpg') }}" alt="Shop 7">
+                <!-- Add more images as needed -->
+            </div>
+        </div>
+    </main>
+    <footer>
+        <p>&copy; २०२४ भक्ती कृषी केंद्र, आसरडोह. सर्व हक्क राखीव.</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: '&copy; <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>