<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>かわいい猫の世界</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"> <link rel="stylesheet" href="../s4web/neko.css"> </head> <body> <header id="header"> <div class="wrapper header-inner"> <h1 class="site-title"><a href="index.html">かわいい猫の世界</a></h1> <nav class="header-navi"> <ul> <li><a href="#about">猫とは</a></li> <li><a href="#neko">みんなのニャンコ</a></li> </ul> </nav> </div> </header> <main> <div id="mainvisual"> <img src="../s4web/top.jpg" alt="寝てる猫"> </div> <section id="about" class="wrapper"> <h2 class="section-title">猫とは</h2> <div class="about-inner"> <p class="about-text"> 猫とはとてもかわいい生き物です。<br> 甘えてくるのに突然離れていっちゃうかわいい生き物。<br> 罪な奴だけどみんなを癒してくれる最高な子なのです。<br> かわいい子の子達をたくさん目に収めましょう。 </p> </section> <section id="neko" class="wrapper"> <h2 class="section-title">みんなのニャンコ</h2> <div class="grid"> <div class="item"> <img src="../s4web/left.jpg" alt="きりりニャンコ"> <h3 class="neko-name">きりりニャンコ</h3> </div> <div class="item"> <img class="fadein" src="../s4web/right.jpg" alt="しろニャンコ"> <h3 class="neko-name">しろニャンコ</h3> </div> </div> </section> </main> <footer id="footer"> <p>RinoItoDesign</p> </footer> </body> </html>