Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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="back">
- <div class="wrapper">
- <div class="logo"> <img src="https://surf-dream.neocities.org/mateial/mini.png"> </div>
- <div class="marquee">
- <marquee class="main-text">夏休み 楽しいサマー・ヴァケーション</marquee>
- </div>
- <nav class="nav-container">
- <ul class="nav">
- <li> <img src="https://surf-dream.neocities.org/mateial/55b-home.gif"> </li>
- <li> <a href="https://surf-dream.neocities.org/about"><img src="https://surf-dream.neocities.org/mateial/55b-about.gif"></a> </li>
- <li> <a href="https://www3.rocketbbs.com/601/sasa.html"><img src="https://surf-dream.neocities.org/mateial/55b-bbs.gif"></a> </li>
- <li> <a href="https://surf-dream.neocities.org/link"><img src="https://surf-dream.neocities.org/mateial/55b-link.gif"></a> </li>
- </ul>
- </nav>
- <main>
- <div class="main-container">
- <div class="left-container">
- <div class="left-title">
- <h2 class="left-h2 before">夏の思い出 </h2>
- </div>
- <div class="left-box01 margin-t_5"> <a class="main-text15 update-2002" href="https://surf-dream.neocities.org/diary2002">2002年の夏</a>
- <p class="main-text">伊豆の下田に<br>行きました</p>
- </div>
- <div class="left-box02 margin-t_5"> <a class="main-text15" href="#">2003年の夏</a>
- <p class="main-text">まだ先の<br>おはなし</p>
- </div>
- <div class="left-box01 margin-t_5"> <a class="main-text15" href="#">2004年の夏</a>
- <p class="main-text">高校最後の<br>夏休み</p>
- </div> <img class="divider margin-t_10" src="https://surf-dream.neocities.org/mateial/002-1.gif">
- <div class="left-title margin-t_5">
- <h2 class="left-h2">管理人の日常 </h2>
- <p class="main-text">たま〜に更新</p>
- </div>
- <div class="left-box01 margin-t_5"> <a class="main-text15" href="#">高校のこと</a> </div>
- <div class="left-box02 margin-t_5"> <a class="main-text15" href="#">趣味のこと</a> </div>
- <div class="left-box01 margin-t_5"> <a class="main-text15" href="#">いろいろ</a> </div>
- </div>
- <div class="center-container"> <img class="center-img" src="https://surf-dream.neocities.org/mateial/gogo_2.gif">
- <p class="main-text center-text">夏の思い出などを書いています。よかったらゆっくりしていってくださいね。</p> <img class="center-banner" src="https://surf-dream.neocities.org/mateial/b_mo200.gif"> <a href="#" class="main-text" style="color: white; font-size: 1.5em; display: block;">ようこそここへ。</a> </div>
- <div class="right-container">
- <div class="right-title">
- <h2 class="right-h2 before">更新履歴 </h2>
- <div class="update-box margin-t_10">
- <p class="update-new italic">2002.07.27</p>
- <p>夏休みの日記をUPしました。</p>
- <p class="margin-t_10 italic">2002.07.26</p>
- <p>夏休みの日記をUPしました。</p>
- <p class="margin-t_10 italic">2002.07.23</p>
- <p>夏休みの日記をUPしました。</p>
- <p class="margin-t_10 italic">2002.07.22</p>
- <p>日記をUPしました。</p>
- <p class="margin-t_10 italic">2002.07.21</p>
- <p>日記をUPしました。</p>
- <p class="margin-t_10 italic">2002.03.10</p>
- <p>BBSを設置しました。</p>
- <p class="margin-t_10 italic">2001.09.17</p>
- <p>Linkのページ作りました。</p>
- <p class="margin-t_10 italic">2001.07.04</p>
- <p>きゅうり堂さんと相互リンクしました。</p>
- <p class="margin-t_10 italic">2001.04.22</p>
- <p>ホームページを開設しました!</p>
- </div>
- <div class="banner-box">
- <div class="margin-t_5"> <img src="https://surf-dream.neocities.org/mateial/mateken_bn32x32.gif"> <img src="https://surf-dream.neocities.org/mateial/attaka_bn32x32.gif"> <img src="https://surf-dream.neocities.org/mateial/banner_s.gif"> <a href="https://adilene.net/"><img src="https://surf-dream.neocities.org/mateial/sitebutton.png"></a> </div>
- <div class="margin-t_5"> <img style="width: 50%;" src="https://surf-dream.neocities.org/mateial/20_1_1.gif"> <img src="https://surf-dream.neocities.org/mateial/b_natsuhagaki.jpg"> </div>
- <div class="margin-t_5"> <a href="https://www.rocketbbs.com/"><img src="https://surf-dream.neocities.org/mateial/banner_rocketbbs.png"></a> <img src="https://surf-dream.neocities.org/mateial/joy.gif"> </div>
- <div class="web-clap main-text margin-t_5">
- <p>Web拍手を送る</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </main>
- </div>
- </div>
- <footer>
- <div class="footer-box"> <img src="https://surf-dream.neocities.org/mateial/Group-5.png">
- <p class="main-text" style="display: inline-block;">当サイトの内容の無断転載・無断使用を禁止致しております。</p>
- <p class="main-text" style="display: block; color: red;">Last Update 2024 02 03</p>
- </div>
- </footer> <iframe class="audio" width="200" height="100" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1694855184&color=%2344d9dc&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
- <div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/luhved" title="luhved" target="_blank" style="color: #cccccc; text-decoration: none;">luhved</a> · <a href="https://soundcloud.com/luhved/bf014b82-dce4-4c8c-a893-bfa27b3ab70f" title="HOODBYAIR (RETURNING!!!!!) tmr" target="_blank" style="color: #cccccc; text-decoration: none;">HOODBYAIR (RETURNING!!!!!) tmr</a></div>
- <style>
- .audio{
- opacity: .3;
- position: fixed;
- bottom: 0;
- right: 0;
- }
- </style>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement