/
aart.html
32 lines (26 loc) · 1.41 KB
/
aart.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Algorithmic art</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/master.css" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
</head>
<body style="background-color: #f0bd8b; background-image: url('images/retina_wood.png');">
<div style="text-align: center; background-color: #f9f4f0; background-image: url('images/natural_paper.png'); position: absolute; border-radius: 2px; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); margin-top: 20px; margin-bottom: 20px; padding: 20px;">
<div style="padding-bottom: 20px;">
<form style="display: inline-block;" method="get" action="index.html"><button type="submit" class="box">About me</button></form>
</div>
<div class="preview">
<a href="art/sakura.html"><img class="art" src="images/sakura.jpg" /></a>
<a href="art/colony.html"><img class="art" src="images/colony.jpg" /></a>
<a href="art/firework.html"><img class="art" src="images/firework.jpg" /></a>
<a href="art/piet.html"><img class="art" src="images/piet.jpg" /></a>
<a href="art/poly.html"><img class="art" src="images/poly.jpg" /></a>
<a href="art/feather.html"><img class="art" src="images/feather.jpg" /></a>
<a href="art/wander.html"><img class="art" src="images/wander.jpg" /></a>
<a href="art/necro.html"><img class="art" src="images/necro.jpg" /></a>
</div>
</div>
</body>
</html>