Untitled

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>mon site</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="topbar">
        <div class="topbar-nom">
                <h1><a class="navbar" href="index.html">Younoussa</a></h1>
        </div>
        <nav class="topbar-nav">

                    <a href="#home-section" class="active"><span>Acceuil</span></a>
                    <a href="#about-section" class="nav-link"><span>A-Propos</span></a>
                    <a href="#resume-section" class="nav-link"><span>Resume</span></a>
                    <a href="#services-section" class="nav-link"><span>Services</span></a>
                    <a href="#skills-section" class="nav-link"><span>Skills</span></a></li>
                    <a href="#projects-section" class="nav-link"><span>Projects</span></a>
                    <a href="#blog-section" class="nav-link"><span>Mon Blog</span></a>
                    <a href="#contact-section" class="nav-link"><span>Contact</span></a>
        </nav>
    </header>
    <div class="clear"></div>
    <div class="container">
        <article class="article-acceuil">
             <div class="texte">
                    <span class="salutation">Salut!</span>
                    <h1 class="mb-1">je m'appelle <br> <span>Younoussa </span></h1>
                    <h2 class="mb-2"> Et je Suis Un  Freelance <br> Developpeur  Web</h2>
                    <p><a href="#" class="boutton-1">Hire me</a> <a href="#" class="boutton-2">Mon Travail</a></p>
             </div>
             <div class="image-hero" >
                <img src="C:\Users\AH2\Documents\Nouveau dossier\mon site\img\bg_1.png" alt="" width="550">
             </div>
        </article>
        <article class="article-propos">
            <div class="infos">
               <h1 class="big">About</h1>
               <h2 class="big-4">About Me</h2>
               <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> <br>
               <span>Name:</span> <span>Younoussa Tiemogo</span> <br>
               <span>Date of birth:</span> <span>23 Avril, 1999</span> <br>
               <span>Address:</span> <span>Algerie Bechar Cite 1000</span> <br>
               <span>Zip code:</span> <span>1000</span> <br>
               <span>Email:</span> <span>younoussatiemogo53@gmail.com</span><br>
               <span>Phone: </span> <span>+22355696858</span> <br>
               <p class="mb-4">
                       <span class="number" >120</span>
                       <span>Project complete</span>
                </p>
                <p><a href="#" class="cv">Download CV</a></p>
            </div>
            <div class="image-heros" >
                <img src="C:\Users\AH2\Documents\Nouveau dossier\mon site\img\bg_1.png" alt="" width="550">
           </div>

       </article>
    </div>
</body>
</html>