Guest User

Untitled

a guest
Sep 19th, 2018
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.86 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset ="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>About Me</title>
  7. <!--[if lt IE 9]>
  8. <script src="dist/html5shiv.js"></script>
  9. <![endif]-->
  10. <link rel="stylesheet" href="css/about_styles.css">
  11. <link rel="stylesheet" href="css/normalize.css">
  12. </head>
  13. <body>
  14. <nav class="container">
  15. <section class="left">
  16. <a href="/">Black and White</a>
  17. </section>
  18. <section class="right">
  19. <a href="about.html">About</a>
  20. <a href="contact.html">Contact</a>
  21. <a href= #faq.html>FAQ</a>
  22. </section>
  23. </nav>
  24. <div class="container">
  25. <div class="header">
  26. <h1>About Me</h1>
  27. </div> <!--end header-->
  28. <div class="image column">
  29. <img src="img/antique-cameras.jpg" alt="antique-cameras">
  30. </div>
  31. <!--end image-->
  32. <div class="intro column">
  33. <h2>Introduction</h2>
  34. <p>I like analog and digital Photography.This text:To be completed</p>
  35. </div><!--end intro-->
  36. <div class="skill column">
  37. <h3>What I do</h3>
  38. <ul class="skill-list">
  39. <li>Webdevelopment</il>
  40. <li>Photography</li>
  41. <li>Writing</li>
  42. </ul>
  43. </div> <!-- end skill -->
  44. <div class="main-text">
  45. <h3>More About <strong>Me</strong></h3>
  46. <p>The Nikon F4 is the perfect camera for me, but it took a while to get there. Like most photo geeks, I long suffered from Gear Acquisition Syndrome,<br> a disease that makes us think that our photography will jump to the next level if we only had that new, expensive lens, or a different camera body.
  47. </p>
  48. </div> <!-- end maint text -->
  49. </div><!-- end container-->
  50. </body>
  51. </html>
Add Comment
Please, Sign In to add comment