Created
April 12, 2013 17:25
-
-
Save wilfriedE/5373653 to your computer and use it in GitHub Desktop.
Untitled
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// alert('Hello world!'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"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