- HTML
- CSS
- Bootstrap
This site is a moble responsive portfolio. Within the site, it contains three webpages titled About Me, Contact, and Portfolio.
- [See Live Site] (https://jessnyj.github.io/mobile-responsive-portfolio/)
For this portfolio site, I created three html pages titled index.html, portfolio.html, and contact.html. Using Bootstrap, I ensured that each page had a navbar, a responsive layout, and responsive images. Within each individual page I added different content such as an About Me section, images for the portfolio, and a contact me section. Furthermore, utilizing Bootstrap's responsive features, I was able to modify how the screen looks on different screens, including mobile devices.
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<strong><a class="navbar-brand" href="index.html">Jessny Joseph</a></strong>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">About</a>
</li>
</li>
</ul>
</div>
</div>
</nav>
<html>
</html>
UC Berkeley Coding Bootcamp
Jessny Joseph
Trilogy Education Services