about

<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>The web site of surf-dream</title>
  <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
  <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  <link href="/ress.min.css" rel="stylesheet" type="text/css" media="all"> </head>
<body>
  <div class="about-back">
    <div class="wrapper">
      <div class="about-logo-box align-center">
        <img src="https://surf-dream.neocities.org/mateial/orange2.gif">
        <img class="about-logo" src="https://surf-dream.neocities.org/mateial/Frame_12-removebg-preview%20(1).png">
        <img src="https://surf-dream.neocities.org/mateial/icecoffee10.gif">
        <a href="https://surf-dream.neocities.org/top"><img class="return-top" src="https://surf-dream.neocities.org/mateial/Group-4.png"></a>
      </div>
      <marquee> <img class="boat" src="https://surf-dream.neocities.org/mateial/hatusimamaru.gif"> </marquee>
      <main class="about-main margin-t_10">
        <section class="profile">
          <div class="name prof-back">
            <h2>管理人</h2>
          </div>
          <p class="main-text15 align-center margin-t_10 margin-b_40">兎森ささ(Sasa)</p>
          <div class="name prof-back">
            <h2>住んでるところ</h2>
          </div>
          <p class="main-text15 align-center margin-t_10 margin-b_40">広島県鞆の浦</p>
          <div class="name prof-back">
            <h2>好きなこと</h2>
          </div>
          <p class="main-text15 align-center margin-t_10 margin-b_40">夏の海・星空を眺めること・友達といる時間・プールで遊ぶこと・かき氷・貝拾いや砂浜で遊ぶこと</p>
          <div class="name prof-back">
            <h2>苦手なもの</h2>
          </div>
          <p class="main-text15 align-center margin-t_10 margin-b_40">虫（特にムカデ）・寒い天気・高いところ・ダークライド（怖いアトラクション）・野菜の苦味・失敗すること</p>
          <div class="name prof-back">
            <h2>このサイトについて</h2>
          </div>
          <p class="main-text15 align-center margin-t_10 margin-b_40">ここは私の夏の思い出を書いていくホームページです。<br>夏休みの思い出や日常で感じたことなんかを綴っています。</p>
          <div class="name prof-back">
            <h2>サイトの更新について</h2>
          </div>
          <p class="main-text15 align-center margin-t_10">夏は頻繁に更新しますが、夏が終わるとちょびちょび更新になります<br>夏以外もたま〜に覗きにきてください。</p>
        </section>
      </main>
    </div>
  </div>
  <style>
    .about-back{
     background-image: url(https://surf-dream.neocities.org/mateial/wp_beach3.jpg);
     background-repeat: repeat-x;
     background-position: bottom;
     background-color: #7eb6ed;
     padding: 20px 0 130px 0;
    }

    .prof-back{
     background-image: url(https://surf-dream.neocities.org/mateial/wp_w3.gif);
     width: 300px;
     text-align: center;
     border: solid 1px #333;
     padding: 3px 0;
     font-size: 1.1em;
     font-weight: normal;
     font-style: italic;
     color: #E02B20;
     margin: 0 auto;
      }

    .about-logo{
      width: 30%;
      }

    .return-top{
      display: block;
      width: 6%;
      margin: 10px auto 0 auto;
      }

    .boat{
      width: 13%;
      margin-top: 10px;
      }
  </style>
</body>
</html>