index.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>Zeal Shah</title>
    <link rel = "stylesheet" href = "/style.css">
</head>
<body>
    <!--Navigation-->
    
<nav>
    <div class="menu">
    <button class = "logo"><span style="color: white; font-size: large;">ZS</span></button>
    
    <ul>          
       <li><a href = "#home" style="color: #7A35EA; text-decoration: underline; text-underline-offset: 2px;">Home</a></li>
       <li><a href = "about.html"  class="about">About</a></li>
       <li><a href = "portfolio.html" class="portfolio">Portfolio</a></li>
       <li><a href = "blog.html" class="blog">Blogs</a></li>
    </ul>
    </div>  
    <div class="social">
        <div class = "media github">
            <a href = "https://github.com/zealshah29">
                <img src = "/images/Social media logo github.svg" class = "images" alt = "github">
            </a>
        </div>
        <div class = "media linkedIn">
            <a href = "https://www.linkedin.com/in/zeal-shah-60214b121/">
                <img src = "/images/Social media logo linkdin.svg" class = "images" alt = "linkedIn">
            </a>
        </div>
        <div class = "media Behance">
            <a href = "https://www.behance.net/zealshah5">
                <img src = "/images/Social media logo Behance.svg" class = "images" alt = "Behance">
            </a>
        </div>
        <div class = "media YouTube">
            <a href = "https://www.youtube.com/channel/UCh44B2ZjMoUtRWTfi7G9yTA">
                <img src = "/images/Youtube.svg" class = "images" alt = "YouTube">
            </a>
        </div>
    </div>
    <a href="contact.html">
        <button class = "contact">
            Contact Me
        </button>
    </a>
</nav>
    <!--Home-->
    <section id = "home">
        <div class = "text">
            <b>
            Hello I'm <br>
            <span style="color: #7A35EA;">Zeal Shah.</span><br></b>
           
        </div>
        <div class = "Portfolio-img">
            <img src="/images/IMG_1050.JPG" alt="Portfolio Picture" class = "zealimg">
        </div>
        <img src = "/images/Purple1.png" class="one">
        <img src= "/images/Purple2.png" class="two"> 
        <a href = "/resume/zeal.pdf" class="resume_button">
            My Resume<i class = "uil uil-download-alt button_icon"></i>
        </a> 
    </section>
</body>
</html>