<!doctype html>

<html lang="en">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="Keywords" content="Portoflio, Brianna'sportfolio, graphic design, web development.">

<meta name="Description" content="This is Brianna'sportfolio.">

<meta name="viewport" content="width=device-width, initialscale=1, shrink-to-fit=no">

<title>Briannas Portfolio</title>

<nav class="navbar navbar-expand-lg bg-dark"> 

  <a class="navbar-brand" href="index.html">Home</a>   

<button class="navbar-toggler" type="button" datatoggle="collapse" data-target="#navbarSupportedContent" ariacontrols="navbarSupportedContent" aria-expanded="false" arialabel="Toggle navigation"> 

  <span class="navbar-toggler-icon"></span>   

</button>   

<div class="collapse navbar-collapse"    id="navbarSupportedContent">   

<ul class="navbar-nav mr-auto"> 

  <li class="nav-item active">   

<a class="nav-link" href="Portfolio.html">Portfolio<span class="sronly"></span>

</a>    </li>    <li class="nav-item"> 

  <a class="nav-link" href="Contact.html">Contact us</a>    </li> 

  <li class="nav-item dropdown">    </li>    </a> 

  <div class="dropdown-menu" arialabelledby="navbarDropdown">   

</div>   

<li class="nav-item"> 

  <a class="nav-link" href="About.html">About Us</a>    </li>    </ul> 

  <form class="form-inline my-2 my-lg-0"> 

  <input class="form-control mr-sm-2" type="search"    placeholder="Search" aria-label="Search"> 

  <button class="btn btn-outline-success my-2 my-sm-0"    type="submit">Search</button>    </form>    </div>    </nav> 
<div id="carouselExampleControls" class="carousel slide" dataride="carousel">   

<div class="carousel-inner">   

<div class="carousel-item active"> 

  <img src=Lamp.JPG class="d-block w-100"    alt="Lamp"> <change image and alt tag here-->     <div>    <div class="carousel-item">

    <img src=NewOrleans.jpg   class="d-block w-100"    alt="NewOrleans"><change image and alt tag here-->    <div>   

<div class="carousel-item">    <img src=Ocean.jpg" class="d-block w-100"    alt="Ocean"><change image and alt tag here--> 

  <div class="carousel-item active">    <img src=Pink flower.jpg " class="d-block w-100"    alt="Pink flower"> <change image and alt tag here--> 

  <div>    <div class="carousel-item active">        <img src="public_html/Images/ships.JPG" class="d-block w-100"    alt="ships"> <change image and alt tag here-->   

<div>    <div class="carousel-item active">        <img src=sign.JPGG" class="d-block w-100"    alt="sign"> <change image and alt tag here-->   

<div>    <div class="carousel-item active">        <img src=street.JPG " class="d-block w-100"    alt="street"> <change image and alt tag here-->   

<div></div><div><a class="carousel-control-prev"href="#carouselExampleControls" role="button" dataslide="prev"><span class="carousel-control-prev-icon" ariahidden="true"></span>

<span class="sr-only">Previous</span></a>

<a class="carousel-control-next"href="#carouselExampleControls" role="button" dataslide="next">

<span class="carousel-control-next-icon" ariahidden="true"></span><span class="sr-only">Next</span></a></div>

 <link rel="stylesheet"href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

<link href="_css/stylesheet.css" rel="stylesheet"type="text/css">

<!--link to your own stylesheet --></head>

<!-- JS, Popper.js, and jQuery --><script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"crossorigin="anonymous">

</script><scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"crossorigin="anonymous"></script>

<scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"crossorigin="anonymous"></script>

 </body>

</html>