projects/image-search-app/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Unsplash Image Search App</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>Image Search App</h1>
    <form id="search-form">
      <input type="text" id="search-input" placeholder="Search for images..." />
      <button type="submit" id="search-button">Search</button>
    </form>
    <div id="search-results">
      <!-- <div class="search-result">
        <img
          src="https://images.unsplash.com/photo-1503696967350-ad1874122058?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=Mnw0MTc4MDN8MHwxfHNlYXJjaHwxfHxuaWNlfGVufDB8fHx8MTY3NzgxOTYwMg&amp;ixlib=rb-4.0.3&amp;q=80&amp;w=400"
          alt="beach near road at daytime"
        /><a href="https://unsplash.com/photos/mpVZVCClgac" target="_blank"
          >beach near road at daytime</a
        >
      </div> -->
    </div>
    <button id="show-more-button">Show More</button>

    <script src="app.js"></script>
  </body>
</html>