parent
62913aa300
commit
9ca4895993
@ -0,0 +1,35 @@ |
|||||||
|
<!doctype html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
|
<title>blockstart.css Demos</title> |
||||||
|
<link rel="stylesheet" href="/blockstart.css"> |
||||||
|
<style> |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body> |
||||||
|
<block class="horizontal pad" style="border-bottom: 1px solid var(--value6); --spacing: space-around; width: unset;"> |
||||||
|
<div>blockstart.css</div> |
||||||
|
<div class="horizontal" style="--spacing: end;"> |
||||||
|
<a href="/#about">About</a> | |
||||||
|
<a href="/#docs">Docs</a> | |
||||||
|
<a href="/demos/">Demos</a> | |
||||||
|
<a href="/blockstart.css">Download</a> |
||||||
|
</div> |
||||||
|
</block> |
||||||
|
|
||||||
|
<content class="pad center" style="--pad: 2rem;"> |
||||||
|
<h1>Demos</h1> |
||||||
|
|
||||||
|
<p>Here are a few simple demos of using <a href="/blockstart.css">blockstart.css</a> to create copies of landing pages. Copying other websites is a great way to learn web development. The text in the demos is either taken from the "inspiration" site, or is from <a href="https://hipsum.co/">hipster ipsum</a>.</p> |
||||||
|
|
||||||
|
<grid class="center" style="--cols: 1fr 1fr; --text: 9"> |
||||||
|
<shape style="--w: 150px; --h: 150px;"><a href="/demos/asana.html">Asana</a></shape> |
||||||
|
<shape style="--w: 150px; --h: 150px;"><a href="/demos/canva.html">Canva</a></shape> |
||||||
|
</grid> |
||||||
|
|
||||||
|
</content> |
||||||
|
</body> |
||||||
|
</html> |
||||||
Loading…
Reference in new issue