<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>www.suedafrika24.info</title>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" >
    <!-- Fonts -->
    <link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome.min.css">
    <!-- Icon -->
    <link rel="stylesheet" type="text/css" href="assets/fonts/simple-line-icons.css">
    <!-- Slicknav -->
    <link rel="stylesheet" type="text/css" href="assets/css/slicknav.css">
    <!-- Menu CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/menu_sideslide.css">
    <!-- Slider CSS -->
    <link rel="stylesheet" type="text/css" href="assets/css/slide-style.css">
    <!-- Nivo Lightbox -->
    <link rel="stylesheet" type="text/css" href="assets/css/nivo-lightbox.css" >
    <!-- Animate -->
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css">
    <!-- Main Style -->
    <link rel="stylesheet" type="text/css" href="assets/css/main.css">
    <!-- Responsive Style -->
    <link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
	<meta name="description" content="Découvrez comment les rayons de soleil contribuent à votre bien-être physique et mental. Conseils, é" />
	<link rel="canonical" href="http://www.suedafrika24.info" />
	    <link rel="icon" type="image/png" href="assets/image.png">
<style>
      .hidden-paragraph {
        display: none;
      }
      
            .logo {
        width: 50px; /* Ajustez la largeur selon vos besoins */
        height: auto; /* Garde le ratio d'aspect */
      }
      .main-logo {
        width: 200px; /* Ajustez la largeur selon vos besoins */
        height: auto; /* Garde le ratio d'aspect */
        display: block;
        margin: 0 auto; /* Centre le logo horizontalement */
      }
    </style>
  </head>
  <body>

    <!-- Header Area wrapper Starts -->
    <header id="header-wrap">
      <!-- Navbar Start -->
      <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
              <span class="icon-menu"></span>
              <span class="icon-menu"></span>
              <span class="icon-menu"></span>
            </button>
            <!--<img src="assets/img/logo.png" alt="">-->
          </div>
          <div class="collapse navbar-collapse" id="main-navbar">
            <ul class="onepage-nev navbar-nav mr-auto w-100 justify-content-end clearfix">
              <li class="nav-item active">
                <a class="nav-link" href="#hero-area">
                  Accueil
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#contact">
                  Contact
                </a>
              </li>
            </ul>
          </div>
        </div>

        <!-- Mobile Menu Start -->
        <ul class="onepage-nev mobile-menu">
          <li>
            <a href="#home">Accueil</a>
          </li>
          <li>
            <a href="#contact">Contact</a>
          </li>
        </ul>
        <!-- Mobile Menu End -->
      </nav>
      <!-- Navbar End -->

      <div id="hero-area" class="hero-area-bg" style="background: url(voyage.jpg) no-repeat;background-size: cover; height: 750px;">
        <div class="overlay"></div>
        <div class="container">
          <div class="row">
            <div class="col-md-12 col-sm-12 text-center">
              <div class="contents">
                <h1 class="script-font wow fadeInUp" data-wow-delay="0.2s">L'afrique Australe</h1>
              </div>
            </div>
          </div>
        </div>
      </div>

    </header>
    <!-- Header Area wrapper End -->

    <section id="about" class="section-padding">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="profile-wrapper wow fadeInRight" data-wow-delay="0.3s">
              <h2>suedafrika24</h2>
              <p>LLe meilleur guide pour l'Afrique Australe.<br></p>
             
              <p class="hidden-paragraph">
<a href="https://vacancesdubai.fr/" target="_blank">https://vacancesdubai.fr/</a>
<a href="https://www.harestaurant.fr/" target="_blank">https://www.harestaurant.fr/</a>
<a href="https://pmfg.fr/" target="_blank">https://pmfg.fr/</a>
<a href="https://www.dressingmaternity.fr/" target="_blank">https://www.dressingmaternity.fr/</a>
<a href="https://www.ta-boutique.com/" target="_blank">https://www.ta-boutique.com/</a>
<a href="https://goutdefood.com/" target="_blank">https://goutdefood.com/</a>
<a href="https://www.la-creole.fr/" target="_blank">https://www.la-creole.fr/</a>
<a href="https://www.cocottefoodtour.com/" target="_blank">https://www.cocottefoodtour.com/</a>
<a href="https://karamelparis.com/" target="_blank">https://karamelparis.com/</a>
<a href="https://www.princesse-cafe.com/" target="_blank">https://www.princesse-cafe.com/</a>
<a href="https://www.lebaraonglesbyv.com/" target="_blank">https://www.lebaraonglesbyv.com/</a>
<a href="https://www.jolisvoyages.com/" target="_blank">https://www.jolisvoyages.com/</a>
<a href="https://www.parcourir-le-monde.com/" target="_blank">https://www.parcourir-le-monde.com/</a>
<a href="https://amapatissiere.com/" target="_blank">https://amapatissiere.com/</a>
<a href="https://lespetitspositifs.fr/" target="_blank">https://lespetitspositifs.fr/</a>


 </p>  
              
            </div>
          </div>   
        </div>
      </div>
    </section>

     <!-- Services Section Start -->
     <section id="services" class="services section-padding">
      <div class="container">
        <div class="row">
          <!-- Services item -->
          <div class="col-md-6 col-lg-3 col-xs-12">
            <div class="services-item wow fadeInDown" data-wow-delay="0.3s">
              <div class="icon">
                <i class="icon-grid"></i>
              </div>
              <div class="services-content">
        <div><strong>Des Informations Fiables et Pratiques</strong></div>
<p>Accédez à des contenus précis et utiles pour enrichir vos connaissances au quotidien.</p>
              </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-3 col-xs-12">
            <div class="services-item wow fadeInDown" data-wow-delay="0.6s">
              <div class="icon">
                <i class="icon-layers"></i>
              </div>
              <div class="services-content">
                  <div><strong>Conseils et Astuces du Quotidien</strong></div>
      <p>Découvrez des recommandations pratiques pour améliorer votre organisation et votre bien-être.</p>
    </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-3 col-xs-12">
            <div class="services-item wow fadeInDown" data-wow-delay="0.9s">
              <div class="icon">
                <i class="icon-briefcase"></i>
              </div>
              <div class="services-content">
                  <div><strong>Innovation et Tendances Actuelles</strong></div>
      <p>Restez informé(e) sur les dernières avancées et évolutions dans divers domaines.</p>
    </div>
            </div>
          </div>
          <!-- Services item -->
          <div class="col-md-6 col-lg-3 col-xs-12">
            <div class="services-item wow fadeInDown" data-wow-delay="1.2s">
              <div class="icon">
                <i class="icon-bubbles"></i>
              </div>
              <div class="services-content">
               <div><strong>Guides et Comparatifs Détaillés</strong></div>
      <p>Profitez d’analyses approfondies pour faire les meilleurs choix selon vos besoins.</p>
    </div>
            </div>
          </div>
        </div>
      </div>
    </section>  


    <section id="contact" class="section-padding">      
      <div class="contact-form">
        <div class="container"><h2>Contact</h2>
          <div class="row contact-form-area wow fadeInUp" data-wow-delay="0.4s">          
            <div class="col-md-6 col-lg-6 col-sm-12">
              <div class="contact-block">
                <form id="contactForm">
                  <div class="row">
                    <div class="col-md-6">
                      <div class="form-group">
                        <input type="text" class="form-control" id="name" name="name" placeholder="Name" required data-error="Please enter your name">
                        <div class="help-block with-errors"></div>
                      </div>                                 
                    </div>
                    <div class="col-md-6">
                      <div class="form-group">
                        <input type="text" placeholder="Email" id="email" class="form-control" name="email" required data-error="Please enter your email">
                        <div class="help-block with-errors"></div>
                      </div> 
                    </div>
                     <div class="col-md-12">
                      <div class="form-group">
                        <input type="text" placeholder="Subject" id="msg_subject" class="form-control" required data-error="Please enter your subject">
                        <div class="help-block with-errors"></div>
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group"> 
                        <textarea class="form-control" id="message" placeholder="Your Message" rows="5" data-error="Write your message" required></textarea>
                        <div class="help-block with-errors"></div>
                      </div>
                      <div class="submit-button">
                        <button class="btn btn-common" id="submit" type="submit">Envoyer</button>
                        <div id="msgSubmit" class="h3 text-center hidden"></div> 
                        <div class="clearfix"></div> 
                      </div>
                    </div>
                  </div>            
                </form>
              </div>
            </div>
            <div class="col-md-6 col-lg-6 col-sm-12">
              <div class="footer-right-area wow fadeIn">	
                <div class="footer-right-contact2"><p>&nbsp;</p>Vous avez des questions ou souhaitez en savoir plus sur les bienfaits du soleil pour votre santé ? N’hésitez pas à nous contacter ! Remplissez le formulaire ci-dessous ou envoyez-nous un email à contact@suedafrika24.info. Notre équipe d’experts est là pour vous fournir des informations personnalisé </div>
              </div>
            </div>

          </div>
        </div>
      </div>   
    </section>


    <footer class="footer-area section-padding">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="footer-text text-center wow fadeInDown" data-wow-delay="0.3s">

              <p>Copyright © 2026  -  - Tous droits reserves</p>
            </div>
          </div>
        </div>
      </div>
    </footer>

    <!-- Go to Top Link -->
    <a href="#" class="back-to-top">
      <i class="icon-arrow-up"></i>
    </a>

    <script src="assets/js/jquery-min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.mixitup.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/wow.js"></script>
    <script src="assets/js/jquery.nav.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>  
    <script src="assets/js/nivo-lightbox.js"></script>
    <script src="assets/js/jquery.slicknav.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>
