API tools faq
paste
Advertisement
Sasa00

top

Sasa00
Feb 3rd, 2024
19
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.   <meta charset="UTF-8">
  4.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5.   <title>The web site of surf-dream</title>
  6.   <!-- The style.css file allows you to change the look of your web pages.
  7.         If you include the next line in all your web pages, they will all share the same look.
  8.         This makes it easier to make new pages for your site. -->
  9.   <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  10.   <link href="/ress.min.css" rel="stylesheet" type="text/css" media="all"> </head>
  11. <body>
  12.   <div class="back">
  13.     <div class="wrapper">
  14.       <div class="logo"> <img src="https://surf-dream.neocities.org/mateial/mini.png"> </div>
  15.       <div class="marquee">
  16.         <marquee class="main-text">夏休み　楽しいサマー・ヴァケーション</marquee>
  17.       </div>
  18.       <nav class="nav-container">
  19.         <ul class="nav">
  20.           <li> <img src="https://surf-dream.neocities.org/mateial/55b-home.gif"> </li>
  21.           <li> <a href="https://surf-dream.neocities.org/about"><img src="https://surf-dream.neocities.org/mateial/55b-about.gif"></a> </li>
  22.           <li> <a href="https://www3.rocketbbs.com/601/sasa.html"><img src="https://surf-dream.neocities.org/mateial/55b-bbs.gif"></a> </li>
  23.           <li> <a href="https://surf-dream.neocities.org/link"><img src="https://surf-dream.neocities.org/mateial/55b-link.gif"></a> </li>
  24.         </ul>
  25.       </nav>
  26.       <main>
  27.         <div class="main-container">
  28.           <div class="left-container">
  29.             <div class="left-title">
  30.               <h2 class="left-h2 before">夏の思い出 </h2>
  31.             </div>
  32.             <div class="left-box01 margin-t_5"> <a class="main-text15 update-2002" href="https://surf-dream.neocities.org/diary2002">2002年の夏</a>
  33.               <p class="main-text">伊豆の下田に<br>行きました</p>
  34.             </div>
  35.             <div class="left-box02 margin-t_5"> <a class="main-text15" href="#">2003年の夏</a>
  36.               <p class="main-text">まだ先の<br>おはなし</p>
  37.             </div>
  38.             <div class="left-box01 margin-t_5"> <a class="main-text15" href="#">2004年の夏</a>
  39.               <p class="main-text">高校最後の<br>夏休み</p>
  40.             </div> <img class="divider margin-t_10" src="https://surf-dream.neocities.org/mateial/002-1.gif">
  41.             <div class="left-title margin-t_5">
  42.               <h2 class="left-h2">管理人の日常 </h2>
  43.               <p class="main-text">たま〜に更新</p>
  44.             </div>
  45.             <div class="left-box01 margin-t_5"> <a class="main-text15" href="#">高校のこと</a> </div>
  46.             <div class="left-box02 margin-t_5"> <a class="main-text15" href="#">趣味のこと</a> </div>
  47.             <div class="left-box01 margin-t_5"> <a class="main-text15" href="#">いろいろ</a> </div>
  48.           </div>
  49.           <div class="center-container"> <img class="center-img" src="https://surf-dream.neocities.org/mateial/gogo_2.gif">
  50.             <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>
  51.           <div class="right-container">
  52.             <div class="right-title">
  53.               <h2 class="right-h2 before">更新履歴 </h2>
  54.               <div class="update-box margin-t_10">
  55.                 <p class="update-new italic">2002.07.27</p>
  56.                 <p>夏休みの日記をUPしました。</p>
  57.                 <p class="margin-t_10 italic">2002.07.26</p>
  58.                 <p>夏休みの日記をUPしました。</p>
  59.                 <p class="margin-t_10 italic">2002.07.23</p>
  60.                 <p>夏休みの日記をUPしました。</p>
  61.                 <p class="margin-t_10 italic">2002.07.22</p>
  62.                 <p>日記をUPしました。</p>
  63.                 <p class="margin-t_10 italic">2002.07.21</p>
  64.                 <p>日記をUPしました。</p>
  65.                 <p class="margin-t_10 italic">2002.03.10</p>
  66.                 <p>BBSを設置しました。</p>
  67.                 <p class="margin-t_10 italic">2001.09.17</p>
  68.                 <p>Linkのページ作りました。</p>
  69.                 <p class="margin-t_10 italic">2001.07.04</p>
  70.                 <p>きゅうり堂さんと相互リンクしました。</p>
  71.                 <p class="margin-t_10 italic">2001.04.22</p>
  72.                 <p>ホームページを開設しました！</p>
  73.               </div>
  74.               <div class="banner-box">
  75.                 <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>
  76.                 <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>
  77.                 <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>
  78.                 <div class="web-clap main-text margin-t_5">
  79.                   <p>Web拍手を送る</p>
  80.                 </div>
  81.               </div>
  82.             </div>
  83.           </div>
  84.         </div>
  85.       </main>
  86.     </div>
  87.   </div>
  88.   <footer>
  89.     <div class="footer-box"> <img src="https://surf-dream.neocities.org/mateial/Group-5.png">
  90.       <p class="main-text" style="display: inline-block;">当サイトの内容の無断転載・無断使用を禁止致しております。</p>
  91.       <p class="main-text" style="display: block; color: red;">Last Update 2024 02 03</p>
  92.     </div>
  93.   </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>
  94.   <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>
  95.   <style>
  96.     .audio{
  97.       opacity: .3;
  98.       position: fixed;
  99.       bottom: 0;
  100.       right: 0;
  101.       }
  102.   </style>
  103. </body>
  104. </html>
  105.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!