Skip to content

Commit

Permalink
remove repository
Browse files Browse the repository at this point in the history 
remove all files from repository, the new repository is at github.com/irtiza90/irtiza90.

This repository will automatically redirect to the new site URL.
  • Loading branch information
@Irtiza90
Irtiza90 committed Jul 15, 2024
1 parent 39bb407 commit 76be5ad
Show file tree
Hide file tree
Showing 18 changed files with 9 additions and 751 deletions.
Binary file removed CV-Irtiza Babar.pdf
View file
Binary file not shown.
Binary file removed images/About pic1.jpg
View file
Binary file not shown.
Binary file removed images/bg-pic.jpg
View file
Binary file not shown.
Binary file removed images/bg.jpg
View file
Binary file not shown.
Binary file removed images/close.png
View file
Binary file not shown.
Binary file removed images/fiverr.jpg
View file
Binary file not shown.
Binary file removed images/github.png
View file
Binary file not shown.
Binary file removed images/home-automation.jpg
View file
Binary file not shown.
Binary file removed images/home-security.jpg
View file
Binary file not shown.
Binary file removed images/iot.jpg
View file
Binary file not shown.
Binary file removed images/linkedin.png
View file
Binary file not shown.
Binary file removed images/mail.png
View file
Binary file not shown.
Binary file removed images/menu.png
View file
Binary file not shown.
Binary file removed images/self-driving-car.jpg
View file
Binary file not shown.
Binary file removed images/upwork.png
View file
Binary file not shown.
Binary file removed images/web-dev.jpg
View file
Binary file not shown.
276 changes: 9 additions & 267 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,274 +1,16 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Irtiza Babar</title>
<link rel="stylesheet" href="./style.css">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>

<body>
<div id="header">
<div class="container">
<nav>
<h1 class="text-white">Irtiza Babar</h1>
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
<img src="./images/close.png" onclick="closemenu()" alt="" width="20" height="20" class="icon">
</ul>
<img src="./images/menu.png" onclick="openmenu()" alt="" width="20" height="20" class="icon">
</nav>
<div class="header-text">
<h1 style="font-size: 7rem;">
<i>
<span style="color: lightgoldenrodyellow;">Hi!, I'm</span>
<span style="color: blue">Irtiza</span>
</i>
</h1>
</div>
</div>
</div>

<!-- -----------------about me section------------------- -->
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="images/About pic1.jpg">
</div>
<div class="about-col-2">
<h1 class="text-white sub-title">About Me</h1>
<p class="text-light">
Full Stack Developer experienced in both front- & back-end web development. I specialize in creating user-friendly designs that are optimized for SEO and accessibility with close attention to detail, providing a friendly experience for the user.
</p>
<p class="text-light">I not only design and develop websites but also regularly test them to maintain their performance and fixing any issues that arise. I also prioritize clean and organized code to make sure that it's easy to read and maintain.</p>

<div class="tab-titles">
<p class="tab-links text-white active-link" onclick="opentab('profile')">Personal Information</p>
<p class="tab-links text-white" onclick="opentab('skills')">Skills</p>
<p class="tab-links text-white" onclick="opentab('education')">Education & Certifications</p>
</div>

<div class="tab-contents active-tab" id="profile">
<ul>
<li>
<div class="section-heading text-white">Name</div>
<i class="text-light">Irtiza Babar</i>
</li>
<li>
<div class="section-heading text-white">Date of Birth</div>
<i class="text-light">21-07-2005</i>
</li>
</ul>
</div>

<div class="tab-contents" id="skills">
<ul>
<li>
<div class="section-heading text-white">Web Design</div>
<i>Figma, Canva, WebFlow, Wix</i>
</li>

<li>
<div class="section-heading text-white">Web Development</div>
<i>HTML, CSS, JavaScript, Bootstrap, jQuery, TailwindCSS</i>
</li>

<li>
<div class="section-heading text-white">Back-End Development</div>
<i>Python, PHP, Laravel, Golang, C++, MySQL</i>
</li>

<li>
<div class="section-heading text-white">Software & Tools</div>
<i>MS Office, Git, Github, Bitbucket(CI/CD), VSCode, Linux</i>
</li>

<li>
<div class="section-heading text-white">IOT Development</div>
<i>C++, Arduino, ESP32, Blynk, Raspberry PI</i>
</li>
</ul>
</div>

<div class="tab-contents" id="education">
<ul>
<li>
<div class="section-heading text-white">Aptech</div>
<i>HDSE (Higher Diploma in Software Engineering) - Present</i>
</li>
<li>
<div class="section-heading text-white">Aptech</div>
<i>IoT (Internet of Things) - Present</i>
</li>
<li>
<div class="section-heading text-white">The Allied Academy</div>
<i>Matriculation (Computer Science)</i>
</li>
</ul>
</div>
</div>
</div>
</div>

<!-- ------------------------services-------------------- -->

<div id="services">
<div class="container">
<h1 class="sub-title">My Services</h1>
<div class="services-list">
<div>
<img src="./images/web-dev.jpg" alt="Web Development" height="160px">
<h2>Web Development</h2>
<p>
I provide complete web development services, focusing on designing and building websites with strong backends and smooth API integrations. I create custom designs that match your brand and work well on all devices.
</p>
<p>Using modern liraries like TailwindCSS & Bootstrap, I develop user-friendly interfaces, and build secure backends with technologies like Laravel or Flask. I also integrate APIs to add extra functionality, delivering a comprehensive solution for your web development requirements.</p>
</div>

<div>
<img src="./images/iot.jpg" alt="IoT" height="150px">
<h2>IoT Projects</h2>
<p>
I can create IoT (Internet of Things) projects to match your requirements. Whether it's automating tasks, remote system monitoring, or sensor data collection, I'll design and deploy IoT solutions that fit seamlessly into your workflow. From hardware selection to user-friendly interfaces and robust data analysis, I handle every aspect efficiently.
</p>
</div>

<!-- <div>
<img src="#" alt="Drawing">
<h2>Drawing</h2>
<p><i>Sceneries and whatever drives the attention.</i></p>
</div> -->
</div>
</div>
</div>

<!-- -----------------portfolio---------------- -->

<div id="portfolio">
<div class="container">
<h1 class="sub-title">My Work</h1>
<div class="work-list">

<div class="work">
<img src="./images/self-driving-car.jpg" alt="home automation">
<div class="layer">
<h3><strong>Self Driving Car</strong></h3>
<p>The Self-Driving Car project is an autonomous vehicle equipped with sensors that scans the environment, detecting obstacles in the route.<br>
Through algorithms, it calculates the best direction to navigate, showcasing the basic fundamentals of self-driving technology.</p>
<a href="#"></a>
</div>
</div>

<div class="work">
<img src="./images/home-automation.jpg" alt="home automation" width="300px" height="180px">
<div class="layer">
<h3><strong>Home Automation</strong></h3>
<p style="line-height: 1.3rem;">The home automation system project includes gas sensors, temperature sensors, lighting controls, and additional components for monitoring and control.</p>
<p style="line-height: 1.3rem;">It offers real-time data and automated responses for an efficient and secure home.</p>

<a href="#"></a>
</div>
</div>

<div class="work">
<img src="./images/home-security.jpg" height="180px">
<div class="layer">
<h3><strong>Home Security System</strong></h3>
<p style="line-height: 1.3rem;">The home security system project utilizes an ESP32 camera, a keypad for password input, and a servo motor to operate as a door opening mechanism. </p>
<p style="line-height: 1.3rem;">It offers a reliable and customizable solution for securing entry points and managing access & control.</p>
<a href="#"></a>
</div>
</div>

</div>
<!-- <a href="#" class="btn">See More</a> -->
</div>
</div>

<!-- ----------------------------contact---------------------------- -->
<div id="contact">
<div class="container">
<div class="row" style="justify-content: center; text-align: center;">

<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i>irtizababar@outlook.com</i> <img src="./images/mail.png" alt="Email" width="30" height="30" style="vertical-align:middle"></p>
<div class="social-images">
<a href="https://github.com/Irtiza90/"><img src="./images/github.png" style="background: white;border-radius: 8px;" alt="Github" width="30" height="30"></a>
<a href="https://www.fiverr.com/irtiza_babar"><img src="./images/fiverr.jpg" alt="Fiverr" width="30" height="30" style="border-radius: 20px;"></a>
<a href="https://www.upwork.com/freelancers/~01c0c814302c4d3e04"><img src="./images/upwork.png" alt="Upwork" width="30" height="30" style="border-radius: 20px;"></a>
<a href="https://www.linkedin.com/in/irtiza-babar-a3428b22a/"><img src="./images/linkedin.png" alt="Linkedin" width="30" height="30" style="border-radius: 20px;"></a>
</div>
<a href="./CV-Irtiza Babar.pdf" download target="_blank" class="btn btn2">Download CV</a>
</div>

<!-- <div class="contact-right">
<form id="email-form">
<input type="email" name="Email" placeholder="Your Email" required>
<input type="text" name="Title" placeholder="Subject" required>
<textarea name="Message" rows="7" placeholder="Your Message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
<a href="mailto:" id="mail-link" style="display: none;"></a>
</div> -->
</div>
</div>
</div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents");

function opentab(tabname) {
for (tablink of tablinks) {
tablink.classList.remove("active-link");
}
for (tabcontent of tabcontents) {
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-link");
document.getElementById(tabname).classList.add("active-tab");
}
</script>

<meta http-equiv="refresh" content="0; url=https://irtiza90.github.io/Irtiza90/">
<script>
var sidemenu = document.getElementById("sidemenu");

function openmenu() {
sidemenu.style.right = "0";
}
function closemenu() {
sidemenu.style.right = "-200px";
}
</script>

<script>
$(document).ready(function(){
$('.popup-trigger').click(function() {
var popupId = $(this).data('popup');
$(popupId).css('display', 'block').animate({top: '0%'}, 500);
});

$('.close-btn').click(function() {
$(this).closest('.popup').animate({top: '100%'}, 500, function() {
$(this).css('display', 'none');
});
});
});
setTimeout(function() {
window.location.href = "https://irtiza90.github.io/Irtiza90/";
}, 0);
</script>
</head>
<body>
<p>This project has moved, you will be redirected shortly.</p>
<p>If you are not redirected automatically, <a href="https://irtiza90.github.io/Irtiza90/">click here</a>.</p>
</body>

</html>
</html>
Loading

0 comments on commit 76be5ad

Please sign in to comment.