Historical Site

About This Attraction

Charleston United States

Fort Sumter, located in Charleston, South Carolina, is a historic site marking the location where the first shots of the American Civil War were fired on April 12, 1861. The fort is situated on an island in Charleston Harbor and can be accessed by boat. Visitors can explore the remnants of this key historical structure, which played a significant role during the war. Exhibits at Fort Sumter offer insights into its history and importance.

The site is managed by the National Park Service, and guided tours are available to enhance the visitor experience. Fort Sumter opening hours vary seasonally, so it is advisable to check in advance before planning your visit. The forts museum exhibits artifacts and documents from the era, providing a deeper understanding of its strategic significance. This important landmark offers a unique opportunity to learn about a pivotal moment in U.S. history.

Location Details

Address Charleston Harbor, Charleston, SC 29412, USA

Visitor Information

Pricing & Ratings

Ticket Prices

Adult $30

Child $18

Student N/A

Senior $28

Ratings

Overall Rating

8.5/10

Crowd Level

7.0/10

Opening Hours & Booking

Open

Days Daily

Hours 9:00 AM - 5:00 PM

Seasonality Year-round

Booking

Booking Required? Yes

Book Your Visit

*Prices may vary. Check official website for the most up-to-date information.

Nearby Attractions

Showing 10 of 22 attractions

Miles Kilometers

Magnolia Plantation and Gardens

Historic Plantation and Gardens

Magnolia Plantation and Gardens in Charleston is a historic site that offers visitors a glimpse…

8.5/10

Distance: 24.4 km 15.2 mi

Charleston

Learn More

Historic Downtown

Cultural District

Historic Downtown Charleston is a charming area known for its well-preserved architecture and rich history.…

9.0/10

Distance: 82.7 km 51.4 mi

Charleston

Learn More

New Orleans French Quarter

Historic District

The New Orleans French Quarter, often referred to simply as the Vieux Carré, is the…

9.5/10

Distance: 1015.7 km 631.1 mi

New Orleans

Learn More

Bourbon Street

Street

Bourbon Street is one of the most famous streets in New Orleans, located in the…

8.5/10

Distance: 1016.3 km 631.5 mi

New Orleans

Learn More

National WWII Museum

History Museum

The National WWII Museum in New Orleans is a prominent institution dedicated to the history…

9.5/10

Distance: 1016.8 km 631.8 mi

New Orleans

Learn More

Garden District

Historic Neighborhood

The Garden District in New Orleans is renowned for its well-preserved antebellum architecture and lush…

9.2/10

Distance: 1018.5 km 632.9 mi

New Orleans

Learn More

Old Havana

Historic District

Old Havana, known as Habana Vieja in Spanish, is a historic area in the city…

9.0/10

Distance: 1093.7 km 679.6 mi

Havana

Learn More

Castillo del Morro

Historic Fort

Castillo del Morro, officially known as Castillo de San Pedro de la Roca, is a…

8.5/10

Distance: 1095.1 km 680.5 mi

Santiago de Cuba

Learn More

Castillo del Morro, Havana

Historical Fort

Castillo del Morro in Havana, officially known as Castillo de los Tres Reyes del Morro,…

8.5/10

Distance: 1095.1 km 680.5 mi

Havana

Learn More

Museum of the Revolution

History Museum

The Museum of the Revolution in Havana is housed in a building that was once…

8.5/10

Distance: 1096 km 681 mi

Havana

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 10, 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'; } }); }); } });