Skip to content

Instantly share code, notes, and snippets.

@wilfriedE
Created April 12, 2013 17:25
Show Gist options
  • Save wilfriedE/5373653 to your computer and use it in GitHub Desktop.
Save wilfriedE/5373653 to your computer and use it in GitHub Desktop.
Untitled
div {
border-radius: 5px;
}
#header {
z-index: 1;
position: fixed;
width: 97.5%;
margin-top: -20px;
height: 60px;
background-color: #668284;
margin-bottom: 10px;
font-size: 50px;
}
#name {
float:left;
margin-left: 5px;
padding-top: 5px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}
#email{
float:right;
margin-right: 5px;
padding-top: 5px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}
h1 {
margin-left: 5px;
margin-bottom: 15px;
font-family: Verdana, sans-serif;
}
.right {
margin-left: 5px;
margin-right: 5px;
margin-top: -10px;
font-family: Garamond, serif;
color: #000000;
}
li {
list-style-type: square;
}
a:hover {
font-weight: bold;
}
.left {
position: relative;
float: left;
margin-top: 50px;
width: 10%;
height: 400px;
background-color: #B9D7D9;
margin-bottom: 10px;
}
.right {
position: relative;
float: right;
margin-top: 50px;
width: 88%;
height: 1000px;
background-color: #66ffcc;
margin-bottom: 10px;
}
#footer {
position: relative;
height: 50px;
background-color: #668284;
clear: both;
font-family: Verdana, sans-serif;
font-size: 14px;
text-align: center;
color: #ffffff;
}
#footer p {
position: relative;
padding-top: 15px;
}
table, td {
border: 60px #70b8ff dashed;
}
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Poetry</title>
</head>
<body><div id="header">Poetry</div>
<div class="right"><h1>Poetry and Poets</h1><p> Poetry is a type of art that is used to express the feelings of the writer toward a certain subject. Poets are
the people who write poetry. These people come from many different backgrounds and cultures.Poetry uses forms and conventions to suggest differential interpretation to words, or to evoke emotive responses.
Some poetry types are specific to particular cultures and genres and respond to characteristics of the language in which the poet writes. </p>
<img src="http://farm9.staticflickr.com/8511/8452544294_ef535c08e8_q.jpg">
<h2> Types of Poetry </h2>
<div id=""><p> There are many different types of poetry that have been created over many years.
The most famous types of poetry are haikus, limericks, sonnets, ballads, epics, and narratives .
Among the most common forms of poetry through the ages is the sonnet, which by the 13th century was a poem of fourteen lines following a set rhyme scheme and logical structure.
Sonnets are particularly associated with love poetry, and often use a poetic diction heavily based on vivid imagery, but the twists and turns associated with the move from octave to sestet and to final couplet make them a useful and dynamic form for many subjects.</p> <img src="http://farm4.staticflickr.com/3097/2688212829_c4e57a62a7_m.jpg"></a></div class="right">
<body><table><thead><th colspan="1" style="color:#DF7401; font-size:4em;">Poets</th></thead>
<tr><td><img src="http://farm8.staticflickr.com/7048/6839143484_46371fdcff_m.jpg"</a></a></td><td><img src="http://farm7.staticflickr.com/6031/6216623031_7729a00cb5.jpg"</a></a></td><td><img src="http://farm1.staticflickr.com/19/114161191_5a98cbb3c3_n.jpg"</a></a></td></tr>
<tr><td><img src="http://farm4.staticflickr.com/3351/3435812603_237746721a_n.jpg"</a></a></td><td><img src="http://farm5.staticflickr.com/4021/4347544646_1a0f054e99_n.jpg"</a></a></td><td><img src="http://farm1.staticflickr.com/128/369296409_4ff9ee511d_m.jpg"</td></tr>
<tr><td><img src="http://farm4.staticflickr.com/3606/3636598527_c5b9725f5a_n.jpg"</a></a></td><td><img src="http://farm9.staticflickr.com/8382/8489570873_6fabe89d41_n.jpg"</a></a></td><td><img src="http://farm7.staticflickr.com/6028/5944799359_bb1c8ba7fb_n.jpg"</a></a></td></tr>
</table>
<!--Just added simple fixes [You can remove them it's cool. And nice webpage.]-->
</body>
</html>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment