x
<html lang="en"><head><title>W3.CSS Template</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://www.w3schools.com/w3css/5/w3.css"></head><body><!-- Header --><header class="w3-display-container w3-content w3-center" style="max-width:1500px"> <img class="w3-image" src="/w3images/photographer.jpg" alt="Me" width="1500" height="600"> <div class="w3-display-middle w3-padding-large w3-border w3-wide w3-text-light-grey w3-center"> <h1 class="w3-hide-medium w3-hide-small w3-xxxlarge">JANE DOE</h1> <h5 class="w3-hide-large" style="white-space:nowrap">JANE DOE</h5> <h3 class="w3-hide-medium w3-hide-small">PHOTOGRAPHER</h3> </div> <!-- Navbar (placed at the bottom of the header image) --> <div class="w3-bar w3-light-grey w3-round w3-display-bottommiddle w3-hide-small" style="bottom:-16px"> <a href="#" class="w3-bar-item w3-button">Home</a> <a href="#portfolio" class="w3-bar-item w3-button">Portfolio</a> <a href="#contact" class="w3-bar-item w3-button">Contact</a> </div></header><!-- Navbar on small screens -->