Responsive Portfolio

Using Bootstrap framework to create a responsive portfolio with a home page, portfolio page and a contact page.

Built With

• HTML
• CSS
• Bootstrap

Demo

Code Snippets

Each page has a navbar that highlight the page user is currently on

<div class="collapse navbar-collapse" id="navbarNav">
  <ul class="navbar-nav">
    <li class="nav-item active">
      <a class="nav-link" href="#"
        >Home <span class="sr-only">(current)</span></a
      >
    </li>
    <li class="nav-item">
      <a class="nav-link" href="/portfolio.html">Portfoilo</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="/contact.html">Contact</a>
    </li>
  </ul>
</div>

The portfolio project is display using bootstrap cards

<div class="col-md-4">
  <div class="card" style="width: 18rem;">
    <img
      src="./assets/images/scheduler.png"
      class="card-img-top"
      alt="workday scheduler image"
    />
    <div class="card-body">
      <h5 class="card-title">Workday Scheduler</h5>
      <p class="card-text">
        Workday planner displaying time block from 9am to 5pm
      </p>
      <a
        href="https://kokevin678.github.io/work_day_scheduler/"
        class="btn btn-primary"
        >Demo</a
      >
    </div>
  </div>
</div>

Deployed Link

• See Live Site

Authors

Kevin Ko

• Portfolio
• LinkedIn
• Github