Skip to content

Master to main #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Master to main #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
45c928c
Make Some Changes
hassankhan606 Jun 14, 2025
e0f0e5f
added css
hassankhan606 Jun 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
315 changes: 128 additions & 187 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,195 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Ajit's Portfolio</title>
<link rel="icon" href="Image/engineer.ico" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="contact.css" />
<link rel="stylesheet" href="dark-mode.css" />
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Arizonia&family=Montserrat:wght@400;800&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap"
rel="stylesheet"
/>

<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css"
/>
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"
></script>
</head>
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-WZXPVQDR2Q"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Hassan's Portfolio</title>
<link rel="icon" href="Image/engineer.ico" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
<link rel="stylesheet" href="contact.css" />
<link rel="stylesheet" href="dark-mode.css" />
<script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Arizonia&family=Montserrat:wght@400;800&display=swap"
rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet" />

gtag("config", "G-WZXPVQDR2Q");
</script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" />
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
</head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WZXPVQDR2Q"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());

<body class="container-fluid body_section">
<header>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand brand-name" href="#">Ajit Verma</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
gtag("config", "G-WZXPVQDR2Q");
</script>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link headerachor" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="education.html"
>Education</a
>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="skill.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="project.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="contact.html">Contact Me</a>
</li>
<li>
<iframe
id="toggle-iframe"
onload="onIframeLoad()"
src="toggle.html"
></iframe>
</li>
</ul>
</div>
</nav>
</header>
<section id="contact">
<div class="row first-section">
<div class="col-lg-6 col-md-6">
<img class="Profilepic" src="Image/Ajit.jpg" alt="" />
</div>
<div class="col-lg-6 col-md-6 context">
<h1>Reach out to me!</h1>
<p>
I am available on almost every social media platform.<br />
You want to discuss a project or just want to say hi? My Inbox is
always open for you.
</p>
<ul class="ico">
<li class="icon">
<a href="https://github.com/AjitVerma15" target="_blank">
<span
class="iconify github"
data-icon="ant-design:github-filled"
data-inline="false"
data-width="50"
data-height="50"
>
</span
></a>
</li>
<li class="icon">
<a href="https://www.instagram.com/ajit.verma_/" target="_blank"
><span
class="iconify instagram"
data-icon="entypo-social:instagram-with-circle"
data-inline="false"
data-width="50"
data-height="50"
></span
></a>
</li>
<li class="icon">
<a
href="https://www.linkedin.com/in/ajit-verma-70b9b0196/"
target="_blank"
><span
class="iconify linkedin"
data-icon="entypo-social:linkedin-with-circle"
data-inline="false"
data-width="50"
data-height="50"
></span
></a>
</li>
<li class="icon">
<a href="mailto:[email protected]" target="_blank"
><span
class="iconify google"
data-icon="ant-design:google-plus-circle-filled"
data-inline="false"
data-width="50"
data-height="50"
></span
></a>
</li>
</ul>
<a
href="https://drive.google.com/file/d/1fUl3-3KZQbWz3x6eBLSC2qZboLyWgj6o/view?usp=sharing"
target="_blank"
><button type="button" class="btn btn-primary btn-lg Resume">
See my Resume
</button></a
>
</div>
<body class="container-fluid body_section">
<header>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand brand-name" href="#">Hafiz Hassan Iftikhar
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link headerachor" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="education.html">Education</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="skill.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="project.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link headerachor" href="contact.html">Contact Me</a>
</li>
<li>
<iframe id="toggle-iframe" onload="onIframeLoad()" src="toggle.html"></iframe>
</li>
</ul>
</div>
</nav>
</header>
<section id="contact">
<div class="row first-section">
<div class="col-lg-6 col-md-6">
<img class="Profilepic" src="Image/Ajit.jpg" alt="" />
</div>
<div class="col-lg-6 col-md-6 context">
<h1>Reach out to me!</h1>
<p>
I am available on almost every social media platform.<br />
You want to discuss a project or just want to say hi? My Inbox is
always open for you.
</p>
<ul class="ico">
<li class="icon">
<a href="https://github.com/hassankhan606" target="_blank">
<span class="iconify github" data-icon="ant-design:github-filled" data-inline="false" data-width="50"
data-height="50">
</span></a>
</li>
<li class="icon">
<a href="https://www.instagram.com/mianhassankhankhan/" target="_blank"><span class="iconify instagram"
data-icon="entypo-social:instagram-with-circle" data-inline="false" data-width="50"
data-height="50"></span></a>
</li>
<li class="icon">
<a href="https://x.com/HAFIZHASSANIFT1" target="_blank"><span class="iconify linkedin"
data-icon="entypo-social:twitter-with-circle" data-inline="false" data-width="50"
data-height="50"></span></a>
</li>
<h4 style="margin-bottom: 8px; color: #075e54;">Contact on WhatsApp</h4>
<li class="icon">
<a href="https://wa.me/923144229970" target="_blank"
style="text-decoration: none; color: #333; font-weight: 500; font-size: 16px;">
<span class="iconify google" data-icon="ant-design:whatsapp-plus-circle-filled" data-inline="false"
data-width="30" data-height="30" style="vertical-align: middle; margin-right: 8px;"></span>
<span style="color: #075e54;">WhatsApp:</span> +92-314-4229970
</a>
</li>


</ul>
<a href="https://drive.google.com/file/d/1fUl3-3KZQbWz3x6eBLSC2qZboLyWgj6o/view?usp=sharing"
target="_blank"><button type="button" class="btn btn-primary btn-lg Resume">
See my Resume
</button></a>
</div>
</section>
<section>
<div class="second-section">
<h1 class="connect">Let's connect and build something together!</h1>
<a class="sayhello" href="#contact"
>Say Hello <span class="wave">👋</span></a
>
<div class="col-lg-6 connect-image m-auto">
<img class="connection" src="Image/connection.svg" alt="" />
</div>
</div>
</section>
<section>
<div class="second-section">
<h1 class="connect">Let's connect and build something together!</h1>
<a class="sayhello" href="#contact">Say Hello <span class="wave">👋</span></a>
<div class="col-lg-6 connect-image m-auto">
<img class="connection" src="Image/connection.svg" alt="" />
</div>
</section>
<footer class="footer">Made with ❤️ by Ajit Verma</footer>
<script src="dark-mode.js"></script>
</body>
</html>
</div>
</section>
<footer class="footer">Made with ❤️ by Hafiz Hassan Iftikhar</footer>
<script src="dark-mode.js"></script>
</body>

</html>
20 changes: 10 additions & 10 deletions education.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -118,14 +118,14 @@ <h1>Competitive Programming</h1>
<ul class="competitive_icon">
<li>
<a
href="https://www.hackerrank.com/Ajitverma?hr_r=1"
href="https://www.hackerrank.com/profile/itxhassankhan45"
target="_blank"
>
<i class="fab fa-hackerrank fa-4x"></i
></a>
</li>
<li>
<a href="https://www.hackerearth.com/@ajit457" target="_blank">
<a href="https://www.hackerearth.com/hassankhan606" target="_blank">
<i
class="iconify"
data-icon="simple-icons:hackerearth"
Expand All @@ -148,14 +148,14 @@ <h1>Degrees Received</h1>
<div class="timeline">
<div class="timeline-month">Education</div>
<div class="timeline-section">
<div class="timeline-date">2017 - Present</div>
<div class="timeline-date">2023 - Present</div>
<div class="row">
<div class="col-lg">
<div class="timeline-box">
<div class="box-title">
<i class="fas fa-graduation-cap" aria-hidden="true"></i>J.C.
Bose University of Science and Technology, YMCA
<p class="degree">B.tech in Computer Engineering</p>
<i class="fas fa-graduation-cap" aria-hidden="true"></i>
Govt Post Graduate College Of BahawalNagar.
<p class="degree">Fsc in Pre-Medical.</p>
</div>
<div class="box-content">
<a
Expand All @@ -178,13 +178,13 @@ <h1>Degrees Received</h1>
</div>

<div class="timeline-section">
<div class="timeline-date">2015 - 2017</div>
<div class="timeline-date">2021 - 2023</div>
<div class="row">
<div class="col-lg">
<div class="timeline-box">
<div class="box-title">
<i class="fas fa-school" aria-hidden="true"></i> G.B.S.S
School, Sarojini Nagar
<i class="fas fa-school" aria-hidden="true"></i> K.F.G.H
School, BahawalNagar Nagar
<p class="degree">Senior Secondary Education</p>
</div>
<div class="box-content">
Expand Down Expand Up @@ -276,7 +276,7 @@ <h1>Certifications</h1>
</div>
</div>
</section>
<footer class="footer">Made with ❤️ by Ajit Verma</footer>
<footer class="footer">Made with ❤️ by Hafiz Hassan Iftikhar</footer>
<script src="dark-mode.js"></script>
</body>
</html>
Loading