A Pen by Isabel Hammell

Thumbnail
This awesome code was written by IzzyHammell, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright IzzyHammell ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Isabel Hammell</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

   <html>
<body>
  <div class="topten">
  <h1> 5 Cool Vacation Spots In The World </h1>
  </div>
   <div class="london">
     <h2> #1 London </h2>
     <p>This historical vacation destination has many museums and monuments, and a large ferris wheel that looks over London called The London Eye. This charming city is the perfect vacation spot for history lovers. </p>
 <img src= "http://bloggfiler.no/henr0.blogg.no/images/1190853-8-1363383959623.jpg">
  </div>
    <div class="newz">
    <h2> #2 New Zealand </h2>
     </p> New Zealand is a two-island country off the coast of Austrailia. It is known very well for it's tall grassy mountains and blue lakes and rivers, and for being the set of Peter Jackson's The Lord Of The Rings, based on the books by J.R.R. Tolkien. With it's amazing landscapes and wildlife, many people travel there each year in pursuit of natural beauty, historical sites, good hiking paths, and an escape from their everyday lives.
  <img src="https://media.offexploring.co.uk/journal/region_images/ausnz/Diamond%20Lake,%20Paradise,%20New%20Zealand.jpg">  
</div>
<div class="cancun">
  <h2> #3 Cancun </h2>
  <p> Cancun, Mexico is one of the many beach vacation destinations of the south. It has many cruise ports and grand hotels along it's white sand beach. The clear blue water makes for perfect scuba diving, swimming, and boating, therefore making this beach town one of the most popular in the world. <p>        <img src="http://www.ibookbed.com/Excursion/images/t_1_sofia_32/excursion/503x335_tcm_49-49767_tcm55-49768_E.png">

  </div>
 <div class="hawaii">
   <h2>#4 Hawaii</h2>    
   <p> Hawaii, although detached from the mainland, is perhaps one of the most beautiful out of the 50 states of America. These islands have many active volcanos and clear blue water on white sand beaches, and are a popular destination for families and surfers.Large waves, palm trees, and nice, warm weather that lasts all year.With millions of people from the mainland flying and boating to Hawaii every year,it is one of the most popular vacation states in America.     </p> 
   <img src="http://images.danviet.vn/CMSImage/Resources/Uploaded/sv_vananh/050613_%20the-gioi_hawaii_dan-viet.jpg">
    
</div>
 <div class="newyork">
   <h2> #5 New York City </h2>
   <p> New York City is a popular East Coast destination. Tall skyscrapers, busy streets, large flashy signs. Even though it is on the coast, it is the center of all big things in America. It is densely populated, not only with people, but with museums, stores, restaurants, and more! It is the home of the famous statue of liberty, and Ellis Island, where thousands of immigrants stopped before they were admitted to the country. It is the perfect vacation for people who want to stay in the country, and aren't looking for a relaxing beach vacation, but a busy, fun-filled, exciting trip to a big city.                    </p>
  <img src="http://images.colourbox.com/thumb_COLOURBOX2018129.jpg">
   
   
   
   
 
</body>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/IzzyHammell/a-pen-by-isabel-hammell-kJCIa */
h1
{
  text-align: center;
  border: 5px solid #660066;
  padding:10px
 }
h2
{
 border:3px solid #660066;
 padding:10px;
 background-image:url('http://www.iwallfinder.com/files/7/sea-beach-sea-aqua-di-siji-3490.jpg');
}
.topten
{
  background-image:url('http://www.iwallfinder.com/files/7/sea-beach-sea-aqua-di-siji-3490.jpg');
}
.london
{
  
  border-radius: 15px;
  padding:20px;
  position: absolute;
  top:150px;
  text-align:center;
  width: 500px;
  border: 3px solid #660066;
  background-color: #FFFF85
;
}
.newz
{
 border-radius: 15px;
 padding:20px;
 text-align:center;
 position: absolute;
 top:150px;
 left:600px; 
 border:3px solid #660066;
 width:500px;
 background-color: #FF9933;
}
body
{
  background-color: black;
}
.cancun
{
  border-radius: 15px;  
  padding:20px;
  text-align:center;
  top:650px;
  left:175px; 
  position: absolute;
  border:3px solid #660066;
  width:800px;
  background-color:#FF4D4D

}
.hawaii
{
 padding: 25px;
 border-radius: 15px;
 text-align: center;
 position:absolute;
 top: 1250px;
 left:15px;
 border:3px solid #660066;
 width:500px;
 background-color:#99FF33; 
 }
.newyork
{
 padding:25px;
 border-radius: 15px; 
 text-align: center;
 position:absolute;
 top: 1250px;
 left:650px;
 border:3px solid #660066;
 width:500px;
 background-color:#B4FFFF;
 }
img
{
  border:3px solid #660066;
  border-radius:15px;
}


Comments