151 lines
10 KiB
HTML
151 lines
10 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Paris Hotels Under 300€</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
|
|
<style>
|
|
#map { height: 600px; width: 100%; }
|
|
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }
|
|
h1, h2 { color: #333; }
|
|
.hotel-list { margin-top: 20px; }
|
|
.hotel-item { margin-bottom: 15px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; }
|
|
.hotel-name { font-weight: bold; font-size: 18px; }
|
|
.hotel-rating { color: #f39c12; }
|
|
.hotel-price { color: #27ae60; }
|
|
.hotel-address { color: #7f8c8d; }
|
|
.hotel-description { margin-top: 8px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Paris Hotels Under 300€ Per Night</h1>
|
|
<div id="map"></div>
|
|
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
|
|
<script>
|
|
// Map initialization
|
|
var map = L.map('map').setView([48.8566, 2.3522], 12);
|
|
|
|
// Add OpenStreetMap tile 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);
|
|
|
|
// Hotel data
|
|
var hotels = [{"name": "Hotel Britannique", "coords": [48.8567, 2.3471], "price": "\u20ac200-320", "rating": 4.6, "arrondissement": "1st"}, {"name": "H\u00f4tel Signature Saint Germain des Pr\u00e9s", "coords": [48.8485, 2.3244], "price": "\u20ac220-290", "rating": 4.8, "arrondissement": "7th"}, {"name": "Paris France Hotel", "coords": [48.8644, 2.3614], "price": "\u20ac180-280", "rating": 4.7, "arrondissement": "3rd"}, {"name": "H\u00f4tel Lenox Montparnasse", "coords": [48.8427, 2.3269], "price": "\u20ac170-260", "rating": 4.5, "arrondissement": "14th"}, {"name": "H\u00f4tel Caron de Beaumarchais", "coords": [48.8572, 2.3598], "price": "\u20ac200-280", "rating": 4.6, "arrondissement": "4th"}, {"name": "H\u00f4tel Bourg Tibourg", "coords": [48.8547, 2.3581], "price": "\u20ac250-300", "rating": 4.7, "arrondissement": "4th"}, {"name": "H\u00f4tel de l'Abbaye Saint-Germain", "coords": [48.8495, 2.3309], "price": "\u20ac280-300", "rating": 4.6, "arrondissement": "6th"}, {"name": "Hotel Quartier Latin", "coords": [48.849, 2.3468], "price": "\u20ac160-250", "rating": 4.3, "arrondissement": "5th"}, {"name": "CitizenM Paris Gare de Lyon", "coords": [48.8448, 2.3732], "price": "\u20ac150-220", "rating": 4.4, "arrondissement": "12th"}, {"name": "H\u00f4tel Migny Op\u00e9ra-Montmartre", "coords": [48.881, 2.3375], "price": "\u20ac140-200", "rating": 4.1, "arrondissement": "9th"}, {"name": "H\u00f4tel Saint-Andr\u00e9 des Arts", "coords": [48.854, 2.3401], "price": "\u20ac180-280", "rating": 4.8, "arrondissement": "6th"}, {"name": "Grand H\u00f4tel des Gobelins", "coords": [48.8375, 2.3556], "price": "\u20ac130-180", "rating": 4.1, "arrondissement": "13th"}, {"name": "Hotel Marignan", "coords": [48.8504, 2.3445], "price": "\u20ac120-180", "rating": 4.1, "arrondissement": "5th"}, {"name": "H\u00f4tel La Comtesse Tour Eiffel", "coords": [48.8548, 2.3078], "price": "\u20ac250-300", "rating": 4.6, "arrondissement": "7th"}, {"name": "Boutique H\u00f4tel Mareuil Paris", "coords": [48.864, 2.3677], "price": "\u20ac200-280", "rating": 4.7, "arrondissement": "11th"}, {"name": "Generator Paris", "coords": [48.8772, 2.3711], "price": "\u20ac90-150", "rating": 4.1, "arrondissement": "10th"}, {"name": "H\u00f4tel Henriette", "coords": [48.8363, 2.3518], "price": "\u20ac130-180", "rating": 4.5, "arrondissement": "13th"}, {"name": "Hotel Paradis", "coords": [48.8718, 2.3502], "price": "\u20ac120-180", "rating": 4.3, "arrondissement": "10th"}, {"name": "COQ Hotel Paris", "coords": [48.8261, 2.3542], "price": "\u20ac140-190", "rating": 4.4, "arrondissement": "13th"}, {"name": "Hotel Diana", "coords": [48.8485, 2.3456], "price": "\u20ac150-200", "rating": 4.2, "arrondissement": "5th"}];
|
|
|
|
// Add markers for each hotel
|
|
hotels.forEach(function(hotel) {
|
|
var marker = L.marker(hotel.coords).addTo(map);
|
|
marker.bindPopup(
|
|
"<strong>" + hotel.name + "</strong><br>" +
|
|
"Rating: " + hotel.rating + "/5.0<br>" +
|
|
"Price: " + hotel.price + "<br>" +
|
|
"Arrondissement: " + hotel.arrondissement
|
|
);
|
|
});
|
|
</script>
|
|
|
|
<h2>Top 5 Hotels Under 300€</h2>
|
|
<div class="hotel-list">
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Hôtel Signature Saint Germain des Prés</div>
|
|
<div class="hotel-rating">Rating: 4.8/5.0</div>
|
|
<div class="hotel-price">Price Range: €220-290</div>
|
|
<div class="hotel-address">Address: 5 Rue Chomel, 75007 Paris (Arr. 7th)</div>
|
|
<div class="hotel-description">Chic boutique property in Saint-Germain with elegant, colorful rooms and vintage-chic lobby</div>
|
|
<div><a href="http://www.signature-saintgermain.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Hôtel Saint-André des Arts</div>
|
|
<div class="hotel-rating">Rating: 4.8/5.0</div>
|
|
<div class="hotel-price">Price Range: €180-280</div>
|
|
<div class="hotel-address">Address: 66 Rue Saint-André des Arts, 75006 Paris (Arr. 6th)</div>
|
|
<div class="hotel-description">Boutique hotel in Saint-Germain with unique rooms and bar</div>
|
|
<div><a href="https://www.saintandredesarts.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Paris France Hotel</div>
|
|
<div class="hotel-rating">Rating: 4.7/5.0</div>
|
|
<div class="hotel-price">Price Range: €180-280</div>
|
|
<div class="hotel-address">Address: 72 R. de Turbigo, 75003 Paris (Arr. 3rd)</div>
|
|
<div class="hotel-description">Traditional hotel with a cafe/bar and lounge in the heart of the Marais district</div>
|
|
<div><a href="https://www.paris-france-hotel.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Hôtel Bourg Tibourg</div>
|
|
<div class="hotel-rating">Rating: 4.7/5.0</div>
|
|
<div class="hotel-price">Price Range: €250-300</div>
|
|
<div class="hotel-address">Address: 19 Rue du Bourg Tibourg, 75004 Paris (Arr. 4th)</div>
|
|
<div class="hotel-description">Lavish boutique hotel with opulent rooms and sophisticated dramatic atmosphere</div>
|
|
<div><a href="https://www.bourgtibourg.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Boutique Hôtel Mareuil Paris</div>
|
|
<div class="hotel-rating">Rating: 4.7/5.0</div>
|
|
<div class="hotel-price">Price Range: €200-280</div>
|
|
<div class="hotel-address">Address: 51 Rue de Malte, 75011 Paris (Arr. 11th)</div>
|
|
<div class="hotel-description">Hip property with modern rooms & suites, plus bar, hammam & exercise room</div>
|
|
<div><a href="https://www.hotelmareuil.com/fr/" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h2>Budget-Friendly Options (Under 200€)</h2>
|
|
<div class="hotel-list">
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Generator Paris</div>
|
|
<div class="hotel-rating">Rating: 4.1/5.0</div>
|
|
<div class="hotel-price">Price Range: €90-150</div>
|
|
<div class="hotel-address">Address: 9-11 Pl. du Colonel Fabien, 75010 Paris (Arr. 10th)</div>
|
|
<div class="hotel-description">Trendy hostel with stylish rooms & streamlined dorms, rooftop terrace & vibrant eatery</div>
|
|
<div><a href="https://staygenerator.com/hostels/paris?lang=fr-FR" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Hotel Marignan</div>
|
|
<div class="hotel-rating">Rating: 4.1/5.0</div>
|
|
<div class="hotel-price">Price Range: €120-180</div>
|
|
<div class="hotel-address">Address: 13 Rue du Sommerard, 75005 Paris (Arr. 5th)</div>
|
|
<div class="hotel-description">Laid-back hotel with simple rooms, guest kitchen and library, plus free breakfast</div>
|
|
<div><a href="http://www.hotel-marignan.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Hotel Paradis</div>
|
|
<div class="hotel-rating">Rating: 4.3/5.0</div>
|
|
<div class="hotel-price">Price Range: €120-180</div>
|
|
<div class="hotel-address">Address: 41 Rue Des Petities Ecuries, 75010 Paris (Arr. 10th)</div>
|
|
<div class="hotel-description">Tastefully decorated rooms in a top-notch location near trendy hotspots</div>
|
|
<div><a href="https://hotelparadisparis.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Grand Hôtel des Gobelins</div>
|
|
<div class="hotel-rating">Rating: 4.1/5.0</div>
|
|
<div class="hotel-price">Price Range: €130-180</div>
|
|
<div class="hotel-address">Address: 57 Bd Saint-Marcel, 75013 Paris (Arr. 13th)</div>
|
|
<div class="hotel-description">Casual hotel with warmly furnished rooms and lobby bar</div>
|
|
<div><a href="http://www.grandhotelgobelins.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
<div class="hotel-item">
|
|
<div class="hotel-name">Hôtel Henriette</div>
|
|
<div class="hotel-rating">Rating: 4.5/5.0</div>
|
|
<div class="hotel-price">Price Range: €130-180</div>
|
|
<div class="hotel-address">Address: 9 rue des Gobelins, 75013 Paris (Arr. 13th)</div>
|
|
<div class="hotel-description">Stylish boutique hotel with subtly decorated rooms and courtyard breakfast area</div>
|
|
<div><a href="https://www.hotelhenriette.com" target="_blank">Visit Website</a></div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|