You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
194 lines
7.5 KiB
194 lines
7.5 KiB
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Blockstart Earlybird Demo</title>
|
|
|
|
<link rel="stylesheet" href="/blockstart/blockstart.css">
|
|
|
|
<style>
|
|
|
|
h1 {
|
|
font-size: 3em;
|
|
}
|
|
|
|
block > * {
|
|
margin-bottom: 1rem;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<blockstart>
|
|
<block class="horizontal">
|
|
<a href="/blockstart/demos/">=</a>
|
|
<div>logo</div>
|
|
<button class="no-flex border">Send A Gift</button>
|
|
</block>
|
|
|
|
<block class="horizontal" style="--value: 7">
|
|
<block class="center-self" style="--w: 600px; --value: 7;">
|
|
<h1>Invest early,<br>grow together.</h1>
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.<p>
|
|
|
|
<ul>
|
|
<li>Cardigan raclette tbh, kitsch lomo fanny pack vegan.</li>
|
|
<li>Cardigan raclette tbh, kitsch lomo fanny pack vegan.</li>
|
|
<li>Tofu single-origin coffee cray offal gastropub hoodie edison bulb fam flannel pug tumblr celiac.</li>
|
|
</ul>
|
|
|
|
<button class="border center-text"
|
|
style="--w: 300px; --pad: 20px; font-size: 1.4em; align-self: start;">
|
|
Get Started
|
|
</button>
|
|
</block>
|
|
|
|
<shape style="--w: 500px; --h: 600px;">
|
|
<h1>Illustration</h1>
|
|
</shape>
|
|
</block>
|
|
|
|
<block class="center">
|
|
<featured class="center center-text" style="padding-top: 3rem; --w: 800px;">
|
|
<h4>WE’VE PARTNERED WITH THE BEST IN FAMILY AND FINANCE</h4>
|
|
<grid style="--cols: 3; --rows: 1">
|
|
<span>what to expect</span>
|
|
<span>babylist</span>
|
|
<span>BlackRock</span>
|
|
</grid>
|
|
</featured>
|
|
|
|
<parents class="center center-text">
|
|
<h3>FOR PARENTS</h3>
|
|
<h1>Invest today,<br>
|
|
and change their<br>
|
|
tomorrow.
|
|
</h1>
|
|
|
|
<shape style="--w: 300px; --h: 500px;">
|
|
<h1>Phone</h1>
|
|
</shape>
|
|
|
|
<build class="center-self" style="--w: 300px;">
|
|
<h4> Build your nest</h4>
|
|
<span>Cardigan raclette tbh, kitsch lomo fanny pack vegan.</span>
|
|
</build>
|
|
</parents>
|
|
|
|
<hr>
|
|
|
|
<block class="center center-text">
|
|
<h1>Create lasting memories</h1>
|
|
<span>Tofu single-origin coffee cray offal gastropub hoodie edison bulb fam flannel pug tumblr celiac.</span>
|
|
|
|
<shape style="--w: 800px; --h: 450px;">
|
|
<h1>Video</h1>
|
|
</shape>
|
|
</block>
|
|
|
|
<hr class="huge">
|
|
|
|
<block class="center center-text">
|
|
<h4>TRUST AND SECURITY</h4>
|
|
<h1>Keeping your<br>investments safe.</h1>
|
|
|
|
<block class="center">
|
|
<shape style="--w: 80px; --h: 80px;">
|
|
<b>Shield</b>
|
|
</shape>
|
|
|
|
<h4>Safe & Secure</h4>
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar. Flexitarian vice poutine synth affogato small batch XOXO ramps jianbing quinoa.</p>
|
|
</block>
|
|
</block>
|
|
|
|
<hr class="huge">
|
|
|
|
<block class="center center-text">
|
|
<h1>See how we're different.</h1>
|
|
|
|
<grid style="--cols: 3;">
|
|
<block>
|
|
<shape style="--w: 80px; --h: 80px;">
|
|
Image
|
|
</shape>
|
|
|
|
<h3>Financial Literacy</h3>
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar. Flexitarian vice poutine synth affogato small batch XOXO ramps jianbing quinoa. Quinoa intelligentsia actually, gochujang lomo art party lo-fi kickstarter. Offal franzen fixie, humblebrag tote bag irony jianbing leggings tbh small batch fingerstache hell of tumblr selvage.</p>
|
|
</block>
|
|
<block>
|
|
<shape style="--w: 80px; --h: 80px;">
|
|
Image
|
|
</shape>
|
|
|
|
<h3>Financial Literacy</h3>
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar. Flexitarian vice poutine synth affogato small batch XOXO ramps jianbing quinoa. Quinoa intelligentsia actually, gochujang lomo art party lo-fi kickstarter. Offal franzen fixie, humblebrag tote bag irony jianbing leggings tbh small batch fingerstache hell of tumblr selvage.</p>
|
|
</block>
|
|
<block>
|
|
<shape style="--w: 80px; --h: 80px;">
|
|
Image
|
|
</shape>
|
|
|
|
<h3>Financial Literacy</h3>
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar. Flexitarian vice poutine synth affogato small batch XOXO ramps jianbing quinoa. Quinoa intelligentsia actually, gochujang lomo art party lo-fi kickstarter. Offal franzen fixie, humblebrag tote bag irony jianbing leggings tbh small batch fingerstache hell of tumblr selvage.</p>
|
|
</block>
|
|
</grid>
|
|
</block>
|
|
</block>
|
|
|
|
<block class="center center-text solid" style="--w: 800px; --pad: 30px;">
|
|
<h2>Already have a 529?</h2>
|
|
<p class="center" style="--w: 50%">I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.</p>
|
|
<button class="border center-text center-self" style="--w: 95%; --pad: 2rem;">See FAQs</button>
|
|
</block>
|
|
|
|
<block class="center center-text solid" style="--w: 800px; --pad: 30px;">
|
|
<h2>Get ready to build the next.</h2>
|
|
<p class="center" style="--w: 50%">I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.</p>
|
|
<button class="border center" style="--pad: 2rem;">Get Started</button>
|
|
</block>
|
|
|
|
<block class="center center-text" style="--w: 800px;">
|
|
|
|
<hr>
|
|
<block class="center center-text">
|
|
<h4>TRUST AND SECURITY</h4>
|
|
<h1>Your child's journey<br>to financial freedom<br>starts here.</h1>
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar. Flexitarian vice poutine synth affogato small batch XOXO ramps jianbing quinoa. Quinoa intelligentsia actually, gochujang lomo art party lo-fi kickstarter. Offal franzen fixie, humblebrag tote bag irony jianbing leggings tbh small batch fingerstache hell of tumblr selvage.</p>
|
|
</block>
|
|
|
|
<hr>
|
|
<shape style="--w: 500px; --h: 500px;">
|
|
<h1>illustration</h1>
|
|
</shape>
|
|
<hr>
|
|
|
|
<block class="center center-text">
|
|
<h1>See what people are saying.</h1>
|
|
<shape style="--w: 500px; --h: 500px;">
|
|
<h1>Person</h1>
|
|
</shape>
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar. Flexitarian vice poutine synth affogato small batch XOXO ramps jianbing quinoa. Quinoa intelligentsia actually, gochujang lomo art party lo-fi kickstarter. Offal franzen fixie, humblebrag tote bag irony jianbing leggings tbh small batch fingerstache hell of tumblr selvage.</p>
|
|
</block>
|
|
</block>
|
|
|
|
<block class="solid center center-text" style="--h: 500px;">
|
|
<h1 class="no-flex">It's time to build the nest.</h1>
|
|
<p class="no-flex">Cardigan raclette tbh, kitsch lomo fanny pack vegan.</p>
|
|
<button class="no-flex border center-text" style="--pad: 1rem;">Get Started</button>
|
|
</block>
|
|
|
|
<block style="--h: 800px; --w: 100%; --value: 3; --text: 9; margin-top: 2rem;">
|
|
<h1 class="no-flex">Footer</h1>
|
|
</block>
|
|
</blockstart>
|
|
</body>
|
|
</html>
|
|
|