Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>↩
- <html lang="en">↩
- <meta charset="utf-8">↩
- ↩
- <head>↩
- <title>Chapter 4</title>↩
- <style>↩
- #wrapper{↩
- width: 80%;↩
- margin: auto;↩
- background-color: aliceblue;↩
- }↩
- header{↩
- background-color: #23343D;↩
- color: #d6e6f0;↩
- padding: 2%;↩
- }↩
- ↩
- nav{↩
- background-color: aquamarine;↩
- padding: 2%;↩
- }↩
- ↩
- nav a{↩
- text-decoration: none;↩
- border: 1px solid black;↩
- padding: 1%;↩
- margin: 2%;↩
- color: black;↩
- }↩
- ↩
- figure{↩
- border: solid 1px black;↩
- width: 500px;↩
- margin: 2% auto;↩
- padding: 2%;↩
- background-image: url(lighthouse_t.jpg);↩
- background-repeat: no-repeat;↩
- background-size: cover;↩
- }↩
- ↩
- figcaption{↩
- text-align: center;↩
- color: antiquewhite;↩
- font-weight: bold;↩
- }↩
- ↩
- h2{↩
- background-image: linear-gradient(to right, #4b6cb7,#182848);↩
- margin: 1%;↩
- padding: 2%;↩
- text-align: center;↩
- box-shadow: 5px 2px 10px #ff9190;↩
- color: white;↩
- }↩
- ↩
- #parallax{↩
- background-image: url(sea.jpg);↩
- background-size: cover;↩
- background-repeat: no-repeat;↩
- background-attachment: fixed;↩
- height: 500px;↩
- }↩
- ↩
- #parallax h3{↩
- text-align: center;↩
- padding: 5%;↩
- color: antiquewhite;↩
- background-color: rgba(177, 214, 215, 0.3);↩
- }↩
- ↩
- body{↩
- background-image: url(bokeh-1780217_1920.png);↩
- background-repeat: no-repeat;↩
- background-size: cover;↩
- }↩
- </style>↩
- </head>↩
- ↩
- <body>↩
- <div id="wrapper">↩
- <header>↩
- ↩
- <h1>Chapter 4 : Examples Page</h1>↩
- </header>↩
- <nav>↩
- <a href="home.html">Home</a>↩
- <a href="home.html">Services</a>↩
- <a href="home.html">Contact</a>↩
- ↩
- </nav>↩
- <main>↩
- <figure>↩
- <img src="lighthouse.jpg" alt="">↩
- <figcaption>Lighthouse</figcaption>↩
- </figure>↩
- ↩
- <h2>Subheading</h2>↩
- <div id="parallax">↩
- <h3>Parallax Scrolling</h3>↩
- </div>↩
- <h2 id="special">Some subheading</h2>↩
- <p>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. </p>↩
- <h2>Some subheading</h2>↩
- <p>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. </p>↩
- <h2>Some subheading</h2>↩
- <p>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. </p>↩
- <h2>Some subheading</h2>↩
- <p>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. </p>↩
- <h2>Some subheading</h2>↩
- <p>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. </p>↩
- </main>↩
- <hr>↩
- <footer>↩
- Copyright © 2020↩
- </footer>↩
- ↩
- ↩
- ↩
- ↩
- </div>↩
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement