Skip to content

Instantly share code, notes, and snippets.

@rakibxdev

rakibxdev/gist:3bdd6169593b9f5b799b07d103af2075

Created April 17, 2023 02:56
Show Gist options
  • Save rakibxdev/3bdd6169593b9f5b799b07d103af2075 to your computer and use it in GitHub Desktop.
Save rakibxdev/3bdd6169593b9f5b799b07d103af2075 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--=============== FAVICON ===============-->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!--=============== REMIX ICONS ===============-->
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
<!--=============== CSS ===============-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>Niket Bachhawat</title>
</head>
<body>
<!--=============== HEADER PROFILE ===============-->
<header class="profile container">
<!-- Theme Button -->
<i class="ri-moon-fill change-theme" id="theme-button"></i>
<!-- Theme Button End Here -->
<div class="profile__container grid">
<div class="profile__data">
<div class="profile__border">
<div class="profile__perfil">
<img src="assets/img/perfil.png" alt="Ma nahi toh kaun na?" />
</div>
</div>
<h2 class="profile__name">Niket Bachhawat</h2>
<h3 class="profile__profession">Web Developer & Graphics Designer</h3>
<ul class="profile__social">
<a href="https://twitter.com/bachhawat_niket" target=_blank class="profile__social-link">
<i class="ri-twitter-fill"></i>
</a>
<a href="https://www.linkedin.com/in/niket-bachhawat-2257a6200/" target=_blank class="profile__social-link">
<i class="ri-linkedin-fill"></i>
</a>
<a href="https://github.com/codingniket" target=_blank class="profile__social-link">
<i class="ri-github-fill"></i>
</a>
</ul>
</div>
<div class="profile__info grid">
<div class="profile__info-group">
<h3 class="profile__info-number">1</h3>
<p class="profile__info-description">Work<br>Experince</p>
</div>
<div class="profile__info-group">
<h3 class="profile__info-number">+20</h3>
<p class="profile__info-description">Completed <br> Projects </p>
</div>
<div class="profile__info-group">
<h3 class="profile__info-number"> +5 </h3>
<p class="profile__info-description">Open Source <br> Contribution </p>
</div>
</div>
<div class="profile__buttons">
<!-- Insert your cv -->
<a download="" href="assets/pdf/Gianell-Cv.pdf" class="button">
Download CV <i class="ri-download-fill"></i>
</a>
<!-- ==========Buttons============================== -->
<div class="profile__buttons-small">
<a href="https://api.whatsapp.com/send?phone=916289906866&text=Hello" target="_blank" class="button button__small button__gray">
<i class="ri-whatsapp-fill"></i>
</a>
<a href="https://twitter.com/bachhawat_niket" target="_blank" class="button button__small button__gray">
<i class="ri-telegram-fill"></i>
</a>
</div>
</div>
</div>
</header>
<!--=============== MAIN ===============-->
<main class="main">
<section class="filters container">
<!--=============== FILTERS TABS ===============-->
<ul class="filters__content">
<button class="filters_button filters-tab-active" data-target="#projects">
Projects
</button>
<button class="filters_button" data-target="#skills">
Skills
</button>
</ul>
<div class="filters__sections">
<!--=============== PROJECTS ===============-->
<div class="projects__content grid filters__active" data-content id="projects">
<!-- ===============================Article 1 =============================-->
<article class="projects__card">
<img src="assets/img/project1.jpg" alt="" class="projects__img">
<div class="projects__modal">
<div>
<span class="projects__subtitle">Twitter</span>
<h3 class="projects__title">Twitter Front End Clone</h3>
<a href="https://twitter-clone-2-0-theta.vercel.app" class="projects__button button button__small">
<i class="ri-links-fill"></i>
</a>
</div>
</div>
</article>
<!-- ===============================Article 2=================================== -->
<article class="projects__card">
<img src="assets/img/project3.jpg" alt="" class="projects__img">
<div class="projects__modal">
<div>
<span class="projects__subtitle">Airbnb</span>
<h3 class="projects__title">Airbnb Front End Clone</h3>
<a href="https://airbnb-mod.vercel.app/" class="projects__button button button__small">
<i class="ri-links-fill"></i>
</a>
</div>
</div>
</article>
<!-- ===============================Article 3======================================= -->
<article class="projects__card">
<img src="assets/img/project2.jpg" alt="" class="projects__img">
<div class="projects__modal">
<div>
<span class="projects__subtitle">Tesla</span>
<h3 class="projects__title">Tesla Front End Clone</h3>
<a href="https://tesla-clone-beta-red.vercel.app/" class="projects__button button button__small">
<i class="ri-links-fill"></i>
</a>
</div>
</div>
</article>
<!-- ===============================Article 4====================================== -->
<article class="projects__card">
<img src="assets/img/project4.jpg" alt="" class="projects__img">
<div class="projects__modal">
<div>
<span class="projects__subtitle">Meme Generator</span>
<h3 class="projects__title">Meme Generator For Mobile Version</h3>
<a href="#" class="projects__button button button__small">
<i class="ri-links-fill"></i>
</a>
</div>
</div>
</article>
</div>
<!--=============== SKILLS ===============-->
<div class="skills__content grid" data-content id="skills">
<!--====================================== Skill Area 1================================ -->
<div class="skills_area">
<h3 class="skills__title">
Frontend Developer
</h3>
<div class="skills__box">
<!-- =======================================1st SKill group=================== -->
<div class="skills__group">
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">HTML</h3>
<span class="skills__level">Basics</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">CSS</h3>
<span class="skills__level">Basics</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Javascript</h3>
<span class="skills__level">Intermidate</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">React JS</h3>
<span class="skills__level">Basics</span>
</div>
</div>
</div>
<!-- ======================================2nd Skill group=========================== -->
<div class="skills__group">
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Bootsrap</h3>
<span class="skills__level">Basics</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Git</h3>
<span class="skills__level">Intermidate</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">SQL</h3>
<span class="skills__level">Intermidate</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Tailwind Css</h3>
<span class="skills__level">Intermidate</span>
</div>
</div>
</div>
</div>
</div>
<!--================================ Skill Area 2=================== -->
<div class="skills__area">
<h3 class="skills__title">
Graphics Designer
</h3>
<div class="skills__box">
<!-- =======================================1st SKill group=================== -->
<div class="skills__group">
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Photoshop</h3>
<span class="skills__level">Advanced</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Canva</h3>
<span class="skills__level">Advanced</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Illustrator</h3>
<span class="skills__level">Advanced</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">InDesign</h3>
<span class="skills__level">Advanced</span>
</div>
</div>
</div>
<!-- ======================================2nd Skill group=========================== -->
<div class="skills__group">
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Premiere</h3>
<span class="skills__level">Intermidate</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Figam</h3>
<span class="skills__level">Basics</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Python</h3>
<span class="skills__level">Intermidate</span>
</div>
</div>
<div class="skills__data">
<i class="ri-checkbox-circle-line"></i>
<div>
<h3 class="skills_name">Excel</h3>
<span class="skills__level">Advanced</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!--=============== FOOTER ===============-->
<footer class="footer container">
<span class="footer__copy">
&#169; Niket Bachhawat All rights reserved
</span>
</footer>
<!--=============== SCROLLREVEAL ===============-->
<script src="assets/js/scrollreveal.min.js "></script>
<!--=============== MAIN JS ===============-->
<script src="assets/js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment