40 lines
1.6 KiB
HTML
40 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title>SVG border</title>
|
||
|
|
<meta data-hid="viewport" name="viewport" content="width=device-width,initial-scale=1" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header>
|
||
|
|
<div class="box">
|
||
|
|
<div class="icon">
|
||
|
|
<img src="sale.svg" width="100" height="80" />
|
||
|
|
</div>
|
||
|
|
<div class="text">
|
||
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
|
|
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||
|
|
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
|
||
|
|
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||
|
|
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||
|
|
dolore magna aliquyam erat, sed diam voluptua.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="box box--wobbly-border">
|
||
|
|
<div class="icon">
|
||
|
|
<img src="sale.svg" width="100" height="80" />
|
||
|
|
</div>
|
||
|
|
<div class="text">
|
||
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
|
||
|
|
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||
|
|
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
|
||
|
|
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||
|
|
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||
|
|
dolore magna aliquyam erat, sed diam voluptua.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img src="box.svg" />
|
||
|
|
</header>
|
||
|
|
</body>
|
||
|
|
</html>
|