43 lines
1.2 KiB
HTML
43 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Camera</title>
|
|
<link type="text/css" rel="stylesheet" href="./camera.css">
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div class="content">
|
|
|
|
<div class="wrap focus">
|
|
<div class="inner">
|
|
<div class="img-wrapper"><img src="http://lorempixel.com/400/400/city/1"></div>
|
|
<p class="head">Off-Focus</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrap zoom">
|
|
<div class="inner">
|
|
<div class="img-wrapper"><img src="http://lorempixel.com/400/400/city/2"></div>
|
|
<p class="head">Zoom</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrap shake">
|
|
<div class="inner">
|
|
<div class="img-wrapper"><img src="http://lorempixel.com/400/400/city/3"></div>
|
|
<p class="head">Shake</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrap all">
|
|
<div class="inner">
|
|
<div class="img-wrapper"><img src="http://lorempixel.com/400/400/city/4"></div>
|
|
<p class="head">None</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |