Skip to content

Instantly share code, notes, and snippets.

@peterentwistle
Last active December 13, 2015 18:08
Show Gist options
  • Save peterentwistle/4953392 to your computer and use it in GitHub Desktop.
Save peterentwistle/4953392 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Youtube Tutorial - Peter</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<div id="pageWrapper">
<div id="header">
<header></header>
</div>
<div id="main">
<div id="profileInfo">
<div id="profilePic">
<img src="http://peterentwistle.co.uk/images/thumb_peter.jpg" width="154" height="154" />
</div>
<div id="about">
<h1>Peter</h1>
<p>Hello my name is Peter and I make websites!</p>
<h2>Where to find me:</h2>
<ul>
<li><a href="http://youtube.com/peterentwistletv" target="_blank">Youtube</a></li>
<li><a href="http://twitter.com/peterentwistle" target="_blank">Twitter</a></li>
<li><a href="http://facebook.com/peterentwistletv" target="_blank">Facebook</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}
#profilePic {
float:left;
margin-right:15px;
}
#about {
float:left;
}
#about li {
list-style:none;
}
#about a {
text-decoration:none;
}
@peterentwistle
Copy link
Author

HTML (index.html) and CSS (style.css) for the 3rd tutorial.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment