API tools faq
paste
Advertisement
makispaiktis

Codecademy - 18th Course (HTML Example)

makispaiktis
Oct 23rd, 2019 (edited)
446
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.60 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.   <title>Amazing Space</title>
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <link rel="stylesheet" type="text/css" href="css/reset.css">
  7.   <link rel="stylesheet" type="text/css" href="css/style.css">
  8.   <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,700" rel="stylesheet">
  9. </head>
  10.  
  11. <body>
  12.   <header>
  13.     <div class="page-title">
  14.       <div class="logo"></div>
  15.       <h1>Amazing Space</h1>
  16.       <h5>At Amazing Space, there's always space for you.&trade;</h5>
  17.     </div>
  18.   </header>
  19.   <div class="main">
  20.     <p class="page-description clearfix">
  21.       Otherworldly views, uncompromising service, unparallelled luxury. This is Amazing Space, the world's first, and finest, space adventure company. With private and group voyages embarking weekly, you can book your tickets in advance or on the fly.
  22.       <a class="learn-more" href="#">Learn More >></a>
  23.     </p>
  24.     <div class="gallery">
  25.       <figure class="gallery-item">
  26.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space01.jpg">
  27.       </figure>
  28.       <figure class="gallery-item">
  29.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space02.jpg">
  30.       </figure>
  31.       <figure class="gallery-item">
  32.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space03.jpg">
  33.       </figure>
  34.       <figure class="gallery-item">
  35.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space04.jpg">
  36.       </figure>
  37.       <figure class="gallery-item">
  38.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space05.jpg">
  39.       </figure>
  40.       <figure class="gallery-item">
  41.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space06.jpg">
  42.       </figure>
  43.       <figure class="gallery-item">
  44.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space07.jpg">
  45.       </figure>
  46.       <figure class="gallery-item">
  47.         <img class="thumbnail" src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-3/space08.jpg">
  48.       </figure>
  49.     </div>
  50.   </div>
  51.   <nav class="footer">
  52.     <ul>
  53.       <li>ABOUT</li>
  54.       <li>MISSIONS</li>
  55.       <li>ARCHIVE</li>
  56.     </ul>
  57.     <div class="contact-btn">
  58.       <a>CONTACT US</a>
  59.     </div>
  60.   </nav>
  61. </body>
  62.  
  63. </html>
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!