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="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_13-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="about">
- <div class="link-back-box">
- <h2>リンクについて</h2>
- </div>
- <div class="link-back-box2">
- <p class="main-text">当サイトはリンクフリーです。</p>
- <p class="main-text margin-t_10">リンクのご報告は特に必要ありませんが、</p>
- <p class="main-text margin-t_10">教えていただけると嬉しいです。</p>
- <p class="main-text margin-t_10">\ 相互リンク歓迎 /</p>
- <p class="main-text margin-t_10">リンクの際は、必ずTOPへお願いします。</p>
- <p class="main-text margin-t_10">バナーは以下からどうぞ。</p>
- </div>
- <div class="link-banner-box"> <img class="d-block margin-center" src="https://surf-dream.neocities.org/mateial/Group-5.png">
- <p class="main-text margin-t_5 margin-b_40">バナー直リン推奨</p> <img class="d-block margin-center" src="https://surf-dream.neocities.org/mateial/Group-6.png">
- <p class="main-text margin-t_5">↑ こっちがおすすめ ↑</p>
- </div>
- </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;
- }
- .link-back-box{
- background-image: url(https://surf-dream.neocities.org/mateial/wp_w3.gif);
- width: 400px;
- text-align: center;
- border-right: solid 1px #333;
- border-top: solid 1px #333;
- border-left: solid 1px #333;
- padding: 3px 0;
- font-size: 1.1em;
- font-weight: normal;
- font-style: italic;
- color: #E02B20;
- margin: 0 auto;
- }
- .link-back-box2{
- background-image: url(https://surf-dream.neocities.org/mateial/wp_w3.gif);
- background-repeat: repeat-y;
- width: 400px;
- text-align: center;
- border: solid 1px #333;
- padding: 10px 0;
- font-size: 1.1em;
- font-weight: normal;
- margin: 0 auto;
- }
- .link-banner-box{
- text-align: center;
- padding: 60px 0 ;
- }
- .about-logo{
- width: 30%;
- }
- .return-top{
- display: block;
- width: 6%;
- margin: 10px auto 0 auto;
- }
- .boat{
- width: 13%;
- margin-top: 10px;
- }
- </style>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement