.tabs-container { display: flex; gap: 20px; max-width: 800px; margin: auto; } .tabs-menu { display: flex; flex-direction: column; gap: 10px; } .tab-button { background: #ddd; border: none; padding: 10px 15px; border-radius: 5px; cursor: pointer; font-size: 16px; transition: all 0.3s ease; } .tab-button.active, .tab-button:hover { background: #0073e6; color: white; } .tabs-content { flex-grow: 1; background: white; padding: 20px; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .tab-content { display: none; } .tab-content.active { display: block; }

Home

Welcome to our homepage!

Gallery

Explore our amazing gallery.

About

Learn more about our mission and team.

Contact

Get in touch with us!