<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Muhammad Ijlal Haider</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<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=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud image">
<h1 class="hello">I'm M Ijlal.</h1>
<h2 class="hello2">a web developer</h2>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud image">
<img class="mountain" src="images/mountain.png" alt="cloud image">
</div>
<div class="middle-container">
<div class="profile">
<img class="ijlal-img img" src="images/Ijlal Haider-modified.png" alt="ijlal's picture">
<h2 class="hello3">Hello.</h2>
<p>I'm Muhammad Ijlal Haider, hailing from the charming town of Layyah. Recently, I proudly donned the cap of Software Engineering graduate, <span id="moreText" style="display: none;">courtesy of KFUEIT Rahim Yar Khan.
In a world of codes and algorithms, I embarked on my journey, where the art of turning ideas into digital marvels became my passion. Layyah's serene landscapes have been my backdrop,
inspiring my creative flow as I crafted lines of code. Now, armed with knowledge and zeal, I'm set to write the next chapter of my digital adventure.</span> </p>
<p><a href="#" id="readMoreLink">Read more...</a></p>
</div>
<hr>
<div class="skills">
<h2 class="hello3">My Skills.</h2>
<div class="skill-row">
<img class="profile-img extra-class img" src="images/computer.png" alt="computer img">
<h3>Design and Development</h3>
<p>At the tender age of 16, I dove headfirst into the world of coding, driven by a dream of creating my very own games. <span id="moreText" style="display: none;">As time flowed, I gathered a treasure trove of wisdom, honing my skills in crafting and coding web applications.
Like a painter with a canvas, I sculpted virtual experiences.</span><a href="#" id="readMoreLink">Read more...</a></p>
<br> <p> <span style="color: #11999e; padding-left: 16%;"> console.log("Code empowered me to turn dreams into digital reality.");</span>
</p>
</div>
<div class="skill-row">
<img class="profile-img right-img img" src="images/downloadjpg.jpg" alt="img">
<h3>Extra skills</h3>
<p>Beyond software engineering, I excel in time management, thrive in team dynamics, and communicate with finesse. On the field, I'm a force to be reckoned with – a skilled badminton and football player. <span id="moreText" style="display: none;">My college and university teams have celebrated victories under my wing,
making sports not just a hobby but a testament to my teamwork and dedication.</span>
</p>
<p><a href="#" id="readMoreLink">Read more...</a></p>
</div>
</div>
<hr>
<div class="contact-me">
<h2 class="hello3">Get In Touch</h2>
<h3>Are you developer and intersed in Discussion </h3>
<p class="contact">Then find me on given mail. We set to geather and talk about code and Drink a cup of tea☕.</p>
<a class="btn" href="mailto:your.gmail.itsijlal9@gmail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/ijlal-haider-59473217a">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/itsijlal9?t=k0ixWx_rVuvZmXdZhvWJfQ&s=09">Twitter</a>
<a class="footer-link" href="https://www.facebook.com/ijlal.haider.3762?mibextid=ZbWKwL">Facebook</a>
<p class="copyright">© 2023 Muhammad Ijlal Haider.</p>
</div>
<script src="index.js"></script>
</body>
</html>