Index.html -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Online Resume</title>
<link rel="icon" href="img/cert.png">
<link href="https://fonts.googleapis.com/css?family=Anton|Black+Han+Sans|Fjalla+One|Lobster|Nunito|Roboto|Rubik|Ubuntu|Sedgwick+Ave|Exo+2|Courgette" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Sidebar -->
<aside class="sidebar">
<img src="img/AKSHAY.jpg">
<a href="#about-section">ABOUT</a>
<a href="#exp-section">EXPERIENCE</a>
<a href="#edu-section">EDUCATION</a>
<a href="#skills-section">SKILLS</a>
<a href="#interests">INTERESTS</a>
<a href="#cert-section">CERTIFICATIONS</a>
</aside>
<!-- About Section -->
<section id="about-section">
<h1>
<span id="fname">AKSHAY</span>
<span id="lname">KADAM</span>
</h1>
<h2>Sai Manikanta Hostel, Ameerpeth , Hyderabad</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, aliquam blanditiis consequatur cum distinctio exercitationem illo in ipsum iusto labore laudantium libero modi molestias necessitatibus neque nisi quibusdam quos, recusandae repudiandae suscipit totam ullam velit veritatis. In nemo perspiciatis, quae quas quibusdam totam unde. At cupiditate laborum modi nam nihil?</p>
</section>
<!-- Experience Section -->
<section id="exp-section">
<h2 class="main-heading">My Experience</h2>
<article class="exp-article">
<h2>Web Developer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aspernatur dolorem eligendi esse facere fuga illum ipsa ipsam minima nam, numquam praesentium tenetur ut velit voluptate. Ab accusantium, aliquam culpa dolor dolores eius et eum eveniet explicabo id illo inventore, itaque libero modi nisi obcaecati pariatur perferendis quaerat voluptatibus voluptatum?</p>
<button class="exp-article-button">Read More</button>
</article>
<article class="exp-article">
<h2>Web Developer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aspernatur dolorem eligendi esse facere fuga illum ipsa ipsam minima nam, numquam praesentium tenetur ut velit voluptate. Ab accusantium, aliquam culpa dolor dolores eius et eum eveniet explicabo id illo inventore, itaque libero modi nisi obcaecati pariatur perferendis quaerat voluptatibus voluptatum?</p>
<button class="exp-article-button">Read More</button>
</article>
<article class="exp-article">
<h2>Web Developer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aspernatur dolorem eligendi esse facere fuga illum ipsa ipsam minima nam, numquam praesentium tenetur ut velit voluptate. Ab accusantium, aliquam culpa dolor dolores eius et eum eveniet explicabo id illo inventore, itaque libero modi nisi obcaecati pariatur perferendis quaerat voluptatibus voluptatum?</p>
<button class="exp-article-button">Read More</button>
</article>
</section>
<!-- Education Section -->
<section id="edu-section">
<h2 class="main-heading">My Education</h2>
<article class="edu-article">
<h2>School</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad ipsam, omnis. Accusamus alias amet consectetur, doloremque eius error et ex fugit id ipsum, iure laudantium maxime minus molestiae nemo obcaecati odit, provident quia quisquam rerum sapiente sed temporibus vitae voluptatum.</p>
</article>
<article class="edu-article">
<h2>College</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad ipsam, omnis. Accusamus alias amet consectetur, doloremque eius error et ex fugit id ipsum, iure laudantium maxime minus molestiae nemo obcaecati odit, provident quia quisquam rerum sapiente sed temporibus vitae voluptatum.</p>
</article>
<article class="edu-article">
<h2>University</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad ipsam, omnis. Accusamus alias amet consectetur, doloremque eius error et ex fugit id ipsum, iure laudantium maxime minus molestiae nemo obcaecati odit, provident quia quisquam rerum sapiente sed temporibus vitae voluptatum.</p>
</article>
</section>
<!-- Skills Section -->
<section id="skills-section">
<h2 class="main-heading">My Skills</h2>
<article class="skills-article">
<h2>UiDevelopment</h2>
<div>
<i class="fab fa-html5 fa-4x"></i>
<i class="fab fa-css3-alt fa-4x"></i>
<i class="fab fa-java fa-4x"></i>
<i class="fab fa-angular fa-4x" ></i>
<i class="fab fa-node-js fa-4x"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium atque eius eveniet fuga fugit ipsa iure natus neque, odio perferendis repellat rerum tempora. Dignissimos illum libero, non sunt tempore veritatis.</p>
</article>
<article class="skills-article">
<h2>MEAN Stack</h2>
<div>
<i class="fab fa-angular fa-4x"></i>
<i class="fab fa-react fa-4x"></i>
<i class="fab fa-sass fa-4x"></i>
<i class="fab fa-npm fa-4x"></i>
<i class="fab fa-node fa-4x"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium atque eius eveniet fuga fugit ipsa iure natus neque, odio perferendis repellat rerum tempora. Dignissimos illum libero, non sunt tempore veritatis.</p>
</article>
</section>
<!-- Interests Section -->
<section id="interests">
<h2 class="main-heading">My Interests</h2>
<article class="skills-article">
<h2>Travelling</h2>
<div>
<i class="fas fa-archway fa-3x"></i>
<i class="fas fa-bus-alt fa-3x"></i>
<i class="fas fa-map-marked-alt fa-3x"></i>
<i class="fas fa-plane-departure fa-3x" ></i>
<i class="fas fa-umbrella-beach fa-3x"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium atque eius eveniet fuga fugit ipsa iure natus neque, odio perferendis repellat rerum tempora. Dignissimos illum libero, non sunt tempore veritatis.</p>
</article>
<article class="skills-article">
<h2>Coding</h2>
<div>
<i class="fas fa-database fa-4x"></i>
<i class="fas fa-headphones fa-4x"></i>
<i class="fas fa-laptop fa-4x"></i>
<i class="fas fa-power-off fa-4x"></i>
<i class="fas fa-server fa-4x"></i>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium atque eius eveniet fuga fugit ipsa iure natus neque, odio perferendis repellat rerum tempora. Dignissimos illum libero, non sunt tempore veritatis.</p>
</article>
</section>
<!-- Certification Section -->
<section id="cert-section">
<h2 class="main-heading">My Certifications</h2>
<p id="cert-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum facilis iste non perferendis possimus reprehenderit rerum sint tempore unde? Adipisci animi architecto consectetur consequatur dolorem dolorum eius error, ex maxime odio officia perferendis porro praesentium quaerat quam rem reprehenderit vel?</p>
<article class="cert-article">
<img src="img/cert.png">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aut blanditiis ex ipsum necessitatibus nostrum nulla officia, perferendis quasi repellendus sequi suscipit temporibus? Aperiam consequuntur fuga minus molestias obcaecati!</p>
</article>
<article class="cert-article">
<img src="img/cert.png">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aut blanditiis ex ipsum necessitatibus nostrum nulla officia, perferendis quasi repellendus sequi suscipit temporibus? Aperiam consequuntur fuga minus molestias obcaecati!</p>
</article>
<article class="cert-article">
<img src="img/cert.png">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aut blanditiis ex ipsum necessitatibus nostrum nulla officia, perferendis quasi repellendus sequi suscipit temporibus? Aperiam consequuntur fuga minus molestias obcaecati!</p>
</article>
<article class="cert-article">
<img src="img/cert.png">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aut blanditiis ex ipsum necessitatibus nostrum nulla officia, perferendis quasi repellendus sequi suscipit temporibus? Aperiam consequuntur fuga minus molestias obcaecati!</p>
</article>
</section>
</body>
</html>