36 lines
832 B
HTML
36 lines
832 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="initial-scale=1.0">
|
|
<title>Microblog</title>
|
|
<link href="./style.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="./timeline.css" rel="stylesheet" type="text/css" media="all">
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
|
|
|
|
<h1>A Microblog in Plain HTML</h1>
|
|
|
|
<div class = "column">
|
|
<div class="profile">
|
|
<img src="./images/avatar.jpg" alt="Avatar" class="avatar">
|
|
<span class="handle">Your Name Here</span>
|
|
<p><span class="email"><a href="mailto:user@host.tld">user@host.tld</a></span></p>
|
|
<div class="bio">Description</h4>
|
|
<h4>%s total posts</h4>
|
|
<h3>Tags</h3>
|
|
<p>%s</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class = "timeline">
|
|
%s
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|