blogs.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blogs | sharpMW</title>
    <link href="CSS/main.css" rel="stylesheet">
    <script src="https://kit.fontawesome.com/6c951f2954.js" crossorigin="anonymous"></script>
</head>
<body>
    <nav class="navigation">
        <ul class="navbar"> 
            <li class="logo">iAmBrand</li>
            <li> <a class="link link-navbar link-active" href="index.html"> Home</a></li>
            <li> <a class="link link-navbar" href="projects.html" target="_blank"> Projects</a></li>
            <li> <a class="link link-navbar" href="blogs.html" target="_blank"> Blogs</a></li> 
            <div class="dropdown">
                <button onclick="myFunction()" class="dropbtn"><i class="fa fa-bars"></i></button>
                <div id="myDropdown" class="dropdown-content">
                  <a href="index.html">Home</a>
                  <a href="projects.html">Projects</a>
             </div>     
            </ul>
        </ul>
    </nav>
    <header class="hero-02"> 
        <h1 class="hero-heading">Welcome to my <span class="hero-highlight">Blogs</span></h1>
    </header>
    <div class="container-center">
<ul class="no-bullet">
    <li> 
        <h1> Blog 1</h1> 
        <p class="list-para"> This is a generic blog. Version 1</p>
        <a href="//" class="link secondary-link">READ FULL BLOG</a>
    </li>
    <li> 
        <h1> Blog 2</h1> 
        <p class="list-para"> This is a generic blog. Version 1</p>
        <a href="//" class="link secondary-link">READ FULL BLOG</a>
    </li>
    <li> 
        <h1> Blog 3</h1> 
        <p class="list-para"> This is a generic blog. Version 1</p>
        <a href="//" class="link secondary-link">READ FULL BLOG</a>
    </li>
    <li> 
        <h1> Blog 4</h1> 
        <p class="list-para"> This is a generic blog. Version 1</p>
        <a href="//" class="link secondary-link">READ FULL BLOG</a>
    </li>
</ul> 
</div>
<footer class="footer"> 
    <div class="footer-header">Get in touch with </div>
    <ul class="footer-list"> 
        <li><a href="https://github.com/sharpMW" target="_blank" class="link" ><i class="fab fa-github"></i></a></li>
        <li> <a href="https://www.instagram.com/saarim_mw/" target="_blank" class="link" ><i class="fab fa-instagram"></i></a></li>
        <li> <a href="https://www.twitter.com/the_mw/" target="_blank" class="link"><i class="fab fa-twitter"></i></a></li>
    </ul>
</footer>
<script src="script.js"></script>
</body>
</html>