index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Lakshit Dhull</title>
    <link rel="stylesheet" href="port.css">

</head>
<body>

<div class="hero">
  <nav>
      <h1 class="logo">Portfo<span>lio</span></h1>
      <ul>
     <li><a href="#">Home</a></li>
          <li><a href="#">About me</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Skills</a></li>
          <li><a href="#">Contact Us</a></li>
      </ul>
  </nav>

 <div class="content">
     <h4>Hello, my name is  </h4>
     <h1> Lakshit <span>Dhull</span></h1>
     <h3>I'am a Web Developer.</h3>
     <div class="newslatter">
         <form>
             <input type="email" name="email" id="mail" placeholder="enter your email">
             <input type="submit" name="submit" value="Lets start">
         </form>
     </div>

 </div>

</div>

<section class="about">
    <div class="main">
        <h2>About Me</h2>
        <h5>Developer & <span>Designer</span></h5>
        <p>I am a front-end web developer. I can provide clean code and pixel perfect design
        . I also make the website more interactive with web animations. A responsive design makes your website
        accessible to all users,regardless of their device</p>
        <button type="button">Hire Me</button>
    </div>

</section>
<footer>
    <p>Lakshit Dhull</p>
    <p> For more HTML,CSS tutorial - please click on the link below to contact me:</p>
    <div class="social">
        <img src="facebook.svg" width="6%">
    </div>
    <p class="end">CopyRight  by Lakshit Dhull</p>
</footer>

</body>
</html>