Contact

Neem contact op met Zeekadetkorps Den Helder

Contactpersoon

Maurice Braat

Contactpersoon Zeekadetkorps Den Helder

Telefoon

06 10 54 10 99

Locatie

Den Helder, Noord-Holland

Informatie

Lidmaatschap

Bel voor vragen over lidmaatschap

Activiteiten

Informatie over activiteiten

Aanmelding

Aanmelding nieuwe zeekadetten

Stuur een bericht

Vul het formulier in en we nemen contact met je op

Lukt het niet? Klik hieronder voor directe contactgegevens:

Klaar om je aan te melden?

Neem direct contact op met Maurice Braat voor meer informatie

Bel Nu Meer Info
/* Ensure proper styling for contact page */ .contact-page { background: #f8f9fa; min-height: 100vh; } .contact-hero { background: linear-gradient(135deg, #001f3f 0%, #007acc 100%); padding: 120px 0 80px; text-align: center; position: relative; overflow: hidden; } .contact-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,') repeat; background-size: 50px 50px; animation: float 20s linear infinite; } .contact-hero-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; padding: 0 20px; } .contact-hero h1 { color: white; font-size: 3.5rem; margin-bottom: 20px; font-weight: 700; } .contact-hero p { color: rgba(255, 255, 255, 0.9); font-size: 1.3rem; margin-bottom: 30px; } .hero-decoration { display: inline-block; font-size: 3rem; color: rgba(255, 255, 255, 0.3); animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .contact-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .contact-content { padding: 80px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .contact-info-section { display: flex; flex-direction: column; gap: 30px; } .contact-card { background: white; border-radius: 20px; padding: 40px; box-shadow: 0 15px 35px rgba(0, 31, 63, 0.1); border: 3px solid #007acc; transition: all 0.3s ease; } .contact-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(0, 31, 63, 0.15); } .contact-card-header { display: flex; align-items: center; gap: 20px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 3px solid #007acc; } .contact-card-header i { font-size: 2.5rem; color: #007acc; background: rgba(0, 122, 204, 0.1); padding: 15px; border-radius: 50%; } .contact-card-header h2 { color: #001f3f; margin: 0; font-size: 2rem; font-weight: 700; } .contact-details { display: flex; flex-direction: column; gap: 25px; } .contact-item { display: flex; align-items: center; gap: 25px; padding: 25px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 15px; border: 2px solid transparent; transition: all 0.3s ease; } .contact-item:hover { background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%); border-color: #007acc; transform: translateX(5px); } .contact-item i { font-size: 1.8rem; color: #007acc; background: white; padding: 15px; border-radius: 50%; box-shadow: 0 5px 15px rgba(0, 122, 204, 0.2); min-width: 50px; text-align: center; } .contact-text h3 { color: #001f3f; margin: 0 0 8px 0; font-size: 1.3rem; font-weight: 600; } .contact-text p { color: #666; margin: 0; font-size: 1.1rem; } .contact-text a { color: #007acc; text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .contact-text a:hover { color: #001f3f; } .quick-info { background: white; border-radius: 20px; padding: 35px; box-shadow: 0 15px 35px rgba(0, 31, 63, 0.1); border: 3px solid #28a745; } .quick-info h3 { color: #001f3f; margin-bottom: 25px; display: flex; align-items: center; gap: 15px; font-size: 1.5rem; font-weight: 600; } .quick-info h3 i { color: #28a745; font-size: 1.5rem; } .quick-info ul { list-style: none; padding: 0; margin: 0; } .quick-info li { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 2px solid #f8f9fa; font-size: 1.1rem; } .quick-info li:last-child { border-bottom: none; } .quick-info li i { color: #28a745; font-size: 1.1rem; background: rgba(40, 167, 69, 0.1); padding: 8px; border-radius: 50%; } .contact-form-section { position: sticky; top: 100px; } .contact-form-card { background: white; border-radius: 20px; padding: 45px; box-shadow: 0 15px 35px rgba(0, 31, 63, 0.1); border: 3px solid #007acc; } .contact-form-header { text-align: center; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 3px solid #007acc; } .contact-form-header i { font-size: 3rem; color: #007acc; background: rgba(0, 122, 204, 0.1); padding: 20px; border-radius: 50%; margin-bottom: 20px; } .contact-form-header h2 { color: #001f3f; margin: 0 0 15px 0; font-size: 2rem; font-weight: 700; } .contact-form-header p { color: #666; margin: 0; font-size: 1.1rem; } .contact-form { display: flex; flex-direction: column; gap: 25px; } .form-group { display: flex; flex-direction: column; gap: 10px; } .form-group label { color: #001f3f; font-weight: 600; font-size: 1.1rem; display: flex; align-items: center; gap: 10px; } .form-group label i { color: #007acc; font-size: 1rem; min-width: 20px; } .form-group input, .form-group select, .form-group textarea { padding: 15px 20px; border: 3px solid #e9ecef; border-radius: 12px; font-size: 1.1rem; transition: all 0.3s ease; background: white; font-family: 'Roboto', sans-serif; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: #007acc; box-shadow: 0 0 0 4px rgba(0, 122, 204, 0.1); transform: translateY(-2px); } .form-group textarea { resize: vertical; min-height: 140px; } .form-group select { cursor: pointer; } .btn { padding: 15px 30px; border: none; border-radius: 12px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; justify-content: center; text-align: center; } .btn-primary { background: linear-gradient(135deg, #007acc 0%, #0056b3 100%); color: white; } .btn-primary:hover { background: linear-gradient(135deg, #0056b3 0%, #001f3f 100%); transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 122, 204, 0.3); } .btn-secondary { background: white; color: #007acc; border: 3px solid #007acc; } .btn-secondary:hover { background: #007acc; color: white; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0, 122, 204, 0.3); } .cta-section { background: linear-gradient(135deg, #001f3f 0%, #007acc 100%); padding: 100px 0; text-align: center; position: relative; overflow: hidden; } .cta-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,') repeat; background-size: 30px 30px; animation: float 15s linear infinite reverse; } .cta-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; padding: 0 20px; } .cta-content h2 { color: white; font-size: 3rem; margin-bottom: 25px; font-weight: 700; } .cta-content p { color: rgba(255, 255, 255, 0.9); font-size: 1.3rem; margin-bottom: 50px; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.6; } .cta-buttons { display: flex; gap: 25px; justify-content: center; flex-wrap: wrap; } /* Responsive Design */ @media (max-width: 768px) { .contact-content { grid-template-columns: 1fr; gap: 40px; padding: 60px 0; } .contact-form-section { position: static; } .contact-card, .contact-form-card { padding: 30px; } .contact-hero h1 { font-size: 2.5rem; } .cta-content h2 { font-size: 2.2rem; } .cta-buttons { flex-direction: column; align-items: center; } .cta-buttons .btn { width: 250px; } } @media (max-width: 480px) { .contact-item { flex-direction: column; text-align: center; gap: 20px; } .contact-card-header { flex-direction: column; text-align: center; gap: 15px; } .contact-form-header h2 { font-size: 1.7rem; } .contact-hero h1 { font-size: 2rem; } .cta-content h2 { font-size: 1.8rem; } }

Contact

Neem contact op met Zeekadetkorps Den Helder

Contactpersoon

Maurice Braat

Contactpersoon Zeekadetkorps Den Helder

Telefoon

06 10 54 10 99

Locatie

Den Helder, Noord-Holland

Informatie

  • Bel voor vragen over lidmaatschap
  • Informatie over activiteiten
  • Aanmelding nieuwe zeekadetten
  • Algemene vragen over het korps

Stuur een bericht

Vul het formulier in en we nemen zo snel mogelijk contact met je op

Klaar om je aan te melden?

Neem direct contact op met Maurice Braat voor meer informatie over het worden van een zeekadet

Bel Nu Meer Info

Contact

Neem contact op met Zeekadetkorps Den Helder

Contactpersoon

Maurice Braat

Contactpersoon Zeekadetkorps Den Helder

Telefoon

06 10 54 10 99

Locatie

Den Helder, Noord-Holland

Informatie

  • Bel voor vragen over lidmaatschap
  • Informatie over activiteiten
  • Aanmelding nieuwe zeekadetten
  • Algemene vragen over het korps

Stuur een bericht

Vul het formulier in en we nemen zo snel mogelijk contact met je op

Klaar om je aan te melden?

Neem direct contact op met Maurice Braat voor meer informatie over het worden van een zeekadet

Bel Nu Meer Info