FAQ_HTML

<!DOCTYPE html>

<html lang="jp">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="./image/stylesheetFAQ.css">

    <title>FAQ</title>

</head>

<body>

    <header>

      <h1 class="title"><img src="./image/FAQimage.png" alt="FAQimage"></h1>

      <nav class="nav">

        <ul class="menu-group">

          <li class="menu-item"><a href="#">メインメニュー</a></li>

          <li class="menu-item"><a href="">検索</a></li>

        </ul>

      </nav>

    </header>

   

    <!--検索ボックス-->

    <input type="text" id="searchInput" placeholder="キーワードを検索">

    <ul id="results"></ul>


    <!--ここからFAQ **編-->

    <section class="mt_S">

      <div class="titel_FAQ">

        <h2>FAQ **編</h2>

      </div>

        <div class="accordion">

        <input type="checkbox" id="check1" class="accordion-hidden">

        <label for="check1" class="accordion-open">携帯と固定</label>

        <label for="check1" class="accordion-inner">どちらもかけておk</label>


        <input type="checkbox" id="check2" class="accordion-hidden">

        <label for="check2" class="accordion-open">依頼元へアポ</label>

        <label for="check2" class="accordion-inner">依頼元へ確認事項</label>



        <input type="checkbox" id="check3" class="accordion-hidden">

        <label for="check3" class="accordion-open">黒</label>

        <label for="check3" class="accordion-inner">ダメ絶対</label>


        <input type="checkbox" id="check4" class="accordion-hidden">

        <label for="check4" class="accordion-open">もしもし</label>

        <label for="check4" class="accordion-inner">おそれいります</label>

      </div>

    </section>


    <!--ここからFAQ **編-->

    <section class="mt_S">

      <div class="titel_FAQ">

        <h2>FAQ **編</h2>

      </div>

        <div class="accordion">

          <input type="checkbox" id="check5" class="accordion-hidden">

          <label for="check5" class="accordion-open">依頼元アポ</label>

          <label for="check5" class="accordion-inner">確認事項なければ白</label>

                   

          <input type="checkbox" id="check6" class="accordion-hidden">

          <label for="check6" class="accordion-open">適当</label>

          <label for="check6" class="accordion-inner">回答が入ります。</label>

         

          <input type="checkbox" id="check7" class="accordion-hidden">

          <label for="check7" class="accordion-open">aaa</label>

          <label for="check7" class="accordion-inner">あああ</label>

         

          <input type="checkbox" id="check8" class="accordion-hidden">

          <label for="check8" class="accordion-open">いい</label>

          <label for="check8" class="accordion-inner">ああああ</label>

        </div>

     </section>


    <!--ここからFAQ **編-->

    <section class="mt_S">

      <div class="titel_FAQ">

        <h2>FAQ **編</h2>

      </div>

      <div class="accordion">

        <input type="checkbox" id="check9" class="accordion-hidden">

        <label for="check9" class="accordion-open">依頼元アポ</label>

        <label for="check9" class="accordion-inner">確認事項なければ白</label>

                 

        <input type="checkbox" id="check10" class="accordion-hidden">

        <label for="check10" class="accordion-open">適当</label>

        <label for="check10" class="accordion-inner">回答が入ります。</label>

       

        <input type="checkbox" id="check11" class="accordion-hidden">

        <label for="check11" class="accordion-open">aaa</label>

        <label for="check11" class="accordion-inner">あああ</label>

       

        <input type="checkbox" id="check12" class="accordion-hidden">

        <label for="check12" class="accordion-open">写真</label>

        <label for="check12" class="accordion-inner">写真<br>

        <input type="image" src="./image/FAQimage.png"></label>

      </div>

    </section>


    <script src="./script/scriptFAQ.js"></script>

</body>

</html>

この記事が気に入ったらサポートをしてみませんか?