codemistic · Pratikshaekbote · Oct 19, 2022
diff --git a/Madhya Pradesh Tourism Website/assests/1.jpg b/Madhya Pradesh Tourism Website/assests/1.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/2.jpg b/Madhya Pradesh Tourism Website/assests/2.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/3.jpg b/Madhya Pradesh Tourism Website/assests/3.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/4.jpg b/Madhya Pradesh Tourism Website/assests/4.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/5.jpg b/Madhya Pradesh Tourism Website/assests/5.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/audio/A_Documentary_on_Ujjain_(getmp3.pro).mp3 b/Madhya Pradesh Tourism Website/assests/audio/A_Documentary_on_Ujjain_(getmp3.pro).mp3
diff --git a/Madhya Pradesh Tourism Website/assests/audio/India_Marvels_Mysteries__(getmp3.pro).mp3 b/Madhya Pradesh Tourism Website/assests/audio/India_Marvels_Mysteries__(getmp3.pro).mp3
diff --git a/... Pradesh Tourism Website/assests/audio/Indian_bison_gaur_of_Kanha_nation_(getmp3.pro).mp3 b/... Pradesh Tourism Website/assests/audio/Indian_bison_gaur_of_Kanha_nation_(getmp3.pro).mp3
diff --git a/...Pradesh Tourism Website/assests/audio/New_Development_in_Omkareshwar_-_A_(getmp3.pro).mp3 b/...Pradesh Tourism Website/assests/audio/New_Development_in_Omkareshwar_-_A_(getmp3.pro).mp3
diff --git a/Madhya Pradesh Tourism Website/assests/feature-image-v1-1.jpg b/Madhya Pradesh Tourism Website/assests/feature-image-v1-1.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/mike-tinnion-BA7da404ekg-unsplash.jpg b/Madhya Pradesh Tourism Website/assests/mike-tinnion-BA7da404ekg-unsplash.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/shutterstock_1430024867.jpg b/Madhya Pradesh Tourism Website/assests/shutterstock_1430024867.jpg
diff --git a/Madhya Pradesh Tourism Website/assests/yash-parashar-3J6Jy2defyw-unsplash.jpg b/Madhya Pradesh Tourism Website/assests/yash-parashar-3J6Jy2defyw-unsplash.jpg
diff --git a/Madhya Pradesh Tourism Website/bookings.html b/Madhya Pradesh Tourism Website/bookings.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>TRAVEL BOOKINGS</title>
+    <link rel="stylesheet" href="bstyle.css">
+</head>
+<body style="font-family: 'Lato';">
+    <h1>TRAVEL BOOKING FORM</h1>
+    <div class="elem-group">
+        <label for="name">Your Name</label>
+        <input type="text" id="name" name="visitor_name" placeholder="Pratiksha Ekbote" pattern=[A-Z\sa-z]{3,20} required>
+      </div>
+      <div class="elem-group">
+        <label for="email">Your E-mail</label>
+        <input type="email" id="email" name="visitor_email" placeholder="[email protected]" required>
+      </div>
+      <div class="elem-group">
+        <label for="phone">Your Phone</label>
+        <input type="tel" id="phone" name="visitor_phone" placeholder="+91 9823655647" pattern=(\d{3})-?\s?(\d{3})-?\s?(\d{4}) required>
+      </div>
+      <hr>
+      <label for="place">Place you want to visit</label>
+        <input type="text" id="place" name="place_ame" placeholder="Kanha National Reserve" pattern=[A-Z\sa-z]{3,20} required>
+      </div>
+      <hr>
+      <div class="elem-group inlined">
+        <label for="adult">Adults</label>
+        <input type="number" id="adult" name="total_adults" placeholder="2" min="1" required>
+      </div>
+      <div class="elem-group inlined">
+        <label for="child">Children</label>
+        <input type="number" id="child" name="total_children" placeholder="2" min="0" required>
+      </div>
+      <div class="elem-group inlined">
+        <label for="checkin-date">Check-in Date</label>
+        <input type="date" id="checkin-date" name="checkin" required>
+      </div>
+      <div class="elem-group inlined">
+        <label for="checkout-date">Check-out Date</label>
+        <input type="date" id="checkout-date" name="checkout" required>
+      </div>
+      <div class="elem-group">
+        <label for="room-selection">Select Room Preference</label>
+        <select id="room-selection" name="room_preference" required>
+            <option value="">Choose a Room from the List</option>
+            <option value="connecting">Room for 2</option>
+            <option value="adjoining">Room for 4</option>
+            <option value="adjacent">Room for 6</option>
+        </select>
+      </div>
+      <hr>
+      <div class="elem-group">
+        <label for="message">Anything Else?</label>
+        <textarea id="message" name="visitor_message" placeholder="Tell us anything else that might be important." required></textarea>
+      </div>
+      <button type="submit">Book The Rooms</button>
+    </form>
+</body>
+</html>
diff --git a/Madhya Pradesh Tourism Website/bstyle.css b/Madhya Pradesh Tourism Website/bstyle.css
@@ -0,0 +1,83 @@
+
+body {
+    width: 500px;
+    margin: 0 auto;
+    padding: 50px;
+    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+
+  }
+
+  div.elem-group {
+    margin: 20px 0;
+  }
+
+  div.elem-group.inlined {
+    width: 49%;
+    display: inline-block;
+    float: left;
+    margin-left: 1%;
+  }
+
+  label {
+    display: block;
+    font-family: 'Nanum Gothic';
+    padding-bottom: 10px;
+    font-size: 1.25em;
+  }
+
+  input, select, textarea {
+    border-radius: 2px;
+    border: 2px solid #777;
+    box-sizing: border-box;
+    font-size: 1.25em;
+    font-family: 'Nanum Gothic';
+    width: 100%;
+    padding: 10px;
+  }
+
+  div.elem-group.inlined input {
+    width: 95%;
+    display: inline-block;
+  }
+
+  textarea {
+    height: 250px;
+  }
+
+  hr {
+    border: 1px dotted #ccc;
+  }
+
+    button {
+        background-image: linear-gradient(to right, #16222A 0%, #3A6073  51%, #16222A  100%);
+        margin: 10px;
+        padding: 15px 45px;
+        text-align: center;
+        text-transform: uppercase;
+        transition: 0.5s;
+        background-size: 200% auto;
+        color: white;            
+        box-shadow: 0 0 20px #eee;
+        border-radius: 10px;
+        display: block;
+      }
+
+      button:hover {
+        background-position: right center; /* change the direction of the change here */
+        color: #fff;
+        text-decoration: none;
+      }
+
+
+  button:hover {
+    border: 2px solid black;
+  }
+   h1 {
+    font-family: 'Space Grotesk';
+    letter-spacing: 1px;
+    text-align: center;
+    font-size: 64px;
+   background: -webkit-linear-gradient(90deg,#2b2d42, #d00000);
+   -webkit-background-clip: text;
+   -webkit-text-fill-color: transparent;
+  }
diff --git a/Madhya Pradesh Tourism Website/index.html b/Madhya Pradesh Tourism Website/index.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+        <title>Madhya Pradesh Tourism</title>
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <div class="header">
+            <div class="parallex1">
+                <div class="nav">  
+                 <h1>  MP TOURISM</h1>
+                 <div class="navbar">
+                     <ul>
+                         <li>HOME</li>
+                         <li>DESTINATIONS</li>
+                         <li>ABOUT US</li>
+                         <li><a href="bookings.html" target="_blank">BOOKINGS</a></li>
+                         <li>LOGIN/SIGNUP</li>
+                     </ul>
+                 </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="box">
+            <div class="content">
+            <h1>GWALIOR</h1>
+            <p>Gwalior is a city in the central Indian state of Madhya Pradesh. It's known for its palaces and temples, including the Sas Bahu Ka Mandir intricately carved Hindu temple. Ancient Gwalior Fort occupies a sandstone plateau overlooking the city and is accessed via a winding road lined with sacred Jain statues. Within the fort’s high walls is the 15th-century Gujari Mahal Palace, now an archaeological museum.One of the most beautiful cities of Madhya Pradesh in India, Gwalior is very famous for its marvellous palaces, old temples and the medieval fort. Being the birthplace of the great musician Tansen, the city is also highlighted for its majestic history and rich cultural heritage.</p>
+            <p style="color: #d90429;">The state of Madhya Pradesh has released new travel guidelines considering the ongoing situation of Covid-19 pandemic. While the Government lifted most of the travel restrictions in several phases post Covid-19 lockdown, the third wave of Covid in Madhya Pradesh has made the Government rethink on travel guidelines.In a bid to deal with the second onslaught of Coronavirus, the Government has issued new restrictions on traveling and fines for rule-breaking. Given below are the intra-state and inter-state travel guidelines for Madhya Pradesh. The information is subject to change as per the updates issued by the Madhya Pradesh Government.</p>
+
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/HzWM92Wznww" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+            <p style="text-align: center; font-size: 18px;"> THE AUDIO OF SOUND & LIGHT SHOW IN GWALIOR</p>
+            <div align="center">
+            <audio controls>
+                <source src="/P3/audio/India_Marvels_Mysteries__(getmp3.pro).mp3" type="audio/mp3">
+            </audio>
+            </div>
+            </div>
+            <div class="parallex2"></div>
+        </div>
+                     <!-- Second Article with Img -->
+        <div class="box">
+            <div class="content">
+            <h1>UJJAIN</h1>
+            <p>Ujjain is an ancient city beside the Kshipra River in the central Indian state of Madhya Pradesh. An important Hindu pilgrimage destination, it’s known for the centuries-old Mahakaleshwar Temple, a towering structure with a distinctively ornate roof. Nearby, Bade Ganesh Temple houses a colorful statue of Ganesh, the elephant-headed Hindu deity. Harsiddhi Temple features a pair of tall dark pillars studded with lamps.The world's largest religious gathering, Simhastha (Kumbh Mela), is held on the banks of the Shipra river once every 12 years which is the maximum visited place in Ujjain. Adding to Ujjain's tourist places is The Shri Ram Ghat, also known as Ram ghat, the most ancient bathing ghat.</p>
+            <p style="color: #d90429;">The state of Madhya Pradesh has released new travel guidelines considering the ongoing situation of Covid-19 pandemic. While the Government lifted most of the travel restrictions in several phases post Covid-19 lockdown, the third wave of Covid in Madhya Pradesh has made the Government rethink on travel guidelines.In a bid to deal with the second onslaught of Coronavirus, the Government has issued new restrictions on traveling and fines for rule-breaking. Given below are the intra-state and inter-state travel guidelines for Madhya Pradesh. The information is subject to change as per the updates issued by the Madhya Pradesh Government.</p>
+
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/1jRHSUhp_7Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+            <p style="text-align: center; font-size: 18px;"> ABOUT UJJAIN</p>
+            <div align="center">
+            <audio controls>
+                <source src="/P3/audio/A_Documentary_on_Ujjain_(getmp3.pro).mp3" type="audio/mp3">
+            </audio>
+            </div>
+            </div>
+            <div class="parallex3"></div>
+        </div>
+                     <!-- Third Article with Img -->
+        <div class="box">
+            <div class="content">
+            <h1>KANHA NATIONAL RESERVE</h1>
+            <p>Kanha National Park, also known as Kanha Tiger Reserve, is a vast expanse of grassland and forest in the central Indian state of Madhya Pradesh. Tigers, jackals and wild pigs can be spotted in Kanha Meadows. The elevated plateau of Bamhnidadar is home to birds of prey. Animals often gather at the watering holes of Sondar Tank and Babathenga Tank. The park’s flora and fauna are documented in the park's Kanha Museum.Kanha National Park is nestled in the Maikal range of Satpuras in Madhya Pradesh, the heart of India that forms the central Indian highlands.The national park is being popularized as the Tiger reserve and interestingly is being declared as one of the finest wildlife areas in the world. Spreading across two revenue districts the Mandala and the Kalaghat, Kanha National Park was declared a reserve forest in 1879 and revalued as a wildlife sanctuary in 1933. Its position was further upgraded to a national park in 1955.</p>
+            <p style="color: #d90429;">The state of Madhya Pradesh has released new travel guidelines considering the ongoing situation of Covid-19 pandemic. While the Government lifted most of the travel restrictions in several phases post Covid-19 lockdown, the third wave of Covid in Madhya Pradesh has made the Government rethink on travel guidelines.In a bid to deal with the second onslaught of Coronavirus, the Government has issued new restrictions on traveling and fines for rule-breaking. Given below are the intra-state and inter-state travel guidelines for Madhya Pradesh. The information is subject to change as per the updates issued by the Madhya Pradesh Government.</p>
+
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/OE58gY6p90Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+            <p style="text-align: center; font-size: 18px;"> ABOUT INDIAN BISON IN KANHA NATIONAL RESERVE</p>
+            <div align="center">
+            <audio controls>
+                <source src="/P3/audio/Indian_bison_gaur_of_Kanha_nation_(getmp3.pro).mp3" type="audio/mp3">
+            </audio>
+            </div>
+            </div>
+            <div class="parallex4"></div>
+        </div>  
+
+                             <!-- Fourth Article with Img -->
+                             <div class="box">
+                                <div class="content">
+                                <h1>OMKARESHWAR TEMPLE</h1>
+                                <p>Omkareshwar is a Hindu temple dedicated to God Shiva. It is located in Khandwa in Indian state Madhya Pradesh. It is one of the 12 revered Jyotirlinga shrines of Shiva. It is on an island called Mandhata or Shivapuri in the Narmada river at Khandwa district in Madhya Pradesh, India; the shape of the island is said to be like the Devanagari ॐ symbol.There are two main temples of Lord Shiva here, one to Omkareshwar (whose name means "Lord of Omkara or the Lord of the Om sound") located in the island and one to Mamleshwar (Amaleshwar) (whose name means "Immortal Lord" or "lord of the Immortals or Devas") located on the south bank of Narmada River on the mainland.It is situated in the Mandhata city (also known as Omkareshwar) in Khandwa district of Madhya Pradesh state in India. It is about 16 km from Barwaha in Madhya Pradesh. Omkareshwar is formed by the sacred river Narmada. This is one of the most sacred rivers in India and is now home to one of the world's biggest dam projects. The temple is situated on Mandhata or Shivpuri island on the banks of Narmada and river Kaveri (a tributary of Narmada). The island is 4 KM long and 2.6 km2 (2,600,000 m2) in area and can be approached by boats and bridge</p>
+                                <p style="color: #d90429;">The state of Madhya Pradesh has released new travel guidelines considering the ongoing situation of Covid-19 pandemic. While the Government lifted most of the travel restrictions in several phases post Covid-19 lockdown, the third wave of Covid in Madhya Pradesh has made the Government rethink on travel guidelines.In a bid to deal with the second onslaught of Coronavirus, the Government has issued new restrictions on traveling and fines for rule-breaking. Given below are the intra-state and inter-state travel guidelines for Madhya Pradesh. The information is subject to change as per the updates issued by the Madhya Pradesh Government.</p>
+
+                                <iframe width="560" height="315" src="https://www.youtube.com/embed/nW4j1VSaZD4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+                                <p style="text-align: center; font-size: 18px;"> ABOUT DEVELOPMENT IN OMKARESHWAR</p>
+                                <div align="center">
+                                <audio controls>
+                                <source src="/P3/audio/New_Development_in_Omkareshwar_-_A_(getmp3.pro).mp3" type="audio/mp3">
+
+
+                                </audio>
+                                </div>
+                                </div>
+                            </div>  
+    </body>
+    </html>
+</html>