|
|
|
|
@ -9,12 +9,18 @@ |
|
|
|
|
<link rel="stylesheet" href="/blockstart/blockstart.css"> |
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
:root { |
|
|
|
|
--content-width: 1080px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
header { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
flex-direction: column; |
|
|
|
|
padding-left: 1rem; |
|
|
|
|
padding-right: 1rem; |
|
|
|
|
width: 100%; |
|
|
|
|
max-width: var(--content-width); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
header > div { |
|
|
|
|
@ -61,6 +67,7 @@ a.thin { |
|
|
|
|
pitch-image { |
|
|
|
|
display: flex; |
|
|
|
|
padding-bottom: 1rem; |
|
|
|
|
max-width: var(--content-width); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
pitch-image > right { |
|
|
|
|
@ -90,6 +97,7 @@ contact-scoring { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
text-align: center; |
|
|
|
|
max-width: var(--content-width); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
content { |
|
|
|
|
@ -129,6 +137,7 @@ footer { |
|
|
|
|
color: var(--value9); |
|
|
|
|
background-color: var(--value2); |
|
|
|
|
padding: 1rem; |
|
|
|
|
max-width: var(--content-width); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
footer > column { |
|
|
|
|
@ -140,11 +149,22 @@ footer > column { |
|
|
|
|
footer > column h5 { |
|
|
|
|
margin: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
panel { |
|
|
|
|
display: flex; |
|
|
|
|
width: 100%; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
panel.dark { |
|
|
|
|
background-color: var(--value2); |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
<header class="yellow"> |
|
|
|
|
<panel class="yellow"> |
|
|
|
|
<header> |
|
|
|
|
<div> |
|
|
|
|
<a id="logo" href="/blockstart/demos/">Breadcrumbs</a> |
|
|
|
|
</div> |
|
|
|
|
@ -157,8 +177,10 @@ footer > column h5 { |
|
|
|
|
<a href="#" class="button thin">DEMO</a> |
|
|
|
|
</menu> |
|
|
|
|
</header> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<pitch-image class="yellow"> |
|
|
|
|
<panel class="yellow"> |
|
|
|
|
<pitch-image> |
|
|
|
|
<left> |
|
|
|
|
<h1>Want More MQLs?</h1> |
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.</p> |
|
|
|
|
@ -170,7 +192,9 @@ footer > column h5 { |
|
|
|
|
</shape> |
|
|
|
|
</right> |
|
|
|
|
</pitch-image> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<panel> |
|
|
|
|
<pitch-image> |
|
|
|
|
<left> |
|
|
|
|
<h2>Get Started in 3 Simple Steps</h2> |
|
|
|
|
@ -189,8 +213,10 @@ footer > column h5 { |
|
|
|
|
</shape> |
|
|
|
|
</right> |
|
|
|
|
</pitch-image> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<pitch-image class="yellow"> |
|
|
|
|
<panel class="yellow"> |
|
|
|
|
<pitch-image> |
|
|
|
|
<left> |
|
|
|
|
<shape style="--w: 250px; --h: 250px;"> |
|
|
|
|
<h1>People</h1> |
|
|
|
|
@ -201,7 +227,9 @@ footer > column h5 { |
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.</p> |
|
|
|
|
</right> |
|
|
|
|
</pitch-image> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<panel> |
|
|
|
|
<pitch-image> |
|
|
|
|
<left> |
|
|
|
|
<h1>Don't Let Your Tech Stack Hold You Hostage</h1> |
|
|
|
|
@ -214,7 +242,9 @@ footer > column h5 { |
|
|
|
|
</shape> |
|
|
|
|
</right> |
|
|
|
|
</pitch-image> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<panel class="yellow"> |
|
|
|
|
<companies> |
|
|
|
|
<div id="title">Works with your <b>tech stack</b> in just a few clicks.</div> |
|
|
|
|
<span class="pad">Cardigan raclette tbh, kitsch lomo fanny pack vegan.<br> Tofu single-origin coffee cray offal gastropub hoodie edison bulb fam flannel pug tumblr celiac.</span> |
|
|
|
|
@ -228,7 +258,9 @@ footer > column h5 { |
|
|
|
|
<span>companies</span> |
|
|
|
|
</companies-list> |
|
|
|
|
</companies> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<panel> |
|
|
|
|
<pitch-image> |
|
|
|
|
<left> |
|
|
|
|
<shape style="--w: 250px; --h: 250px;"> |
|
|
|
|
@ -240,7 +272,9 @@ footer > column h5 { |
|
|
|
|
<p>I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.</p> |
|
|
|
|
</right> |
|
|
|
|
</pitch-image> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<panel> |
|
|
|
|
<pitch-image> |
|
|
|
|
<left> |
|
|
|
|
<h1>Time Kills Deals, For Real</h1> |
|
|
|
|
@ -252,8 +286,10 @@ footer > column h5 { |
|
|
|
|
</shape> |
|
|
|
|
</right> |
|
|
|
|
</pitch-image> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<contact-scoring class="solid"> |
|
|
|
|
<panel class="yellow"> |
|
|
|
|
<contact-scoring> |
|
|
|
|
<content> |
|
|
|
|
<h1>Contact Scoring? Never Heard of it...</h1> |
|
|
|
|
|
|
|
|
|
@ -266,7 +302,9 @@ footer > column h5 { |
|
|
|
|
<h1>Pillars</h1> |
|
|
|
|
</shape> |
|
|
|
|
</contact-scoring> |
|
|
|
|
</panel> |
|
|
|
|
|
|
|
|
|
<panel class="dark"> |
|
|
|
|
<footer> |
|
|
|
|
<column> |
|
|
|
|
<a id="logo" style="color: var(--value9);" href="/blockstart/demos/">Breadcrumbs</a> |
|
|
|
|
@ -316,5 +354,6 @@ footer > column h5 { |
|
|
|
|
|
|
|
|
|
</column> |
|
|
|
|
</footer> |
|
|
|
|
</panel> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|
|
