<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <script src="js/script.js" defer></script> <title>Using Template with Search</title> </head> <body> <header> </header> <main> <!-- * Section for search --> <!-- note that really this is filtering, not searching --> <div class="search-wrapper"> <label for="search">Search (filter) Users</label> <input type="search" id="search" data-search> </div> <!-- * Section for users --> <div class="user-cards" data-user-cards-container> </div> </main> <template data-user-template> <div class="card"> <div class="name" data-name>My Name</div> <div class="email" data-email>My email address</div> </div> </template> </body> </html>