<html lang="en">
  <head>
    <title>Portfolio Using Bootstrap 4</title>
  </head>
  <body>
    <!--A black horizontal navbar that becomes vertical on small screens -->
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
      <!--Brand-->
      <a class="navbar-brand" href="#">Logo</a>
      <!--Toggler/collapsible Button-->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Navbar Links -->
      <div class="collaps navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav">
        <li class="nav-item"><a class="nav-link" href="#">Link 1</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Link 2</a></li>
        <!--Dropdown-->
        <li class="nav-item"><a class="nav-link" href="#">Link 3</a></li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Dropdown Link</a>
          <div class="dropdown-menu"><a class="dropdown-item" href="#">Link 1</a>
            <a class="dropdown-item" href="#">Link 2</a>
            <a class="dropdown-item" href="#">Link 3</a>
          </div>
        </li>  
      </ul> 
      </div>
      <!--Form with Username-->
     <!-- <form class="form-inline" action="/action_page.php">
        <div class="input-group">
          <div class="input-group-prepend">
            <span class="input-group-text">@</span>
          </div>
          <input type="text" class="form-control" placeholder="Username">
        </div>
      </form>  -->
      <form class="form-inline" action="/action_page.php">
        <input class="form-control mr-sm-2" type="text" placeholder="Search">
        <button class="btn btn-success" type="submit">Search</button>
      </form>  
    </nav>
    <!-- End Navbar-->
    <!--Jumbotron-->
    <div class="jumbotron jumbotron-fluid text-center">
      <div class="container">
        <h1>My Portfolio</h1>
        <p>Some of my personal work.</p>
      </div>
    </div>
   <!--End Jumbotron-->
   <!--Begin Gallery-->
    <div class="container-fluid text-center">
      <h3>Some of my work</h3>
      <p>Here are some pictures of my work.</p>
      <div class="row">
        <div class="col-sm-3">1</div>
        <div class="col-sm-3">2</div>
        <div class="col-sm-3">3</div>
        </row>
        <div class="col-sm-3">4</div>
      </div>
      <div class="row">
        <div class="col-sm-3">1</div>
        <div class="col-sm-3">2</div>
        <div class="col-sm-3">3</div>
        </row>
        <div class="col-sm-3">4</div>
      </div>
    </div>  
   <!--End Gallery-->

    
    
  </body>
/*Colors f76262 216583 65c0ba cffdf8 */

/*Adds pink color to the navbar with a little bit of see-through/opague */
.navbar {
  margin-bottom: 0;
  background-color: #ed6363 !important;
  border: 0;
  font-size: 16px !important;
  letter-spacing: 3px;
  opacity: 0.95;
}

/*Adds black to all navbar links */
.navbar li a, .navbar .navbar-brand {
  color: black !important;
}

.jumbotron {
  margin-top: 0;
}
Rerun