Repository: bhargav-tibadiya/portfolio
Branch: main
Commit: c0d86faa8fca
Files: 5
Total size: 19.0 KB
Directory structure:
gitextract_a2e3v9x1/
├── index.html
├── resources/
│ ├── elements/
│ │ └── Temp
│ ├── images/
│ │ └── temp
│ └── temp
└── style.css
================================================
FILE CONTENTS
================================================
================================================
FILE: index.html
================================================
<!DOCTYPE html>
<html lang="en">
<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>Bhargav Tibadiya | Web Developer</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="https://upload-os-bbs.hoyolab.com/upload/2022/12/19/6f49b13b79b984b101d634e75601c812_1874615130379241747.png?x-oss-process=image%2Fresize%2Cs_600%2Fquality%2Cq_80%2Fauto-orient%2C0%2Finterlace%2C1%2Fformat%2Cwebp" sizes="256x256">
</head>
<body>
<div class="container">
<div class="box">
<div class="navbar">
<div class="nav-left">
<div>
<h2>
BHARGAV <br> TIBADIYA
</h2>
</div>
<div>
<h2>
PERSONAL <br> PORTFOLIO
</h2>
</div>
</div>
<div class="nav-right">
<div class="navigati">
<h2>
[ NAVIGATION ]
</h2>
</div>
</div>
</div>
<div class="bg-img">
<img src="resources/images/bg.jpg" alt="
">
</div>
<div class="select-section">
<div class="select-box">
<div class="full-stack">
<h2>
[ FULL STACK WEB DEVELOPER ]
</h2>
<h2>
<a href="resources/resume.pdf">
[ RESUME ]
</a>
</h2>
</div>
<div class="select">
<h1>SELECT</h1>
<img src="resources/elements/arrow.svg" alt="">
</div>
<div class="visit-btn">
<a href="https://bhargav-tibadiya.github.io/Potfolio/">-></a>
</div>
</div>
</div>
<div class="intro-section">
<div class="intro-box">
<div class="intro-star red">
*
</div>
<div class="intro-details">
<div class="intro-details-text">
I'm more than just your average developer because I'm fluent in HTML, CSS, JavaScript, and a variety of back-end technologies. I have a KEEN eye for design, an burning passion for creativity, and an unshakable commitment to delivering flawless results every time. I'll handle it all, whether it's optimizing website performance, or adopting cutting-edge online technology. So, if you're looking for a full-stack web developer who's as confident as they are capable, look no further. I'm the ferocious technical powerhouse you've been looking for.
</div>
<div class="intro-details-btn">
<div>FRONT END</div>
<div>BACK END</div>
<div>UI / UX</div>
</div>
</div>
</div>
</div>
<div class="f-end-section">
<div class="f-end-box">
<div class="f-end-heading">
FRONT END
</div>
<div class="f-end-graph">
<div class="skill-html ">
<div class="skill-name">HTML [ 90 ]</div>
<div class="skill-per skill-html"></div>
</div>
<div class="skill-css ">
<div class="skill-name">CSS [ 85 ] </div>
<div class="skill-per skill-css"></div>
</div>
<div class="skill-bootstrap ">
<div class="skill-name">JAVASCRIPT [ 80 ]</div>
<div class="skill-per skill-bootstrap"></div>
</div>
</div>
</div>
</div>
<div class="project-section">
<div class="project-box">
<div class="project-heading">
<div class="project-heading-name">
PROJECT 1
</div>
<div>
<a href="https://password-generator-tb002.netlify.app/">
<img src="resources/elements/arrow.svg" alt="">
</a>
</div>
</div>
<div class="project-description">
<h2>
[ PASSWORD GENERATOR ]
</h2>
<ul>
<li>Designed and coded a dynamic password generator using HTML, CSS, and JavaScript, ensuring a broad spectrum of
password possibilities for enhanced security.</li>
<li>Enhanced user experience with one-click copy-to-clipboard functionality and a real-time password strength indicator,
providing valuable feedback for creating robust passwords.</li>
<li>Empowered users with the flexibility to customize their passwords by selecting from uppercase, lowercase, numbers, and
symbols, showcasing strong front-end development skills and a commitment to user-centric design.</li>
<li>Used HTML, CSS, JavaScript </li>
</ul>
</div>
<div class="visit-btn">
<a href="https://password-generator-tb002.netlify.app/">VISIT ><</a>
</div>
</div>
</div>
<div class="project-section">
<div class="project-box">
<div class="project-heading">
<div class="project-heading-name">
PROJECT 2
</div>
<div>
<a href="https://todoapp-bt.netlify.app/">
<img src="resources/elements/arrow.svg" alt="">
</a>
</div>
</div>
<div class="project-description">
<h2>
[ To Do App ]
</h2>
<ul>
<li>Developed a sleek To-Do app from scratch with functionality like add complete and delete task</li>
<li>Implemented a seamless task-saving mechanism, allowing data retention in the browser to prevent loss upon page refresh.</li>
<li>Used HTML, CSS, JavaScript </li>
</ul>
</div>
<div class="visit-btn">
<a href="https://todoapp-bt.netlify.app/">VISIT ><</a>
</div>
</div>
</div>
<div class="project-section">
<div class="project-box">
<div class="project-heading">
<div class="project-heading-name">
PROJECT 3
</div>
<div>
<a href="https://bhargav-tibadiya.github.io/Potfolio_Old/">
<img src="resources/elements/arrow.svg" alt="">
</a>
</div>
</div>
<div class="project-description">
<h2>
[ OLD PORTFOLIO ]
</h2>
<ul>
<li>Designed and Developed my Portfolio Website</li>
<li>Used HTML, CSS, JAVASCRIPT, BOOTSTRAP </li>
<li>Mastered How to host a website</li>
<li>Learned basic Database Concept to Store User Data</li>
</ul>
</div>
<div class="visit-btn">
<a href="https://bhargav-tibadiya.github.io/Potfolio_Old/">VISIT ><</a>
</div>
</div>
</div>
<div class="footer">
<div class="footer-box">
<div>
<h2>
DESIGN & <br> DEVELOPED BY
</h2>
</div>
<div>
<h2>
BHARGAV <br> TIBADIYA
</h2>
</div>
<div>
<h2>
2022-23 <br> ALL RIGHTS RESERVED
</h2>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
================================================
FILE: resources/elements/Temp
================================================
TempFile
================================================
FILE: resources/images/temp
================================================
TempText
================================================
FILE: resources/temp
================================================
TempFile
================================================
FILE: style.css
================================================
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
*
{
margin: 0;
padding: 0;
box-sizing: border-box;
transition: 0.5s all ease-in-out;
}
body
{
color: white;
font-family: 'Abel', sans-serif;
}
.container
{
justify-content: center;
align-items: center;
width: 100%;
height: fit-content;
/* padding: 10px; */
/* overflow: scroll; */
}
.box
{
position: absolute;
z-index: -2;
background-color: black;
/* border-radius: 50px; */
width: 100%;
height: fit-content;
}
.navbar
{
display: flex;
/* flex-direction: row; */
align-items: center;
width: 100%;
justify-content: space-between;
padding: 40px;
font-size: 16px;
letter-spacing: 2px;
}
.nav-left
{
display: flex;
align-items: center;
justify-content: space-between;
width: 33%;
/* align-items: flex-start; */
/* justify-content: space-around; */
}
.bg-img
{
width: 100%;
height: 40vh;
position: fixed;
z-index: -1;
display: flex;
justify-content: end;
/* align-items: center; */
padding-right: 25px;
}
.bg-img img
{
min-width: 678px;
max-width: 40%;
max-height: 90vh;
min-height: 800px;
border-radius: 40px;
z-index: -1;
}
.select-section
{
/* padding: 0px 25px 25px 25px; */
width: 100%;
/* position: absolute; */
/* top: 40%; */
}
.select-box
{
margin: 40px;
border-radius: 25px;
border: 2px solid white;
padding: 40px;
}
.full-stack
{
display: flex;
width: 100%;
justify-content: space-between;
padding: 50px 0;
}
.full-stack h2 a
{
text-decoration: none;
color: white;
}
.select
{
width: 100%;
justify-content: space-between;
display: flex;
align-items: center;
/* padding: 25px 0; */
font-size: 156px;
letter-spacing: 8px;
}
.intro-section,.f-end-section, .project-section
{
display: flex;
width: 100%;
}
.intro-box, .f-end-box, .project-box
{
width: 100% ;
margin: 40px;
border-radius: 25px;
border: 4px solid white;
padding: 40px;
}
.intro-star, .f-end-heading, .project-heading
{
font-size: 156px;
width: 100%;
}
.intro-details
{
width: 100%;
display: flex;
}
.intro-details-text
{
text-transform: uppercase;
width: 50%;
text-align: justify;
}
.intro-details-btn
{
width: 50%;
display: flex;
align-items:self-end;
justify-content: center;
}
.intro-details-btn div
{
border: 1px solid white;
padding: 25px 20px;
border-radius: 40px;
margin: 0px 20px;
font-size: 24px;
letter-spacing: 2px;
}
.f-end-graph
{
display: flex;
flex-direction: column;
width: 50%;
/* background-color: aquamarine; */
}
.skill-html,.skill-css,.skill-bootstrap
{
margin: 10px;
display: flex;
flex-direction: row;
width: 100%;
}
.skill-name
{
width: 25%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.skill-per
{
width: 100%;
display: flex;
border: 1px solid white;
padding: 2px;
}
.skill-per::after
{
content: "*";
width: 90%;
display: flex;
background-color: red;
}
.skill-css::after
{
width: 80%;
}
.skill-bootstrap::after
{
width: 60%;
}
.visit-btn
{
width: 0;
height: 0;
overflow: hidden;
}
.footer
{
width: 100%;
display: flex;
}
.footer-box
{
width: 100% ;
margin: 40px;
border-radius: 25px;
/* border: 3px solid red; */
padding: 40px;
display: flex;
justify-content: space-between;
}
.project-heading
{
width: 100%;
display: flex;
justify-content: space-between;
}
.project-heading-name
{
display: flex;
align-items: center;
}
.project-heading img
{
width: 75%;
}
.project-description
{
text-transform: uppercase;
}
.project-description h2, .project-description ul li
{
padding: 15px 0;
}
.red
{
color: red;
}
@media screen and (max-width: 1500px) {
.select
{
font-size: 96px;
}
.bg-img
{
padding-right: 0;
}
.select img
{
transform: scale(0.75);
}
.intro-details-btn div
{
font-size: 16px;
}
}
@media screen and (max-width: 1300px){
.intro-details-btn div
{
padding: 12px 10px;
}
}
@media screen and (max-width: 1100px){
.box
{
font-size: 18px;
/* border-radius: 25px; */
}
.navbar
{
font-size: 12px;
padding: 20px;
}
.intro-details-btn
{
gap: 12px;
display: flex;
flex-direction: column;
}
.intro-details-btn div
{
font-size: 12px;
}
.intro-star
{
margin-bottom: -50px ;
}
.select
{
font-size: 64px;
}
.select img
{
transform: scale(0.66);
}
.f-end-heading,.project-heading
{
font-size: 96px;
}
.f-end-graph
{
width: 100%;
}
.skill-name
{
width: 33%;
}
.project-heading img
{
transform: scale(0.75);
}
.bg-img
{
height: 50vh;
position: absolute;
justify-content: center;
}
.full-stack
{
padding: 25px 0;
font-size: 12px;
}
}
@media screen and (max-width: 900px){
.select img, .project-heading div img
{
transition: 0.3s all ease;
width: 0;
}
.navbar
{
transition: 0.3s all ease;
justify-content: space-between;
}
.visit-btn
{
width: 100%;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid white;
padding: 15px;
margin: 10px 0;
border-radius: 50px;
}
.visit-btn:hover, .intro-details-btn div:hover
{
background-color: white;
border: 1px solid black;
border-radius: 10px;
color: black;
}
.visit-btn:hover a
{
color: black;
}
.visit-btn a
{
text-decoration: none;
color: white;
font-size: 18px;
}
}
@media screen and (max-width: 700px){
.full-stack,.navbar,.intro-details-text,.skill-name, .project-description,.footer-box
{
font-size: 17px;
}
.navbar
{
font-size: 10px;
margin: 0;
}
.nav-left
{
gap: 20px;
}
.select,.f-end-heading,.project-heading
{
font-size: 48px;
}
.bg-img
{
width: 100%;
display: flex;
justify-content: center;
/* align-items: center; */
padding: 10px;
gap: 0;
}
.bg-img img
{
/* min-width: 225px; */
/* min-height: 266px; */
min-width: 100%;
min-height: 30vh;
}
}
@media screen and (max-width: 600px){
.full-stack,.navbar,.intro-details-text,.skill-name, .project-description,.footer-box,.visit-btn a
{
font-size: 15px;
}
.intro-star
{
font-size: 128px;
}
.intro-details
{
display: flex;
flex-direction: column;
gap: 15px;
}
.intro-details-btn,.intro-details-text
{
width: 100%;
}
.full-stack h2,.navbar h2
{
font-size: 12px;
}
.intro-details-btn
{
flex-direction: row;
}
.intro-details-btn div
{
font-size: 14px;
margin: 0;
}
.intro-box,.select-box,.project-box,.f-end-box
{
padding: 20px;
margin: 20px;
}
.footer-box
{
padding: 20px;
margin: 0;
}
.skill-html,.skill-css,.skill-bootstrap
{
margin: 5px;
}
.project-description h2, .project-description ul li
{
padding: 5px 0;
}
}
@media screen and (max-width: 450px){
.full-stack,.navbar,.intro-details-text,.skill-name, .project-description,.footer-box, .intro-details-btn div, .visit-btn a
{
font-size: 10px;
}
.intro-star
{
font-size: 96px;
}
.full-stack h2
{
font-size: 12px;
}
.select,.f-end-heading,.project-heading
{
font-size: 36px;
}
}
@media screen and (max-width: 350px){
.navbar,.footer-box
{
justify-content: space-between;
}
.full-stack,.navbar,.intro-details-text,.skill-name, .project-description,.footer-box, .intro-details-btn div,.visit-btn a
{
font-size: 8px;
}
.intro-star
{
font-size: 72px;
}
.intro-star
{
margin-bottom: 0;
}
.select,.f-end-heading,.project-heading
{
font-size: 28px;
}
}
gitextract_a2e3v9x1/ ├── index.html ├── resources/ │ ├── elements/ │ │ └── Temp │ ├── images/ │ │ └── temp │ └── temp └── style.css
Condensed preview — 5 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (21K chars).
[
{
"path": "index.html",
"chars": 10029,
"preview": "<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta http-equiv=\"X-UA-Compatible\" content=\"I"
},
{
"path": "resources/elements/Temp",
"chars": 9,
"preview": "TempFile\n"
},
{
"path": "resources/images/temp",
"chars": 9,
"preview": "TempText\n"
},
{
"path": "resources/temp",
"chars": 9,
"preview": "TempFile\n"
},
{
"path": "style.css",
"chars": 9352,
"preview": "@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');\r\n*\r\n{\r\nmargin: 0;\r\npadding: 0;\r\nbox-sizing: b"
}
]
About this extraction
This page contains the full source code of the bhargav-tibadiya/portfolio GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 5 files (19.0 KB), approximately 4.6k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.