index.html

<!DOCTYPE html>
<html lang="en">
    <title>Hruthik</title>
<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>Document</title>
    <link href="style.css" rel="stylesheet" />
</head>
<body>
    <nav class="navigation"> 
    <h1 class="brand">&lt;&#47;Code&gt;</h1>
    <ul class="unorder-list">
    <li class="item-list">
     <a class="link link-active" href="/">Home</a>
     </li>
     <li class="item-list">
    <a class="link" href="/projects.html">Projects</a>
    </li>
    <li class="item-list">
    <a class="link" href="/blogs.html">Blogs</a>
    </li>
    </ul>
</nav>
<header>
    <img class="background" src="images/background.jpg" />
    <img class="img" src="images/photo.jpg" />
    
</header>

<h1 class="hi">Hi!</h1>
<p class="about">Welcome to my webpage,I'm Hruthik. <br>                                                                
    I'm <strong class="bca"> BCA Graduate</strong>, learning <strong class="bca"> Full Stack Web Development </strong>and intersted <strong class="bca" ></strong>in web-3 </strong>.<br>
    I think this is best way to showcase my skills. Feel free to check out my projects and blogs.
</p>
<div >
    <a href="/QBANK.pdf"  download><h1 class="pdf">Download CV 📥</h1></a>
</div>


<div class="tech">
    <div class="navigation">
<h1 class="bca">Technologies</h1>
<p class="text">I'm Familiar With HTML5, CSS3, Git, JavaScript, NodeJS, ReactJS, and Web Hosting</p>
    </div>
</Br>
<div class="navigation">
<h1 class="bca">Projects</h1>
<p class="text">I Like to showcase my work and thus,you can see my projects hosted online</p>
<a class="bca" href="/projects.html">BROWSE PROJECTS</a>
</div>
<Br></Br>
<div class="navigation">
<h1 class="bca">Blogs</h1>
<p class="text">I am also working on some technical and non technical blogs. I like to document my journey of learning.</p>
<a class="bca" href="/">READ BLOGS</a>
</div>
<br></br>
</div>  

<footer class="footer">
<!-- <div class="navigation"> -->
    <h3 class="footer-header">Social media presence</h3>
    <ul class="footer-list">
        <li class="footer-item-list">
         <a class="footer-link" href="https://github.com/Hruthik5124" target="_blank"><img class="logo-size" src="/images/github-logo.png"></a>
         </li>
         <li class="footer-item-list">
        <a class="footer-link" href="https://twitter.com/hruthik_shetty" target="_blank"><img class="logo-size" src="/images/twitter logo.png"></a>
        </li>
        <li class="footer-item-list">
        <a class="footer-link" href="https://www.linkedin.com/in/hruthik-shetty-3983b41aa/" target="_blank"><img class="logo-size" src="/images/linkedin logo.png"></a>
        </li>
        <li class="footer-item-list">
            <a class="footer-link" href="https://www.instagram.com/hruthikshetty/" target="_blank"><img class="logo-size" src="/images/insta logo.png"></a>
            </li>
            <li class="footer-item-list">
                <a class="footer-link" href="mailto:hruthik5124@gmail.com" target="_blank"><img class="logo-size" src="/images/mail logo.png"></a>
                </li>
        </ul>

</footer>        


</body>
</html>