Wednesday, July 8, 2015

<html>
 <title> Welcome to my World </title>
<head>
<style>
#header {
background-color:FF9933;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:FF9999;
font-family:Courier;
    height:300px;
    width:200px;
    float:left;
    padding:10px;    
}
#section {
    width:350px;
    float:left;
    padding:10px;
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;
}
a:link {
    color: RoyalBlue;
    background-color: transparent;
font-family:Fantasy;
font-size:25;
    text-decoration: none;
}
a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: PowderBlue;
    background-color: transparent;
    text-decoration: none;
}
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: none;
}
 </style>
 </head>
 <body>

<div id= "header">
<img src = "Hope-Anime-Girl.jpg" style="width:1360; height:500;">
</div>

<div id= "nav">
<img src="C360_2015-03-11-11-18-40.jpg" width="200%" height="50%">
<br>
<a href=" EmbedAndNavigate.html"> NewsFeed </a><br>
<a href=" EmbedAndNavigate.html"> Timeline </a><br>
<a href=" EmbedAndNavigate.html">About</a><br>
<a href=" EmbedAndNavigate.html"> Likes</a><br>
</div>

<div id="section"
<h2 style="font-size:30px; font=family:ComicSans"><b>S<sub>HOUTOUTS</sub></b></h2>
<p> Say something .. </p>
<input type="text; size:200px" ></input>
 </div>

 <div id= "footer">
 For more Information.
 Contact me = 299-567 .
 or visit me in
 Google+ : janniva18@gmail.com
 </div>

</body>
</html>

No comments:

Post a Comment