<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="author" content=" " /> <link rel="icon" type="image/x-icon" href="" /> <meta property="og:title" content=" " /> <meta property="og:site_name" content=" 's Portfolio" /> <meta property="og:url" content="" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta property="og:image" content="" /> <meta name="title" content=" 's Portfolio" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="" /> <meta property="twitter:title" content=" 's Portfolio" /> <meta property="twitter:description" content="" /> <meta property="twitter:image" content="" /> <title> 's Portfolio</title> <!-- Font Awesome icons (free version)--> <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script> <!-- Google fonts--> <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" /> <!-- Core theme CSS (includes Bootstrap)--> <link href="https://startbootstrap.github.io/startbootstrap-resume/css/styles.css" rel="stylesheet" /> <style>.bg-primary {--bs-bg-opacity: 1; background-color: #bd5e38 !important;} .social-icon:hover {background-color: #bd5e38 !important;} .text-primary {--bs-text-opacity: 1; color: #bd5e38 !important;} a {color: #bd5e38;} a:hover {color: #bd5e38;} </style> </head> <body id="page-top"> <!-- Navigation--> <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav"> <a class="navbar-brand js-scroll-trigger" href="#page-top"> <span class="d-block d-lg-none"> </span> <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="" alt=" " /></span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li> <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li> </ul> </div> </nav> <!-- Page Content--> <div class="container-fluid p-0"> <!-- About--> <section class="resume-section" id="about"> <div class="resume-section-content"> <h1 class="mb-0" style="color: #143b64;"> <span class="text-primary"></span> </h1> <div class="subheading mb-5"> <br /> <br /> <a href="mailto:"></a> </div> <p class="lead mb-5"></p> <div class="social-icons"> <a class="social-icon" href="https://fb.me/"><i class="fab fa-facebook-square"></i></a> <a class="social-icon" href="https://wa.me/"><i class="fab fa-whatsapp"></i></a> <a class="social-icon" href="https://instagr.am/"><i class="fab fa-instagram"></i></a> <a class="social-icon" href="https://twitter.com/"><i class="fab fa-twitter-square"></i></a> <a class="social-icon" href="https://linkedin.com/in/"><i class="fab fa-linkedin-in"></i></a> <a class="social-icon" href="https://github.com"><i class="fab fa-github"></i></a> <a class="social-icon" href="https://stackoverflow.com/u/"><i class="fab fa-stack-overflow"></i></a> </div> </div> </section> <hr class="m-0" /> <!-- Experience--> <section class="resume-section" id="experience"> <div class="resume-section-content"> <h2 class="mb-5" style="color: #143b64;">Experience</h2> </div> </section> <hr class="m-0" /> <!-- Education--> <section class="resume-section" id="education"> <div class="resume-section-content"> <h2 class="mb-5" style="color: #143b64;">Education</h2> </div> </section> <hr class="m-0" /> <!-- Skills--> <section class="resume-section" id="skills"> <div class="resume-section-content"> <h2 class="mb-5" style="color: #143b64;">Skills</h2> <div class="subheading mb-3">Programming Languages & Tools</div> <ul class="fa-ul mb-0"> </ul> </div> </section> <hr class="m-0" /> <!-- Interests--> <section class="resume-section" id="interests"> <div class="resume-section-content"> <h2 class="mb-5" style="color: #143b64;">Interests</h2> </div> </section> <hr class="m-0" /> <!-- Awards--> <section class="resume-section" id="awards"> <div class="resume-section-content"> <h2 class="mb-5" style="color: #143b64;">Awards & Certifications</h2> <ul class="fa-ul mb-0"> </ul> </div> </section> </div> <!-- Bootstrap core JS--> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <!-- Core theme JS--> <script src="https://startbootstrap.github.io/startbootstrap-resume/js/scripts.js"></script> </body> </html>