A Pen by Maria

Thumbnail
This awesome code was written by mhartz1, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright mhartz1 ©
  • HTML
  • CSS
  • JavaScript
    <!DOCTYPE html>
  <html>
    <head>
        <link rel="stylesheet" type="text/css" href="main.css">
      <title> Buy Lollies </title>
    </head>
    <body>
      
      <header>
        <h1> Buy Lollies </h1>
      </header>
     
      
          <ul id="navlist">
            <li><a href="/index.html/">Home</a></li>
            <li><a href="/about.html/">About</a></li>
            <li><a href="/contact.html/">Contact Us</a></li>
            <li><a href="/buy.html/">Buy Now!</a></li>
</ul> 
   
      
      <section>
      
   <h2> <strong>
             <a href="http://www.amazon.com/Dum-Pops-360-COUNT-BAG/dp/B000PWTQ26"> <strong> Click Here </strong></a> to Purchase Lollies Online!
                        </strong></h2> 
     
                                            
    
              <p>
             Enjoy FREE SHIPPING, everytime!
                        </p>

      
            
      </section>

  <img src="http://tchaikovskydarling.files.wordpress.com/2014/03/doshaassortment_20120920_v1_1.png" height="250" width="550"
          alt="image of six lollipops">



        <footer>
          <p> 
         Last Updated: April 25, 2016</p>
          <p> Contact email: <a href="mailto:mhartz1@mhartz1.musites.org">mhartz1@mhartz1.musites.org</a> </p>
      </footer>  
          
      
        
      
    </body>
      </html>


/*Downloaded from https://www.codeseek.co/mhartz1/a-pen-by-maria-aNqKoW */
    html{
  font-family: arial, helventica, sans-sarif;
}

header,footer{
  background-color:pink;
  color:black;
  text-align:center;
  border: solid thin black;
  padding-right:250px;
  padding-left:250px;
  letter-spacing:5px;
  text-align:center;
}


nav{
  font-weight: bold;
  padding-right: 30px;
  line-height: 75px;
  height: 1080px;
  width: 100px;
  clear: both;

 
}
img{
  margin-bottom:25px;
  margin-top:25px;
  margin-left:50px;
  margin-right:0px;
}

ul#navlist{
  padding:10px ;
  margin:10px ;
  text-align:center;
  
  
}

ul#navlist li{
  display:inline;
  
  
}

ul#navlist a{
  padding: 40px;
  width: 7em;
  text-align:center;
  letter-spacing:3px;
  font-weight:bold;
  display:inline; 
  text-decoration:none;
}

ul#navlist:hover{
}

 body {
    background-image: url(http://www.easyfreepatterns.com/patterns/132/pink-striped-background-&ndash-item-1-vector-magz-free-download-132016.png);
  
} 

section{
  float: left;
  width: 350px;
  padding: 10px;

}

aside{
   margin:auto;
   float:right;
  }

table th,td {
  margin: 100px 150px 100px 80px;
  border: 5px solid black;
  width: 50px;
  height: 150px;
  text-align:center;
  vertical-align:bottom;
  padding: 15px;
}

h2 {
  color:#A52A2A;
}

tr:hover{
  background-color:#FAEBD7;
}


/*Downloaded from https://www.codeseek.co/mhartz1/a-pen-by-maria-aNqKoW */
    

Comments