code.txt

 <!-- Header Design -->
  <header class="header">
    <a href="#" class="logo">
      Portfolio
    </a>

    <i class='bx bx-menu' id="menu-icon"></i>

    <nav class="navbar">
      <a href="#home" class="active">Home</a>
      <a href="#about">About</a>
      <a href="#skills">Skills</a>
      <a href="#portfolio">Projects</a>
      <a href="#contact">Contact</a>
    </nav>
  </header>

  <!-- home section design -->
  <section class="home" id="home">
    <div class="home-content">
      <h3>Hello, It's Me</h3>
      <h1>Sanatan Kisku</h1>
      <h3>And I'm a <span class="multiple-text"></span></h3>
      <p>Seeking a challenging position in a reputed organization where I can learn new skills, expand my knowledge, leverage my learnings, make the best of my potential and contribute to the organization’s growth.</p>
      <div class="social-media">
        <a href="https://www.linkedin.com/in/sanatan-kisku-819a2948/"><i class='bx bxl-linkedin' ></i></a>
        <a href="https://github.com/Sanatan-Kisku"><i class='bx bxl-github' ></i></a>
        <a href="#"><i class='bx bxl-twitter' ></i></a>
        <a href="#"><i class='bx bxl-instagram' ></i></a>
      </div>
      <a href="docs/Sanatan-Resume-2023.pdf"  target="_blank" class="btn">Download CV</a>
    </div>

    <div class="home-img">
      <img src="images/window-profile-photo.png">
    </div>
  </section>

  <!-- about section design -->
  <section class="about" id="about">
    <div class="about-img">
      <img src="images/about-photo.jpg">
    </div>

    <div class="about-content">
      <h2 class="heading">About <span>Me</span></h2>
      <h3>A Frontend Specialist Developer from Odisha, India <i class="em em-flag-in" aria-role="presentation" aria-label="India Flag"></i></h3>
      <p>As a fresher with knowledge in HTML, CSS and JavaScript, I have a strong foundation in front-end web development. I have the ability to create responsive and visually appealing web pages using HTML and CSS. I can also add interactivity to these pages using JavaScript and Bootstrap. I am familiar with version control using Git and have experience collaborating with others using GitHub. My skills can be applied to a variety of industries, including web development, software development, and e-commerce. I have the ability to create dynamic web pages that are both user-friendly and aesthetically pleasing. I have a good understanding of modern web development practices and are eager to learn more.</p>
      <!-- <a href="#" class="btn">Read More</a> -->
    </div>
  </section>

  <!-- skills section design -->
  <section class="skills" id="skills">
    <h2 class="heading">My <span>Skills</span></h2>
  <div class="skills-container">
    <div class="skills-box">
      <i class='bx bxl-html5' ></i>
      <h3>HTML</h3>
      
    </div>
    <div class="skills-box">
      <i class='bx bxl-css3' ></i>
      <h3>CSS</h3>
      
    </div>
    <div class="skills-box">
      <i class='bx bxl-javascript'></i>
      <h3>Javascript</h3>
      
    </div>
    <div class="skills-box">
      <i class='bx bxl-react'></i>
      <h3>React</h3>
      
    </div>
    <div class="skills-box">
      <i class='bx bxl-tailwind-css' ></i>
      <h3>Tailwind</h3>
      
    </div>
    <div class="skills-box">
      <i class='bx bxl-sass' ></i>
      <h3>Sass</h3>
      
    </div>
  </div>
  </section>

  <!-- portfolio section design -->
  <section class="portfolio" id="portfolio">
    <h2 class="heading">
      Latest <span>Projects</span>
    </h2>
    <div class="portfolio-container">
      <div class="portfolio-box">
        <img src="images/social-media.gif">
        <div class="portfolio-layer">
          <h4>Social Media Website</h4>
          <p>A Responsive Social Media Website using HTML, CSS, and JavaScript.</p>
          <div class="links">
            <div class="code">
              <a href="https://github.com/Sanatan-Kisku/InSocial" target="_blank"><i class='bx bxl-github'></i></a>
            </div>
            <div class="demo">
              <a href="https://sanatan-kisku.github.io/InSocial/" target="_blank"><i class='bx bx-link-external'></i></a>
            </div>
          </div>
          
        </div>  
      </div>
      
      <div class="portfolio-box">
        <img src="images/login-register.gif">
        <div class="portfolio-layer">
          <h4>Login and Register</h4>
          <p>A Basic design of login and register form using HTML, CSS and JavaScript</p>
          <div class="links">
            <a href="https://github.com/Sanatan-Kisku/Login-and-Register" target="_blank"><i class='bx bxl-github'></i></a>
            <a href="https://sanatan-kisku.github.io/Login-and-Register/" target="_blank"><i class='bx bx-link-external'></i></a>
          </div>
          
        </div>  
      </div>

      <div class="portfolio-box">
        <img src="images/error.jpg">
        <div class="portfolio-layer">
          <h4>Enter Project Name</h4>
          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, eveniet.</p>
          <div class="links">
            <a href="#"><i class='bx bxl-github'></i></a>
            <a href="#"><i class='bx bx-link-external'></i></a>
          </div>
        </div>  
      </div>
      <div class="portfolio-box">
        <img src="images/error.jpg">
        <div class="portfolio-layer">
          <h4>Enter Project Name</h4>
          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, eveniet.</p>
          <div class="links">
            <a href="#"><i class='bx bxl-github'></i></a>
            <a href="#"><i class='bx bx-link-external'></i></a>
          </div>
        </div>  
      </div>
      <div class="portfolio-box">
        <img src="images/error.jpg">
        <div class="portfolio-layer">
          <h4>Enter Project Name</h4>
          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, eveniet.</p>
          <div class="links">
            <a href="#"><i class='bx bxl-github'></i></a>
            <a href="#"><i class='bx bx-link-external'></i></a>
          </div>
        </div>  
      </div>
      <div class="portfolio-box">
        <img src="images/error.jpg">
        <div class="portfolio-layer">
          <h4>Enter Project Name</h4>
          <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Libero, eveniet.</p>
          <div class="links">
            <a href="#"><i class='bx bxl-github'></i></a>
            <a href="#"><i class='bx bx-link-external'></i></a>
          </div>
        </div>  
      </div>
    </div>
  </section>

  <!-- Contact section design -->
  <section class="contact" id="contact">
    <h2 class="heading">Contact <span>Me!</span></h2>
    <form action="#">
      <div class="input-box">
        <input type="text" placeholder="Full Name">
        <input type="email" placeholder="Email Address" >
      </div>
      <div class="input-box">
        <input type="number" placeholder="Mobile Number">
        <input type="text" placeholder="Email Subject" >
      </div>
      <textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea>
      <input type="submit" value="Send Message" class="btn">
    </form>
  </section>

  <!-- Footer design -->
  <footer class="footer">
    <div class="footer-text">
      <p>Copyright &copy; 2023 by Sanatan Kisku | All Rights Reserved.</p>
    </div>

    <div class="footer-iconTop">
      <a href="#home"><i class='bx bx-up-arrow-alt' ></i></a>
    </div>
  </footer>

  <!-- Scroll Reveal -->
  <script src="https://unpkg.com/scrollreveal"></script>

  <!-- Typed JS -->
  <script src="https://unpkg.com/typed.js@2.0.15/dist/typed.umd.js"></script>