<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <title>飲食店メニュー</title> </head> <body> <header class="navbar"> <div class="barContainer"> <h1 id="name" data-name="shopID"></h1> <nav> <ul> <li><a href="#">About</a></li> <li><a href="#">Menu</a></li> <li><a href="#">News </a></li> </ul> </nav> </div> </header> <h2 class="kinds">メニュー表</h2> <div id="menuContainer"> </div> <script src="script.js"></script> </body> </html>