Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Webpage about myself
/**
*Webpage about myself
*/
html{
background-color:#102372
}
body {
background-color:#02AB21
}
h1 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}
h2 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}
#name {
position: relative;
top: -10px;
font-color:
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#email{
float:right;
margin-right:5px;
padding-top:5px;
font-size:16px;
font-family: Verdana, sans-serif;
color:#ffffff;
}
div{
border-radius:5px;
}
#footer{
position:relative;
height: 50px;
float:right;
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;
}
h1:hover
{
background-color:#102372;
}
h2:hover
{
background-color:#102372;
}
div{
border-radius:3px dotted blue;
}
img{
border-radius:3px dotted blue;
}
li{
}
table{
}
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header">
<h1 class="hover">Welcome to Porterville</h1>
<p id="name">P. Yohance Crumpton<p/>
<a href="mailto:pyzc77@gmail.com><p id="email">pyzc77@gmail.com</p></a>
<p>or</p>
<a href="mailto:doctortransit@outlook.com><p id="email">doctortransit@outlook.com</p></a>
</div>
<h2>Things I like to do</h2>
<img src="http://farm8.staticflickr.com/7419/10928807126_c75098ebfe_n.jpg">
<img src="http://farm4.staticflickr.com/3696/11174857204_cced708349_n.jpg">
<img src="http://farm3.staticflickr.com/2809/11467603726_2c301c093a_m.jpg">
<img src="http://farm3.staticflickr.com/2839/11467599266_e99d516716_m.jpg">
<img src="http://farm4.staticflickr.com/3829/11467551254_2e1ffed34b_n.jpg">
<h2>About Me</h2>
<p>My name is Porter. I have lived in both Chicago and the District of Columbia.
Some of my favorite things to do are read,
listen to music, and ride public transportation (buses and trains).
These are activities that I enjoy immensely and indulge in daily.
My career aspirations are to become either a civil or transportation
engineer. I have been told that I am a charming, kind, attitude-prone
person with "oddities". I look up mostly to my family members, especially
my mom, as a guiding figure in life. Favorite shows of mine include
Doctor Who, Sherlock, Triple D (Diners, Drive-Ins' and Dives), Hustle,
and Chopped (yes, the majority of those are British TV shows, problem, mate?).
Just a few things about yours truly</p>
<h2>Favorite TV Shows</h2>
<ul>
<li>Doctor Who</li>
<li>Sherlock</li>
<li>Triple D (Diners, Drive-Ins' and Dives)</li>
<li>Hustle</li>
<li>Chopped</li>
</ul>
<h2>Favorite Places by City</h2>
<table border="1">
<tr>
<th>Chicago</th>
<th>D.C.</th>
</tr>
<tr>
<td>Taqueria el Asadero (Resturant)</td>
<td>The Hitching Post (Resturant)</td>
</tr>
<tr>
<td>Harold Washington Memorial Library</td>
<td>MLK Memorial Library</td>
</tr>
<tr>
<td>95th-Dan Ryan Sta</td>
<td>Fort Totten Sta</td>
<tr>
</table>
<p>4830 Monroe St NW, #200<p>
</body>
</html>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.