index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="responsive.css">
    <title>Scrapサイト！</title>
    <link rel="stylesheet" href="stylesheet.css">
  </head>
  <body>
    <header>
      <div class="container">
        <div class="header-left">
          <img class="logo" src="./image/logo.png">
        </div>
        <div class="header-right">
        </div>

      </div>
    </header>
    <main>
      <div class="top-wrapper">
        <div class="container">
          <h2 class="title">勝手にイベント特設サイト！</h2>
          <h3>遊びの内容</h3>
          <p>出題されるお題に対して「家にあるもの」で答えなければいけない自宅探索型ゲーム！！
            答えを思いついても...「あぁ、先週捨ててしまった」なんてことも。
            チームで協力してあれやこれやを引っ張り出すドタバタパーティーゲーム！！
            自粛で見飽きてきたあなたの家の中がお宝の山に見えること間違いなし！！
          </p><br>
            <div class="participants">
              <h3>参加者</h3>
              <div class="participant">
                <img class="participant-image" src="./image/しす.jpg">
                <p>しす</p>
              </div>
              <div class="participant">
                <img class="participant-image" src="./image/つな.jpg">
                <p>つな</p>
              </div>
              <div class="participant">
                <img class="participant-image" src="./image/ともちゃん.jpg">
                <p>ともちゃん</p>
              </div>
              <div class="participant">
                <img class="participant-image" src="./image/みずさ.jpg">
                <p>みずさ</p>
              </div>
              <div class="participant">
                <img class="participant-image" src="./image/みどり.jpg">
                <p>みどり</p>
              </div>
              <div class="participant">
                <img class="participant-image" src="./image/こーちゃん.jpg">
                <p>こーちゃん</p>
              </div>
            </div>
          <br><br><br>
          <h3>Zoom URL</h3>
          <a href="https://us02web.zoom.us/j/84268892921?pwd=S0l0Z1hYMDQwQVNlNFV3TXZmbXpydz09">https://us02web.zoom.us/j/84268892921?pwd=S0l0Z1hYMDQwQVNlNFV3TXZmbXpydz09</a>
          <br><br>
          <h3>時間</h3>
          <p>5月23日(土)19:50集合 ※ミーティングルームは19:30からオープンしてるので早めに来てもOK!</p><br>
          <h3>チケット申込番号</h3>
          <p>オーダー ID：553119</p><br>
          <h3>事前にcheck it out!!</h3>
          <a href="https://www.scrapmagazine.com/show_sanka/">「自宅探索型イベント！！家にあるもので答えまSHOW！」受付方法</a>
          <br><br>
          <h3>注意事項</h3>
          <ul>
            <li>集合時間に遅れないようにしましょう</li>
            <li>スマホで参加の場合は事前にスプレッドシートアプリのダウンロード</li>
          </ul>
          <img class="content-image" src="./image/tmc.jpg">
        </div>
      </div>
    </main>
    <footer>
      <div class="container">
        <img class="logo2" src="./image/rabbit.jpg">
        <p>2020/5/23 15:40  created by こーちゃん</p>
    </footer>

    <!--ローカルページ　C:/Users/koji/Desktop/html_lesson/scrap/index.html  -->
  </body>
</html>