Basic Info

Enter Your First Name
Enter Your Last-Name or Sur-name
upload your photo in a CDN(Ex. Imgur) and paste the direct image URL here.
Enter the URL of your website
Write something about you.
If someone wants to search for you, what keywords should they use?
Enter your Full Address
Enter your phone number
Enter your Email-Address
Please choose the colour for your portfolio

Experience

Education

Skills

Interests

Awards

Download
<!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>