JSFiddle - React, Tailwind, and code Playground

by mahny

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link
    href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&family=Quicksand:wght@400;500;700&display=swap"
    rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" type="text/css">
</head>
<body>
  <nav class="nav1">
    <img src="header_palmtop-assets/logo.png" alt="" class="kagu_logo_1">
    <img src="header_palmtop-assets/line.png" alt="">
  </nav>
  <nav class="nav2">
    <img src="header_desktop-assets/logo.png" alt="" class="kagu_logo_2">
    <div class="nav2_flexbox">
      <ul>
        <li><a href="#">取扱い家具</a></li>
        <li><a href="#">販売店・展示場一覧</a></li>
        <li><a href="#">採用情報</a></li>
        <li><a href="#">お知らせ</a></li>
      </ul>
      <div class="nav_store">
        <a href="#">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="21"
            viewBox="0 0 20 21">
            <image id="icon_store.svg" width="20" height="21"
             ...