| Server IP : 162.0.232.25 / Your IP : 3.140.195.8 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/.trash/ |
Upload File : |
<!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">
<link href="images/favicon.png" rel="icon" />
<title>Beaton - Personal Portfolio</title>
<meta name="description" content="Beaton Ndawa is a graduate Electrical & Electronics engineer who is also aa skilled full stack developer">
<meta name="author" content="">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Stylesheet
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css" />
<!-- Font Awesome Icon -->
<link rel="stylesheet" type="text/css" href="vendor/font-awesome/css/all.min.css" />
<!-- Owl Carousel -->
<link rel="stylesheet" type="text/css" href="vendor/owl.carousel/assets/owl.carousel.min.css" />
<!-- Magnific Popup -->
<link rel="stylesheet" type="text/css" href="vendor/magnific-popup/magnific-popup.min.css" />
<!-- Custom Stylesheet -->
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<!-- Colors Css -->
<link id="color-switcher" type="text/css" rel="stylesheet" href="#" />
<!--og codes-->
<meta property="og:url" content="https://beatonndawa.site/index.php" />
<meta property="og:type" content="website" />
<meta property="og:title" content="<?php echo "Beaton Ndawa"; ?>" />
<meta property="og:image" content="https://beatonndawa.site/images/profile.jpg" />
<meta property="og:description" content="Visit" />
<meta property="fb:app_id" content="197362031139140" />
</head>
<body class="side-header" data-bs-spy="scroll" data-bs-target="#header-nav" data-bs-offset="1">
<!-- Preloader -->
<div class="preloader preloader-dark">
<div class="lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Preloader End -->
<!-- Document Wrapper
=============================== -->
<div id="main-wrapper">
<!-- Header
============================ -->
<header id="header" class="sticky-top">
<!-- Navbar -->
<nav class="primary-menu navbar navbar-expand-lg navbar-dark bg-dark border-bottom-0">
<div class="container-fluid position-relative h-100 flex-lg-column ps-3 px-lg-3 pt-lg-3 pb-lg-2">
<!-- Logo -->
<a href="./" class="mb-lg-auto mt-lg-4">
<span class="bg-dark-2 rounded-pill p-2 mb-lg-1 d-none d-lg-inline-block">
<img class="img-fluid rounded-pill d-block" src="images/profile.jpg" title="I'm Simone" alt="">
</span>
<h1 class="text-5 text-white text-center mb-0 d-lg-block">Beaton Ndawa</h1>
</a>
<!-- Logo End -->
<div id="header-nav" class="collapse navbar-collapse w-100 my-lg-auto">
<ul class="navbar-nav text-lg-center my-lg-auto py-lg-3">
<li class="nav-item"><a class="nav-link smooth-scroll active" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#about">About Me</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#services">What I Do</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#resume">Resume</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#contact">Contact</a></li>
</ul>
</div>
<ul class="social-icons social-icons-muted social-icons-sm mt-lg-auto ms-auto ms-lg-0 d-flex">
<li class="social-icons-twitter"><a data-bs-toggle="tooltip" href="https://www.linkedin.com/in/beaton-ndawa-0213b61b5/" target="_blank" title="Twitter"><i class="fab fa-linkedin"></i></a></li>
<li class="social-icons-facebook"><a data-bs-toggle="tooltip" href="http://fb.me/beaton.ndawa.9/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="social-icons-github"><a data-bs-toggle="tooltip" href="http://www.github.com/beaton-ndawa" target="_blank" title="GitHub"><i class="fab fa-github"></i></a></li>
</ul>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#header-nav"><span></span><span></span><span></span></button>
</div>
</nav>
<!-- Navbar End -->
</header>
<!-- Header End -->
<!-- Content
============================================= -->
<div id="content" role="main">
<!-- Intro
============================================= -->
<section id="home">
<div class="hero-wrap">
<div class="hero-mask opacity-8 bg-dark"></div>
<div class="hero-bg parallax" style="background-image:url('images/intro-bg.jpg');"></div>
<div class="hero-content section d-flex min-vh-100">
<div class="container my-auto">
<div class="row">
<div class="col-12 text-center">
<div class="typed-strings">
<p>I'm Beaton Ndawa</p>
<p>I'm a Graduate Engineer.</p>
<p>I'm a Full Stack Developer.</p>
<p>I'm an IOT Specialist.</p>
<p>I'm an AI Enthusiast.</p>
<p>I'm a Graphic Designer.</p>
</div>
<p class="text-7 fw-500 text-white mb-2 mb-md-3">Welcome</p>
<h2 class="text-16 fw-600 text-white mb-2 mb-md-3"><span class="typed"></span></h2>
<p class="text-5 text-light mb-4">based in Lilongwe, Malawi.</p>
<a href="tel:+265885825008" class="btn btn-outline-primary rounded-pill shadow-none mt-2">Hire Me</a>
</div>
</div>
</div>
<a href="#about" class="scroll-down-arrow text-white smooth-scroll"><span class="animated"><i class="fa fa-chevron-down"></i></span></a>
</div>
</div>
</section>
<!-- Intro end -->
<!-- About
============================================= -->
<section id="about" class="section bg-dark-1">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-muted opacity-1 text-uppercase fw-600 w-100 mb-0">About Me</h2>
<p class="text-9 text-white fw-600 position-absolute w-100 align-self-center lh-base mb-0">Know Me More<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row gy-5">
<div class="col-lg-7 col-xl-8 text-center text-lg-start">
<h2 class="text-7 text-white fw-600 mb-3">I'm <span class="text-primary">Beaton Ndawa,</span></h2>
<p class="text-white-50">As a versatile Electrical and Electronics Engineer, I bring expertise in power engineering, machinery interfacing, and intricate circuit design to the table. My proficiency extends to integrating IoT technology and implementing machine learning algorithms, allowing me to enhance system intelligence effectively. With a background in optimizing electronic components for smart systems, I demonstrate a well-rounded approach to diverse projects.</p>
<p class="text-white-50">I am also a skilled full stack developer, further enriching my capabilities in creating comprehensive solutions across various domains.</p>
</div>
<div class="col-lg-5 col-xl-4">
<div class="ps-lg-4">
<ul class="list-style-2 list-style-light text-light">
<li><span class="fw-600 me-2">Name:</span>Beaton Ndawa</li>
<li><span class="fw-600 me-2">Email:</span><a href="mailto:chat@simone.com">bndawa@skilltainment.org</a></li>
<li><span class="fw-600 me-2">Age:</span>25</li>
<li class="border-0"><span class="fw-600 me-2">From:</span>Blantyre, Malawi</li>
</ul>
<a href="./docs/beaton-ndawa~cv.pdf" class="btn btn-primary rounded-pill" download>Download CV</a>
</div>
</div>
</div>
<div class="brands-grid separator-border separator-border-light mt-5">
<div class="row">
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="6">6</span>+</h4>
<p class="text-light mb-0">Years Experiance</p>
</div>
</div>
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="30">30</span>+</h4>
<p class="text-light mb-0">Happy Clients</p>
</div>
</div>
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="20">20</span>+</h4>
<p class="text-light mb-0">Projects Done</p>
</div>
</div>
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="5">5</span></h4>
<p class="text-light mb-0">Get Awards</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About end -->
<!-- Services
============================================= -->
<section id="services" class="section bg-dark-2">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-white-50 opacity-1 text-uppercase fw-600 w-100 mb-0">Services</h2>
<p class="text-9 text-white fw-600 position-absolute w-100 align-self-center lh-base mb-0">What I Do?<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row">
<div class="col-lg-11 mx-auto">
<div class="row">
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-palette"></i> </div>
<h3 class="text-white">Graphic Design</h3>
<p class="text-white-50 mb-0">I create visual content such as logos, brochures, and banners using design software, focusing on aesthetics and brand communication.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-desktop"></i></div>
<h3 class="text-white">Web Development</h3>
<p class="text-white-50 mb-0">I build, maintain, and optimize websites, ensuring functionality, user experience, and responsiveness across devices.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-chart-area"></i> </div>
<h3 class="text-white">Data Analysis</h3>
<p class="text-white-50 mb-0">I use tools like Excel or Python to collect, organize, and interpret data, providing insights for decision-making and performance improvements.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-robot"></i> </div>
<h3 class="text-white">Embedded Systems</h3>
<p class="text-white-50 mb-0">I design and program microcontroller-based systems for specific functions, integrating hardware and software in devices.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5 mb-md-0">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-microchip"></i> </div>
<h3 class="text-white">PCB Design</h3>
<p class="text-white-50 mb-0">I design printed circuit boards (PCBs) using specialized software, creating layouts for efficient and reliable electronic circuits.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-0">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-plug"></i> </div>
<h3 class="text-white">Circuit Design</h3>
<p class="text-white-50 mb-0">I design and simulate electronic circuits, optimizing them for performance and efficiency in real-world applications.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services end -->
<!-- Resume
============================================= -->
<section id="resume" class="section bg-dark-1">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-muted opacity-1 text-uppercase fw-600 w-100 mb-0">Summary</h2>
<p class="text-9 text-white fw-600 position-absolute w-100 align-self-center lh-base mb-0">Resume<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row gx-5">
<!-- My Education -->
<div class="col-md-6">
<h2 class="text-6 text-white fw-600 mb-4">My Education</h2>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2018 - 2023</p>
<h3 class="text-5 text-white">Electrical & Electronics Engineer</h3>
<p class="text-primary">Malawi University Of Business and Applied Sciences</p>
<p class="text-white-50 mb-0">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
</div>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2012 - 2016</p>
<h3 class="text-5 text-white">MSCE</h3>
<p class="text-primary">Ndirande Hill Secondary School</p>
<p class="text-white-50 mb-0">Lisque persius interesset his et, in quot quidam persequeris vim, ad mea essent possim iriure.</p>
</div>
</div>
<!-- My Experience -->
<div class="col-md-6">
<h2 class="text-6 text-white fw-600 mb-4">My Experience</h2>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2019 - Present</p>
<h3 class="text-5 text-white">IT Manager</h3>
<p class="text-primary">Maso Enterprises</p>
<p class="text-white-50 mb-0">Create, maintain, and troubleshoot websites for the organization, while overseeing various IT tasks including network management, system maintenance, and providing technical support to ensure smooth and secure IT operations.</p>
</div>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2024 - Present</p>
<h3 class="text-5 text-white">Executive Assistant</h3>
<p class="text-primary">Weagle Holdings Ltd</p>
<p class="text-white-50 mb-0">Assist the CEO in managing day-to-day activities, including administrative tasks, scheduling, coordinating meetings, and compiling reports for business analysis, ensuring efficient operations and support for strategic decision-making.</p>
</div>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2024, Feb - Jul</p>
<h3 class="text-5 text-white">Training Matrix Analyst</h3>
<p class="text-primary">Illovo Sugar (Malawi) plc</p>
<p class="text-white-50 mb-0">Developed training matrices for engineering departments, identified skill gaps, and recommended targeted programs. Utilized advanced Excel for data analysis and collaborated with department heads to align training with organizational needs. Produced reports on training effectiveness and employee performance improvements.</p>
</div>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2022, Aug - Nov</p>
<h3 class="text-5 text-white">Electrical Maintenance Intern</h3>
<p class="text-primary">The Foods Company Limited</p>
<p class="text-white-50 mb-0">Worked on relays, contactors, MCCB breakers, and performed motor tests. Maintained electrical equipment like sensors and valves at an Ice plant. Conducted corrective and preventive maintenance on cold rooms and pumps. Logged daily operations, maintenance, and safety activities.</p>
</div>
<div class="bg-dark rounded p-4 mb-4">
<p class="badge bg-danger text-2 fw-400">2022, Jun - Aug</p>
<h3 class="text-5 text-white">Biomedical Intern</h3>
<p class="text-primary">Rice360 Institute of Global Health</p>
<p class="text-white-50 mb-0">Conceptualized and designed innovative solutions for medical challenges using the engineering design process. Collaborated with healthcare professionals, analyzed data, and optimized designs for medical devices and prosthetics.</p>
</div>
</div>
</div>
<!-- My Skills -->
<h2 class="text-6 text-white fw-600 mt-4 mb-4">My Skills</h2>
<div class="row gx-5">
<div class="col-md-6">
<p class="text-light fw-500 text-start mb-2">Team Work <span class="float-end">85%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-light fw-500 text-start mb-2">Creativity <span class="float-end">90%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-light fw-500 text-start mb-2">Leadership<span class="float-end">80%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-light fw-500 text-start mb-2">Willingness to Learn<span class="float-end">80%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="col-md-6">
<p class="text-light fw-500 text-start mb-2">Soldering <span class="float-end">75%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-light fw-500 text-start mb-2">Programming <span class="float-end">85%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-light fw-500 text-start mb-2">AI Proficiency <span class="float-end">70%</span></p>
<div class="progress progress-sm bg-dark mb-4">
<div class="progress-bar" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="text-center mt-5"><a href="./docs/beaton-ndawa~cv.pdf" class="btn btn-outline-secondary rounded-pill shadow-none" download>Download CV <span class="ms-1"><i class="fas fa-download"></i></span></a></div>
</div>
</section>
<!-- Resume end -->
<!-- Portfolio
============================================= -->
<section id="portfolio" class="section bg-dark-2">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-white-50 opacity-1 text-uppercase fw-600 w-100 mb-0">Portfolio</h2>
<p class="text-9 text-white fw-600 position-absolute w-100 align-self-center lh-base mb-0">My Work<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<!-- Filter Menu -->
<ul class="portfolio-menu nav nav-tabs nav-light justify-content-center border-bottom-0 mb-5">
<li class="nav-item"> <a data-filter="*" class="nav-link active" href="">All</a></li>
<li class="nav-item"> <a data-filter=".website" href="" class="nav-link">Website</a></li>
<li class="nav-item"> <a data-filter=".brand" href="" class="nav-link">Brand</a></li>
<li class="nav-item"> <a data-filter=".photos" href="" class="nav-link">Photos</a></li>
</ul>
<!-- Filter Menu end -->
<div class="portfolio popup-ajax-gallery">
<div class="row portfolio-filter g-4">
<div class="col-sm-6 col-lg-4 website">
<div class="portfolio-box rounded">
<div class="portfolio-img rounded"> <img class="img-fluid d-block" src="images/projects/sounds.jpg" alt="">
<div class="portfolio-overlay"> <a class="stretched-link" href="https://malawisounds.com"></a>
<div class="portfolio-overlay-details">
<h5 class="text-white fw-400">Malawi Sounds</h5>
<span class="text-light">Website</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 website">
<div class="portfolio-box rounded">
<div class="portfolio-img rounded"> <img class="img-fluid d-block" src="images/projects/maso.jpg" alt="">
<div class="portfolio-overlay"> <a class="stretched-link" href="https://maso-awards.live"></a>
<div class="portfolio-overlay-details">
<h5 class="text-white fw-400">Maso Awards</h5>
<span class="text-light">Website</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 artwork website">
<div class="portfolio-box rounded">
<div class="portfolio-img rounded"> <img class="img-fluid d-block" src="images/projects/skilltainment.jpg" alt="">
<div class="portfolio-overlay"> <a class="stretched-link" href="https://skilltainment.org"></a>
<div class="portfolio-overlay-details">
<h5 class="text-white fw-400">Skilltainment Ltd</h5>
<span class="text-light">Website</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 artwork brand website">
<div class="portfolio-box rounded">
<div class="portfolio-img rounded"> <img class="img-fluid d-block" src="images/projects/nkhwazi.jpg" alt="">
<div class="portfolio-overlay"> <a class="stretched-link" href="https://nkhwaziaeros.com"></a>
<div class="portfolio-overlay-details">
<h5 class="text-white fw-400">Nkhwazi Aeros</h5>
<span class="text-light">Website</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4 website">
<div class="portfolio-box rounded">
<div class="portfolio-img rounded"> <img class="img-fluid d-block" src="images/projects/fam.jpg" alt="">
<div class="portfolio-overlay"> <a class="stretched-link" href="https://awards.fam.mw"></a>
<div class="portfolio-overlay-details">
<h5 class="text-white fw-400">Fam Awards</h5>
<span class="text-light">Website</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio end -->
<!-- Contact Me
============================================= -->
<section id="contact" class="section bg-dark-2">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-white-50 opacity-1 text-uppercase fw-600 w-100 mb-0">Contact</h2>
<p class="text-9 text-white fw-600 position-absolute w-100 align-self-center lh-base mb-0">Get in Touch<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row gy-5">
<div class="col-md-4 col-xl-3 order-1 order-md-0 text-center text-md-start">
<p class="text-3 text-light mb-1"><span class="text-primary text-4 me-2"><i class="fas fa-phone"></i></span>+265 885 82 50 08</p>
<p class="text-3 text-light mb-1"><span class="text-primary text-4 me-2"><i class="fas fa-fax"></i></span>+265 998 41 24 21</p>
<p class="text-3 text-light mb-4"><span class="text-primary text-4 me-2"><i class="fas fa-envelope"></i></span>bndawa@skilltainment.org</p>
<h2 class="mb-3 text-5 text-white text-uppercase">Follow Me</h2>
<ul class="social-icons social-icons-muted justify-content-center justify-content-md-start">
<li class="social-icons-twitter"><a data-bs-toggle="tooltip" href="https://www.linkedin.com/in/beaton-ndawa-0213b61b5/" target="_blank" title="Twitter"><i class="fab fa-linkedin"></i></a></li>
<li class="social-icons-facebook"><a data-bs-toggle="tooltip" href="http://fb.me/beaton.ndawa.9/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li class="social-icons-github"><a data-bs-toggle="tooltip" href="http://www.github.com/beaton-ndawa" target="_blank" title="GitHub"><i class="fab fa-github"></i></a></li>
</ul>
</div>
<div class="col-md-8 col-xl-9 order-0 order-md-1">
<h2 class="mb-3 text-5 text-white text-uppercase text-center text-md-start">Send me a note</h2>
<form id="contact-form" class="form-dark" action="php/mail.php" method="post">
<div class="row g-4">
<div class="col-xl-6">
<input name="name" type="text" class="form-control" required placeholder="Name">
</div>
<div class="col-xl-6">
<input name="email" type="email" class="form-control" required placeholder="Email">
</div>
<div class="col">
<textarea name="form-message" class="form-control" rows="5" required placeholder="Tell us more about your needs........"></textarea>
</div>
</div>
<p class="text-center mt-4 mb-0">
<button id="submit-btn" class="btn btn-primary rounded-pill d-inline-flex" type="submit">Send Message</button>
</p>
</form>
</div>
</div>
</div>
</section>
<!-- Contact Me end -->
</div>
<!-- Content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="section footer-dark bg-dark-1">
<div class="container px-lg-5">
<div class="row">
<div class="col-lg-6 text-center text-lg-start">
<p class="mb-3 mb-lg-0">Copyright © <?php echo date('Y', time()); ?> <a href="#" class="fw-500">Beaton Ndawa</a>. All Rights Reserved.</p>
</div>
<div class="col-lg-6">
</div>
</div>
</div>
</footer>
<!-- Footer end -->
</div>
<!-- Document Wrapper end -->
<!-- Back to Top
============================================= -->
<a id="back-to-top" class="rounded-circle" data-bs-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>
<!-- Styles Switcher -->
<div id="styles-switcher" class="right">
<h2 class="text-3">Color Switcher</h2>
<hr>
<ul>
<li class="indigo" data-bs-toggle="tooltip" title="Indigo" data-path="css/color-indigo.css"></li>
<li class="blue" data-bs-toggle="tooltip" title="Blue" data-path="css/color-blue.css"></li>
<li class="purple" data-bs-toggle="tooltip" title="Purple" data-path="css/color-purple.css"></li>
<li class="cyan" data-bs-toggle="tooltip" title="Cyan" data-path="css/color-cyan.css"></li>
<li class="red" data-bs-toggle="tooltip" title="Red" data-path="css/color-red.css"></li>
<li class="pink" data-bs-toggle="tooltip" title="Pink" data-path="css/color-pink.css"></li>
<li class="green" data-bs-toggle="tooltip" title="Green" data-path="css/color-green.css"></li>
<li class="yellow" data-bs-toggle="tooltip" title="Yellow" data-path="css/color-yellow.css"></li>
<li class="orange" data-bs-toggle="tooltip" title="Orange" data-path="css/color-orange.css"></li>
<li class="brown" data-bs-toggle="tooltip" title="Brown" data-path="css/color-brown.css"></li>
</ul>
<button class="btn btn-dark btn-sm w-100 border-0 fw-400 rounded-0 shadow-none" id="reset-color">Reset Default Teal</button>
<button class="btn switcher-toggle"><i class="fas fa-cog"></i></button>
</div>
<!-- Styles Switcher End -->
<!-- JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Easing -->
<script src="vendor/jquery.easing/jquery.easing.min.js"></script>
<!-- Appear -->
<script src="vendor/jquery.appear/jquery.appear.min.js"></script>
<!-- Images Loaded -->
<script src="vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<!-- Counter -->
<script src="vendor/jquery.countTo/jquery.countTo.min.js"></script>
<!-- Parallax Bg -->
<script src="vendor/parallaxie/parallaxie.min.js"></script>
<!-- Typed -->
<script src="vendor/typed/typed.min.js"></script>
<!-- Owl Carousel -->
<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
<!-- isotope Portfolio Filter -->
<script src="vendor/isotope/isotope.pkgd.min.js"></script>
<!-- Magnific Popup -->
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Style Switcher -->
<script src="js/switcher.min.js"></script>
<!-- Custom Script -->
<script src="js/theme.js"></script>
</body>
</html>