Advertisement
StefanTobler

Programming Blog Post 1

Feb 20th, 2016
183
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.25 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>Project: Travel webpage (Project 1 for learning to code HTML and CSS)</title>
  6.         <style>
  7.             #title{
  8.                 color:rgb(255, 162, 0);
  9.             }
  10.             #main{
  11.                 background-color:gray;
  12.             }
  13.             .subjectheader{
  14.                 color:rgb(34, 255, 0);
  15.             }
  16.             #whattodo{
  17.                 color:purple;
  18.             }
  19.             #bigcities{
  20.                 color:purple;
  21.             }
  22.             .white{
  23.                 color:purple;
  24.             }
  25.             .lists{
  26.                 color:red;
  27.             }
  28.         </style>
  29.     </head>
  30. <body>
  31. <p>I am learning how to code on Khan Academy and this is my first project that I was assigned to do. I have never been to Panama, but would love to visit. I just chose Panama because one of the vloggers (Casey Neistat) is currently in Panama so I decided to to Panama. <a href="http://pastebin.com/MHFYj9Ka">Here</a> you can see the raw HTML and CSS.</p>
  32. </body>
  33.     <body id="main">
  34.    
  35.         <h1 id="title">Traveling to Panama</h1>
  36.        
  37.         <img src="https://upload.wikimedia.org/wikipedia/commons/d/d0/VolcanBaru_Pacific.jpg" alt="picture of Panama" width="400">
  38.        
  39.         <h2 class="subjectheader">What to do?</h2>
  40.         <p id="whattodo">There are plenty of fun things to do in <em>Panama</em>! You can go to all sorts of places such as the beach or the canal. There are even rapids in Panama that you can raft down. You could charter a sail boat and sail around the waters and maybe even visit another country. Panama would be a fun place to visit. There are also many places you can take beautiful photography like the picture above.</p>
  41.       <ul class="lists">
  42.           <li> Jet ski.
  43.           <li> Sail
  44.           <li> Rock Climb
  45.           <li>Visit the canal
  46.       </ul>
  47.       <img src="https://upload.wikimedia.org/wikipedia/commons/9/93/Exclusa_Miraflores_Canal_de_Panama_Panorama.jpg" alt="Panama Canal" width="250">
  48.         <h2 class="subjectheader">Big Cities</h2>
  49.         <p id="bigcities">Panama citty is the biggest in Panama it has a population of 880,691. I bet it would be fun to travel there.</p>
  50.         <img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Panama_City_from_airport.JPG" alt="Panama City from the highway" width="250">
  51.         <h4 class="subjectheader">Conclusion</h4>
  52.         <p class="white">This is the end of my "Traveling to Panama" project. It was made to compile my skills of CSS and HTML as of 2/20/16 into one webpage.</p>
  53. <h4 class="subjectheader"> What I learned </h4>
  54.         <ol class="lists">
  55.             <li> Learned how to make lists.</li>
  56.             <li> How to create bodys and paragraphs.</li>
  57.             <li> How to add images to web page.</li>
  58.             <li> How to <strong>strong</strong> and <em>em</em>. </li>
  59.             <li> How to define classes and ids in CSS.</li>
  60.             <li> How to color certain things in CSS and how to color the background. </li>
  61.             <li> How to change size of image.</li>
  62.             <li> How to select colors.
  63.         </ol>
  64.         <p class="white"><em>All images courtesy of Wikipedia.</em></p>
  65.        
  66.     </body>
  67. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement