index.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
  6. <link rel="preconnect" href="https://fonts.googleapis.com">
  7. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  8. <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  9. <meta name="viewport" content="width=device-width, initial-scale=1" />
  10. <meta name="theme-color" content="#000000" />
  11. <meta
  12. name="description"
  13. content="Web site created using create-react-app"
  14. />
  15. <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
  16. <!--
  17. manifest.json provides metadata used when your web app is installed on a
  18. user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
  19. -->
  20. <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
  21. <!--
  22. Notice the use of %PUBLIC_URL% in the tags above.
  23. It will be replaced with the URL of the `public` folder during the build.
  24. Only files inside the `public` folder can be referenced from the HTML.
  25. Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
  26. work correctly both with client-side routing and a non-root public URL.
  27. Learn how to configure a non-root public URL by running `npm run build`.
  28. -->
  29. <title>React App</title>
  30. </head>
  31. <body>
  32. <noscript>You need to enable JavaScript to run this app.</noscript>
  33. <div id="root">
  34. <header class="header">
  35. <div class="header-wrap">
  36. <a href="#" class="logo">
  37. <img src="image/WD.svg" alt="logo">
  38. </a>
  39. <nav class="nav">
  40. <input type="checkbox" id="burger" class="burger-checkbox">
  41. <label for="burger" class="burger">
  42. <span></span>
  43. </label>
  44. <ul class="header-list">
  45. <li><a href="#" class="header-item">Главная</a></li>
  46. <li><a href="#" class="header-item">Об Авторе</a></li>
  47. <li><a href="#" class="header-item">работы</a></li>
  48. <li><a href="#" class="header-item">процесс</a></li>
  49. <li><a href="#" class="header-item">контакты</a></li>
  50. </ul>
  51. </nav>
  52. </div>
  53. </header>
  54. </div>
  55. </body>
  56. </html>