Faisal Javed/title>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Maha Personal cv/resume template for professional and personal website." /> <meta name="keywords" content="creative, cv, designer, online cv, online resume, powerful portfolio, professional, professional resume, responsive, resume, vcard " /> <meta name="developer" content="Md. Siful Islam"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="shortcut icon" href="assets/images/favicon.ico"> <link rel="shortcut icon" href="assets/images/apple-icon.png"> <link rel="shortcut icon" sizes="72x72" href="assets/images/apple-icon-72x72.png"> <link rel="shortcut icon" sizes="114x114" href="assets/images/apple-icon-114x114.png">  <link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">  <link rel="stylesheet" href="assets/icons/font-awesome-4.7.0/css/font-awesome.min.css">  <link rel="stylesheet" href="assets/plugins/css/bootstrap.min.css">  <link rel="stylesheet" href="assets/plugins/css/animate.css">  <link rel="stylesheet" href="assets/plugins/css/owl.css">  <link rel="stylesheet" href="assets/plugins/css/jquery.fancybox.min.css">  <link rel="stylesheet" href="assets/css/styles.css"> <link rel="stylesheet" href="assets/css/responsive.css">  <link rel="alternate stylesheet" href="assets/css/colors/blue.css" title="blue"> <link rel="stylesheet" href="assets/css/colors/defauld.css" title="defauld"> <link rel="alternate stylesheet" href="assets/css/colors/green.css" title="green"> <link rel="alternate stylesheet" href="assets/css/colors/blue-munsell.css" title="blue-munsell"> <link rel="alternate stylesheet" href="assets/css/colors/orange.css" title="orange"> <link rel="alternate stylesheet" href="assets/css/colors/purple.css" title="purple"> <link rel="alternate stylesheet" href="assets/css/colors/slate.css" title="slate"> <link rel="alternate stylesheet" href="assets/css/colors/yellow.css" title="yellow"> </head> <body class="dark-vertion black-bg">  <div class="section-loader"> <div class="loader"> <div></div> <div></div> </div> </div>   <header class="black-bg mh-header mh-fixed-nav nav-scroll mh-xs-mobile-nav wow fadeInUp" id="mh-header"> <div class="overlay"></div> <div class="container"> <div class="row"> <nav class="navbar navbar-expand-lg mh-nav nav-btn"> <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 icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#mh-home">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#mh-about">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#mh-skills">Skills</a> </li> <li class="nav-item"> <a class="nav-link" href="#mh-experience">Experiences</a> </li> <li class="nav-item"> <a class="nav-link" href="#mh-blog">Blog</a> </li> <li class="nav-item"> <a class="nav-link" href="#mh-contact">Contact</a> </li> </ul> </div> </nav> </div> </div> </header>  <section class="mh-home" id="mh-home"> <div class="home-ovimg"> <div class="container"> <div class="row xs-column-reverse section-separator vertical-middle-content home-padding"> <div class="col-sm-6"> <div class="mh-header-info"> <div class="mh-promo wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s"> <span>Hello I'm</span> </div> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Faisal Javed</h2> <h4 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">Python Developer</h4> <ul> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><i class="fa fa-envelope"></i><a href="mailto:">faisal31j@email.com</a></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"><i class="fa fa-phone"></i><a href="callto:">+92 344 301 4818</a></li> <li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s"><i class="fa fa-map-marker"></i><address>Mustafabad, Toba Tek Singh</address></li> </ul> <ul class="social-icon wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-github"></i></a></li> <li><a href="#"><i class="fa fa-dribbble"></i></a></li> </ul> </div> </div> <div class="col-sm-6"> <div class="hero-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s"> <div class="img-border"> <img src="./images/b0802011-138c-4b32-ab5e-6d61a8c34c64.jpeg" alt="" class="img-fluid"> </div> </div> </div> </div> </div> </div> </section>  <section class="mh-about" id="mh-about"> <div class="container"> <div class="row section-separator"> <div class="col-sm-12 col-md-6"> <div class="mh-about-img shadow-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <img src="assets/images/ab-img.png" alt="" class="img-fluid"> </div> </div> <div class="col-sm-12 col-md-6"> <div class="mh-about-inner"> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.1s">About Me</h2> <p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Hello, I’m a Faisal, Python-developer based on Lahore. I have rich experience in web site design & building and customization. Also I am good at</p> <div class="mh-about-tag wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <ul> <li><span>Python</span></li> <li><span>MySQL</span></li> <li><span>HTML, CSS</span></li> <li><span>wordpress</span></li> <li><span>C++</span></li> <li><span>Javascript</span></li> </ul> </div> <a href="./documentation/Faisal Resume.pdf" class="btn btn-fill wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Downlaod CV <i class="fa fa-download"></i></a> </div> </div> </div> </div> </section>  <section class="mh-service"> <div class="container"> <div class="row section-separator"> <div class="col-sm-12 text-center section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <h2>What I Do</h2> </div> <div class="col-md-4 col-sm-12"> <div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <i class="fa fa-robot purple-color"></i> <h3>AI-Powered Solutions</h3> <p> I develop intelligent systems using Python, AI, and Natural Language Processing, such as chatbots and home automation systems, to enhance user experiences. </p> </div> </div> <div class="col-md-4 col-sm-12"> <div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"> <i class="fa fa-code iron-color"></i> <h3>Web Development</h3> <p> I create responsive, user-friendly websites using HTML, CSS, JavaScript, and backend frameworks, ensuring efficient and secure web applications. </p> </div> </div> <div class="col-md-4 col-sm-12"> <div class="mh-service-item shadow-1 dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s"> <i class="fa fa-database sky-color"></i> <h3>Database Management</h3> <p> With expertise in MySQL and Neo4j, I design and manage databases for high-performance applications, ensuring data integrity and scalability. </p> </div> </div> </div> </div> </section>  <section class="mh-skills" id="mh-skills"> <div class="container"> <div class="row section-separator"> <div class="section-title text-center col-sm-12"> <h2>Skills</h2> </div>  <div class="col-sm-12 col-md-6"> <div class="mh-skills-inner"> <div class="mh-professional-skill wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <h3>Technical Skills</h3> <div class="each-skills"> <div class="candidatos"> <div class="parcial"> <div class="info"> <div class="nome">Python</div> <div class="percentagem-num">95%</div> </div> <div class="progressBar"> <div class="percentagem" style="width: 95%;"></div> </div> </div> </div> <div class="candidatos"> <div class="parcial"> <div class="info"> <div class="nome">MySQL</div> <div class="percentagem-num">90%</div> </div> <div class="progressBar"> <div class="percentagem" style="width: 90%;"></div> </div> </div> </div> <div class="candidatos"> <div class="parcial"> <div class="info"> <div class="nome">Neo4j</div> <div class="percentagem-num">85%</div> </div> <div class="progressBar"> <div class="percentagem" style="width: 85%;"></div> </div> </div> </div> <div class="candidatos"> <div class="parcial"> <div class="info"> <div class="nome">HTML/CSS</div> <div class="percentagem-num">80%</div> </div> <div class="progressBar"> <div class="percentagem" style="width: 80%;"></div> </div> </div> </div> <div class="candidatos"> <div class="parcial"> <div class="info"> <div class="nome">C++</div> <div class="percentagem-num">70%</div> </div> <div class="progressBar"> <div class="percentagem" style="width: 70%;"></div> </div> </div> </div> </div> </div> </div> </div>  <div class="col-sm-12 col-md-6"> <div class="mh-professional-skills wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"> <h3>Professional Skills</h3> <ul class="mh-professional-progress"> <li> <div class="mh-progress mh-progress-circle" data-progress="90"></div> <div class="pr-skill-name">Problem Solving</div> </li> <li> <div class="mh-progress mh-progress-circle" data-progress="85"></div> <div class="pr-skill-name">Team Collaboration</div> </li> <li> <div class="mh-progress mh-progress-circle" data-progress="80"></div> <div class="pr-skill-name">Communication</div> </li> <li> <div class="mh-progress mh-progress-circle" data-progress="75"></div> <div class="pr-skill-name">Critical Thinking</div> </li> </ul> </div> </div> </div> </div> </section>  <section class="mh-experince" id="mh-experience"> <div class="bolor-overlay"> <div class="container"> <div class="row section-separator">  <div class="col-sm-12 col-md-6"> <div class="mh-education"> <h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Education</h3> <div class="mh-education-deatils">  <div class="mh-education-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <h4>Intermediate (ICS) <a href="#">Standard College</a></h4> <div class="mh-eduyear">2019-2021</div> <p>Studied foundational courses in computer science, including programming, data structures, and mathematics.</p> </div>  <div class="mh-education-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"> <h4>Bachelor's in Artificial Intelligence <a href="#">University of Management and Technology</a></h4> <div class="mh-eduyear">2021-Present</div> <p>Pursuing AI specialization, focusing on machine learning, deep learning, and natural language processing with a 4.0 GPA.</p> </div> </div> </div> </div>  <div class="col-sm-12 col-md-6"> <div class="mh-work"> <h3>Work Experience</h3> <div class="mh-experience-deatils">  <div class="mh-work-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <h4>Freelance Python Developer</h4> <div class="mh-eduyear">2022-Present</div> <span>Responsibilities:</span> <ul class="work-responsibility"> <li><i class="fa fa-circle"></i>Developed chatbot solutions using Python and NLP techniques.</li> <li><i class="fa fa-circle"></i>Built smart home automation systems integrating AI-driven interfaces.</li> <li><i class="fa fa-circle"></i>Created database solutions leveraging MySQL and Neo4j for graph-based applications.</li> </ul> </div> </div> </div> </div> </div> </div> </div> </section>  <section class="mh-blog" id="mh-blog"> <div class="container"> <div class="row section-separator"> <div class="col-sm-12 section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <h3>Featured Blog Posts</h3> </div>  <div class="col-sm-12 col-md-4"> <div class="mh-blog-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <div class="blog-inner"> <h2><a href="#">Breaking the Traffic Jams</a></h2> <p>A fresh perspective on city planning and traffic management.</p> <a href="#">Read More</a> </div> </div> </div>  <div class="col-sm-12 col-md-4"> <div class="mh-blog-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"> <div class="blog-inner"> <h2><a href="#">Designing with Proportions</a></h2> <p>An in-depth guide on how balance improves creative work.</p> <a href="#">Read More</a> </div> </div> </div>  <div class="col-sm-12 col-md-4"> <div class="mh-blog-item dark-bg wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s"> <div class="blog-inner"> <h2><a href="#">Organizing Paper Work</a></h2> <p>Tips and tricks to stay on top of documentation in the digital age.</p> <a href="#">Read More</a> </div> </div> </div> </div> </div> </section>  <section class="mh-testimonial" id="mh-testimonial"> <div class="home-v-img"> <div class="container"> <div class="row section-separator"> <div class="col-sm-12 section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <h3>Client Reviews</h3> </div> <div class="col-sm-12 wow fadeInUp" id="mh-client-review" data-wow-duration="0.8s" data-wow-delay="0.3s"> <div class="each-client-item"> <div class="mh-client-item dark-bg black-shadow-1"> <img src="assets/images/c-1.png" alt="" class="img-fluid"> <p>Absolute wonderful ! I am completely blown away.The very best.I was amazed at the quality</p> <h4>John Mike</h4> <span>CEO, Author.Inc</span> </div> </div> <div class="each-client-item"> <div class="mh-client-item dark-bg black-shadow-1"> <img src="assets/images/c-1.png" alt="" class="img-fluid"> <p>Absolute wonderful ! I am completely blown away.The very best.I was amazed at the quality</p> <h4>John Mike</h4> <span>CEO, Author.Inc</span> </div> </div> <div class="each-client-item"> <div class="mh-client-item dark-bg black-shadow-1"> <img src="assets/images/c-1.png" alt="" class="img-fluid"> <p>Absolute wonderful ! I am completely blown away.The very best.I was amazed at the quality</p> <h4>John Mike</h4> <span>CEO, Author.Inc</span> </div> </div> <div class="each-client-item"> <div class="mh-client-item dark-bg black-shadow-1"> <img src="assets/images/c-1.png" alt="" class="img-fluid"> <p>Absolute wonderful ! I am completely blown away.The very best.I was amazed at the quality</p> <h4>John Mike</h4> <span>CEO, Author.Inc</span> </div> </div> <div class="each-client-item"> <div class="mh-client-item dark-bg black-shadow-1"> <img src="assets/images/c-1.png" alt="" class="img-fluid"> <p>Absolute wonderful ! I am completely blown away.The very best.I was amazed at the quality</p> <h4>John Mike</h4> <span>CEO, Author.Inc</span> </div> </div> <div class="each-client-item"> <div class="mh-client-item dark-bg black-shadow-1"> <img src="assets/images/c-1.png" alt="" class="img-fluid"> <p>Absolute wonderful ! I am completely blown away.The very best.I was amazed at the quality</p> <h4>John Mike</h4> <span>CEO, Author.Inc</span> </div> </div> </div> </div> </div> </div> </section>  <footer class="mh-footer" id="mh-contact"> <div class="map-image image-bg"> <div class="container"> <div class="row section-separator"> <div class="col-sm-12 section-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <h3>Contact Me</h3> </div> <div class="col-sm-12 mh-footer-address"> <div class="row"> <div class="col-sm-12 col-md-4"> <div class="mh-address-footer-item dark-bg shadow-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <div class="each-icon"> <i class="fa fa-location-arrow"></i> </div> <div class="each-info"> <h4>Address</h4> <address> Lahore, Pakistan </address> </div> </div> </div> <div class="col-sm-12 col-md-4"> <div class="mh-address-footer-item dark-bg shadow-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"> <div class="each-icon"> <i class="fa fa-envelope-o"></i> </div> <div class="each-info"> <h4>Email</h4> <a href="mailto:faisal311j@gmail.com">faisal311j@gmail.com</a> </div> </div> </div> <div class="col-sm-12 col-md-4"> <div class="mh-address-footer-item dark-bg shadow-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.7s"> <div class="each-icon"> <i class="fa fa-phone"></i> </div> <div class="each-info"> <h4>Phone</h4> <a href="callto:0344-3014818">0344-3014818</a> </div> </div> </div> </div> </div> <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <form id="contactForm" class="single-form quate-form wow fadeInUp" data-toggle="validator"> <div id="msgSubmit" class="h3 text-center hidden"></div> <div class="row"> <div class="col-md-6 col-sm-12"> <input name="name" class="contact-name form-control" id="name" type="text" placeholder="First Name" required> </div> <div class="col-md-6 col-sm-12"> <input name="name" class="contact-email form-control" id="L_name" type="text" placeholder="Last Name" required> </div> <div class="col-sm-12"> <input name="name" class="contact-subject form-control" id="email" type="email" placeholder="Your Email" required> </div> <div class="col-sm-12"> <textarea class="contact-message" id="message" rows="6" placeholder="Your Message" required></textarea> </div>  <div class="btn-form col-sm-12"> <button type="submit" class="btn btn-fill btn-block" id="form-submit">Send Message</button> </div> </div> </form> </div> <div class="col-sm-12 col-md-6 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.5s"> <div class="mh-map"> <div id="mh-map" class="shadow-1"></div> </div> </div> <div class="col-sm-12 mh-copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s"> <div class="row"> <div class="col-sm-6"> <div class="text-left text-xs-center"> <p><a href="templateshub.net">Templates Hub</a></p> </div> </div> <div class="col-sm-6"> <ul class="social-icon"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-github"></i></a></li> <li><a href="#"><i class="fa fa-dribbble"></i></a></li> </ul> </div> </div> </div> </div> </div> </div> </footer>    <script src="assets/plugins/js/jquery.min.js"></script>  <script src="assets/plugins/js/popper.min.js"></script>  <script src="assets/plugins/js/bootstrap.min.js"></script>  <script src="assets/plugins/js/owl.carousel.js"></script>  <script src="assets/plugins/js/validator.min.js"></script>  <script src="assets/plugins/js/wow.min.js"></script>  <script src="assets/plugins/js/jquery.mixitup.min.js"></script>  <script src="assets/plugins/js/circle-progress.js"></script>  <script src="assets/plugins/js/jquery.nav.js"></script>  <script src="assets/plugins/js/jquery.fancybox.min.js"></script>  <script src="assets/plugins/js/isotope.pkgd.js"></script> <script src="assets/plugins/js/packery-mode.pkgd.js"></script>  <script src="http://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCRP2E3BhaVKYs7BvNytBNumU0MBmjhhxc"></script>  <script src="assets/js/map-init.js"></script> <script src="assets/js/custom-scripts.js"></script>   <link rel="stylesheet" href="demo/demo.css"> <script type="text/javascript" src="demo/styleswitcher.js"></script> <script type="text/javascript" src="demo/demo.js"></script> <div class="demo-style-switch" id="switch-style"> <a id="toggle-switcher" class="switch-button"><i class="fa fa-snowflake-o fa-spin"></i></a> <div class="switched-options"> <ul> <li class="mh-demo-styles"> <h4>Style One </h4> <ul> <li> <a href="home-one.html"> <img src="assets/images/h1w.png" alt="" class="img-fluid"></a> </li> <li> <a href="home-one-w.html"> <img src="assets/images/h1.png" alt="" class="img-fluid"></a> </li> </ul> </li> <li class="mh-demo-styles"> <h4>Style Two </h4> <ul> <li> <a href="home-two.html"> <img src="assets/images/h2w.png" alt="" class="img-fluid"></a> </li> <li> <a href="home-two-w.html"> <img src="assets/images/h2.png" alt="" class="img-fluid"></a> </li> </ul> </li> <li class="mh-demo-styles"> <h4>RTl</h4> <ul> <li> <a href="home-rtl.html"> <img src="assets/images/h3w.png" alt="" class="img-fluid"></a> </li> <li> <a href="home-rtl-w.html"> <img src="assets/images/h3.png" alt="" class="img-fluid"></a> </li> </ul> </li> </ul> <div class="config-title"> Colors : </div> <ul class="styles"> <li><a href="#" onclick="setActiveStyleSheet('blue'); return false;" title="Blue"> <div class="blue"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('purple'); return false;" title="Purple"> <div class="purple"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('blue-munsell'); return false;" title="Blue Munsell"> <div class="blue-munsell"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('orange'); return false;" title="Orange"> <div class="orange"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('slate'); return false;" title="Slate"> <div class="slate"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('green'); return false;" title="Green"> <div class="green"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('yellow'); return false;" title="Yellow"> <div class="yellow"></div></a> </li> <li><a href="#" onclick="setActiveStyleSheet('red'); return false;" title="Red"> <div class="red"></div></a> </li> </ul> </div> </div> </body> </html>