Religious Site

About This Attraction

Marrakech Morocco

The Koutoubia Mosque, located in Marrakech, Morocco, is an iconic landmark known for its striking architecture and historical significance. Built in the 12th century during the reign of the Almohad Caliph Yaqub al-Mansur, it stands as the largest mosque in Marrakech. Its minaret, reaching a height of 77 meters (253 feet), is a prominent feature and can be seen from various points across the city. It serves as an important place of worship and is not open to non-Muslims, but visitors can admire its exterior and surrounding gardens.

For those planning a visit, its useful to note that the Koutoubia Mosque opening hours are primarily focused around prayer times for Muslim worshippers. The area surrounding the mosque is accessible throughout the day, allowing tourists to appreciate its architecture and serene setting. Located near Djemaa el-Fna square, it provides a glimpse into Moroccan culture and history. As a central part of Marrakechs cultural heritage, it remains a must-see destination for anyone exploring the city.

Location Details

Address Avenue Mohammed V, Marrakech 40000, Morocco

Visitor Information

Pricing & Ratings

Ticket Prices

Adult Free

Child Free

Student Free

Senior Free

Ratings

Overall Rating

9.0/10

Crowd Level

8.0/10

Opening Hours & Booking

Open

Days Daily

Hours Not open to non-Muslims

Seasonality Year-round

Booking

Booking Required? No

Nearby Attractions

Showing 10 of 11 attractions

Miles Kilometers

Jemaa el-Fnaa

Market Square

Jemaa el-Fnaa is a famous public square located in the heart of Marrakech, Morocco. It…

9.0/10

Distance: 0.5 km 0.3 mi

Marrakech

Learn More

Majorelle Garden

Botanical Garden

Majorelle Garden in Marrakech is a popular tourist destination known for its stunning array of…

8.5/10

Distance: 2.1 km 1.3 mi

Marrakech

Learn More

Surf Beaches

Beach

Taghazout is a coastal village in Morocco renowned for its surf beaches, making it a…

8.5/10

Distance: 87.3 km 54.2 mi

Taghazout

Learn More

Paradise Valley

Natural Attraction

Paradise Valley, located near Taghazout in Morocco, is a popular destination for nature lovers and…

8.5/10

Distance: 87.3 km 54.2 mi

Taghazout

Learn More

Essaouira Citadel

Historical Site

The Essaouira Citadel, located in the coastal city of Essaouira, Morocco, is a significant historical…

8.5/10

Distance: 167.8 km 104.3 mi

Essaouira

Learn More

Medina of Essaouira

Historic Site

The Medina of Essaouira is a UNESCO World Heritage site located on the Atlantic coast…

8.5/10

Distance: 168.6 km 104.8 mi

Essaouira

Learn More

Moulay Hassan Square

Public Square

Moulay Hassan Square in Essaouira is a central gathering place known for its lively atmosphere…

8.5/10

Distance: 168.9 km 104.9 mi

Essaouira

Learn More

Taghazout Skatepark

Skatepark

Taghazout Skatepark is a popular destination for skateboarding enthusiasts located in the coastal village of…

8.5/10

Distance: 202.8 km 126 mi

Taghazout

Learn More

Bou Inania Madrasa

Historical Site

Bou Inania Madrasa in Fez is an architectural marvel dating back to the 14th century,…

8.5/10

Distance: 390.6 km 242.7 mi

Fez

Learn More

Medina of Fez

Historic Site

The Medina of Fez, located in Morocco, is one of the largest car-free urban areas…

9.0/10

Distance: 391.1 km 243 mi

Fez

Learn More

Travel Information Notice: Information on this page is for general reference only and may not reflect current conditions. Please see our Travel Information Disclaimer for important notices regarding: I. Data sources and limitations; II. Safety information accuracy; III. Recommendation scope; IV. Traveler responsibilities; V. Terms of use. Last updated: October 6, 2025.

"; } // Initialize modal controls const initModalControls = function() { console.log('Initializing modal controls'); const modal = document.getElementById('attraction-modal'); const closeBtn = document.querySelector('.attraction-modal-close'); if (closeBtn) { closeBtn.addEventListener('click', function() { modal.style.display = 'none'; document.body.style.overflow = ''; }); } window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; document.body.style.overflow = ''; } }); // Make attraction cards clickable const attractionCards = document.querySelectorAll('.attraction-card'); console.log('Found ' + attractionCards.length + ' attraction cards'); attractionCards.forEach(card => { card.addEventListener('click', function(e) { openModalWithCardData(this); }); }); }; // Function to open modal with card data const openModalWithCardData = function(card) { // Get data from hidden div const data = card.querySelector('.attraction-full-data'); if (!data) { console.error('No attraction data found in card'); return; } const modal = document.getElementById('attraction-modal'); if (!modal) { console.error('Modal element still not found after creation attempt'); return; } // Helper function to safely get element text function getElementText(selector) { const element = data.querySelector(selector); return element ? element.textContent : ''; } try { // Basic Info document.getElementById('attraction-modal-title').textContent = getElementText('.attraction-name'); document.getElementById('attraction-modal-type').textContent = getElementText('.attraction-type-full'); document.getElementById('attraction-modal-description').textContent = getElementText('.attraction-description-full'); // Reset all containers to hidden ['attraction-modal-hours-container', 'attraction-modal-price-container', 'attraction-modal-address-container', 'attraction-modal-image-container'].forEach(id => { const container = document.getElementById(id); if (container) container.style.display = 'none'; }); // Rating const ratingText = getElementText('.attraction-rating-full'); if (ratingText) { const ratingValue = parseFloat(ratingText); if (!isNaN(ratingValue)) { const ratingValueEl = document.getElementById('attraction-modal-rating-value'); const ratingFillEl = document.getElementById('attraction-modal-rating-fill'); if (ratingValueEl) ratingValueEl.textContent = ratingValue.toFixed(1) + '/10'; if (ratingFillEl) ratingFillEl.style.width = (ratingValue * 10) + '%'; } } // Show the modal modal.style.display = 'block'; document.body.style.overflow = 'hidden'; // Prevent background scrolling console.log('Modal opened successfully'); } catch (error) { console.error('Error opening modal:', error); } }; // Try to create the modal const created = createModal(); console.log('Modal created:', created); // If not created (already exists), initialize the controls if (!created) { initModalControls(); } // Also initialize distance toggle const distanceToggle = document.getElementById('distance-unit-toggle'); if (distanceToggle) { distanceToggle.addEventListener('change', function() { const showKm = this.checked; // Update toggle labels const labels = document.querySelectorAll('.toggle-label'); if (labels.length >= 2) { labels[0].style.opacity = showKm ? '0.5' : '1'; labels[1].style.opacity = showKm ? '1' : '0.5'; } // Update all distance displays document.querySelectorAll('.nearby-attraction-card').forEach(card => { const kmEl = card.querySelector('.distance-km'); const miEl = card.querySelector('.distance-mi'); if (kmEl && miEl) { kmEl.style.display = showKm ? 'inline' : 'none'; miEl.style.display = showKm ? 'none' : 'inline'; } }); }); } });