index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Codemapper</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header class="nav-options">
        <h1 class="code-log">Codemapper</h1>
            <ul class="options">
            <a href="index.html">
            <li class="li-items">Home</li></a>
                
            <a href="Roadmap.html">
            <li class="li-items">Roadmaps</li> </a>

          
            
       
        <a href="AboutCodemap.html">
            <li class="li-items">About</li> </a>
       
        </ul>

    </header>

    <div class="getstarted">
        <h1 class="start-home">Start your Coding Journey with <span id="Brand-name">Codemapper</span></h1>
        <img class="Logo-motivate" src="https://i.ibb.co/0DnQN34/code-6127616-1920.png" alt="code-6127616-1920" border="0">
        
        <p>Want to make portfolio like this. Codemapper is your gateway to mastering coding. Codemapper is designed for learners at all levels, <br>from beginners to advanced programmers. At Codemapper, you can start by selecting a programming language <br> and then follow our tailored roadmaps to learn essential skills and technologies. With expert instructors, interactive tutorials,<br> and a supportive community, you'll have everything you need to succeed. Start your coding journey with Codemapper and unlock <br>opportunities in the tech industry. Codemapper is here to help you achieve your goals and turn your dreams into reality.</p>

    </div>
    <div class="buttons">
        <a href="Roadmap.html">
        <button class="get-start">Get Start</button>
</a>
    </div>


   
    
    
</body>
</html>