<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <!-- 328lect08-2-1-flex.html: to style by our CSS external style sheet built during CSS flex intro recording, on Tuesday, March 18, 2025 by: Sharon Tuttle last modified: 2025-03-18 you can run this using the URL: https://nrs-projects.humboldt.edu/~st10/s25cs328/328lect08-2-1-flex/328lect08-2-1-flex.html --> <head> <title> 328lect08-2-1-flex </title> <meta charset="utf-8" /> <link href="https://nrs-projects.humboldt.edu/~st10/styles/normalize.css" type="text/css" rel="stylesheet" /> <link href="328lect08-2-1-flex.css" type="text/css" rel="stylesheet" /> </head> <body> <h1> CSS Flexbox Demo </h1> <p> Trying out CSS flexbox layout! </p> <div class="flex-demo"> <div class="one">One</div> <div class="two">Two</div> <div class="three">Three</div> <div class="four">Four</div> <div class="five">Five</div> <div class="six">Six</div> </div> <form action="https://nrs-projects.humboldt.edu/~st10" method="get"> <label for="hungry"> What are you hungry for? </label> <input type="text" name="hungry" id="hungry" /> <div class="submit-div"> <input type="submit" /> </div> </form> <footer> <hr /> <p> Validate by pasting .xhtml copy's URL into<br /> <a href="https://validator.w3.org/nu"> https://validator.w3.org/nu </a> or <a href="https://html5.validator.nu/"> https://html5.validator.nu/ </a> </p> </footer> </body> </html>