@ -9,12 +9,18 @@
< link rel = "stylesheet" href = "/blockstart/blockstart.css" > < link rel = "stylesheet" href = "/blockstart/blockstart.css" >
< style > < style >
:root {
--content-width: 1080px;
}
header { header {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
flex-direction: column; flex-direction: column;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
width: 100%;
max-width: var(--content-width);
} }
header > div { header > div {
@ -61,6 +67,7 @@ a.thin {
pitch-image { pitch-image {
display: flex; display: flex;
padding-bottom: 1rem; padding-bottom: 1rem;
max-width: var(--content-width);
} }
pitch-image > right { pitch-image > right {
@ -90,6 +97,7 @@ contact-scoring {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
max-width: var(--content-width);
} }
content { content {
@ -129,6 +137,7 @@ footer {
color: var(--value9); color: var(--value9);
background-color: var(--value2); background-color: var(--value2);
padding: 1rem; padding: 1rem;
max-width: var(--content-width);
} }
footer > column { footer > column {
@ -140,181 +149,211 @@ footer > column {
footer > column h5 { footer > column h5 {
margin: 0px; margin: 0px;
} }
panel {
display: flex;
width: 100%;
justify-content: center;
}
panel.dark {
background-color: var(--value2);
}
< / style > < / style >
< / head > < / head >
< body > < body >
< header class = "yellow" > < panel class = "yellow" >
< div > < header >
< a id = "logo" href = "/blockstart/demos/" > Breadcrumbs< / a > < div >
< / div > < a id = "logo" href = "/blockstart/demos/" > Breadcrumbs< / a >
< menu > < / div >
< a href = "#" > HOME< / a > < menu >
< a href = "#" > PRODUCT< / a > < a href = "#" > HOME< / a >
< a href = "#" > PRICING< / a > < a href = "#" > PRODUCT< / a >
< a href = "#" > RESOURCES< / a > < a href = "#" > PRICING< / a >
< a href = "#" > LOGIN< / a > < a href = "#" > RESOURCES< / a >
< a href = "#" class = "button thin" > DEMO< / a > < a href = "#" > LOGIN< / a >
< / menu > < a href = "#" class = "button thin" > DEMO< / a >
< / header > < / menu >
< / header >
< pitch-image class = "yellow" > < / panel >
< left >
< h1 > Want More MQLs?< / h1 > < panel class = "yellow" >
< p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p > < pitch-image >
< a href = "#" class = "button" > LEARN HOW< / a > < left >
< / left > < h1 > Want More MQLs?< / h1 >
< right > < p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p >
< shape style = "--w: 300px; --h: 200px;" > < a href = "#" class = "button" > LEARN HOW< / a >
< h1 > Faces< / h1 > < / left >
< / shape > < right >
< / right > < shape style = "--w: 300px; --h: 200px;" >
< / pitch-image > < h1 > Faces< / h1 >
< / shape >
< pitch-image > < / right >
< left > < / pitch-image >
< h2 > Get Started in 3 Simple Steps< / h2 > < / panel >
< 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 >
< ol > < panel >
< li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li > < pitch-image >
< li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li > < left >
< li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li > < h2 > Get Started in 3 Simple Steps< / h2 >
< / ol > < 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 >
< a href = "#" > Learn more< / a > < ol >
< / left > < li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< right > < li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< shape id = "steps-image" style = "--w: 250px; --h: 250px;" > < / ol >
< h1 > Steps< / h1 > < a href = "#" > Learn more< / a >
< / shape > < / left >
< / right >
< / pitch-image > < right >
< shape id = "steps-image" style = "--w: 250px; --h: 250px;" >
< pitch-image class = "yellow" > < h1 > Steps< / h1 >
< left > < / shape >
< shape style = "--w: 250px; --h: 250px;" > < / right >
< h1 > People< / h1 > < / pitch-image >
< / shape > < / panel >
< / left >
< right > < panel class = "yellow" >
< h1 > Flexitarian Vice Poutine Synth< / h1 > < pitch-image >
< p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p > < left >
< / right > < shape style = "--w: 250px; --h: 250px;" >
< / pitch-image > < h1 > People< / h1 >
< / shape >
< pitch-image > < / left >
< left > < right >
< h1 > Don't Let Your Tech Stack Hold You Hostage< / h1 > < h1 > Flexitarian Vice Poutine Synth< / h1 >
< p > Meh art party locavore forage readymade raw denim trust fund humblebrag tumblr lyft. Fixie pour-over chicharrones farm-to-table tumblr, godard church-key live-edge dreamcatcher mixtape hot chicken.< / p > < p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p >
< / left > < / right >
< / pitch-image >
< right > < / panel >
< shape style = "--w: 250px; --h: 250px;" >
< h1 > Toolbox< / h1 > < panel >
< / shape > < pitch-image >
< / right > < left >
< / pitch-image > < h1 > Don't Let Your Tech Stack Hold You Hostage< / h1 >
< p > Meh art party locavore forage readymade raw denim trust fund humblebrag tumblr lyft. Fixie pour-over chicharrones farm-to-table tumblr, godard church-key live-edge dreamcatcher mixtape hot chicken.< / p >
< companies > < / left >
< 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 > < right >
< shape style = "--w: 250px; --h: 250px;" >
< companies-list > < h1 > Toolbox< / h1 >
< span > companies< / span > < / shape >
< span > companies< / span > < / right >
< span > companies< / span > < / pitch-image >
< span > companies< / span > < / panel >
< span > companies< / span >
< span > companies< / span > < panel class = "yellow" >
< / companies-list > < companies >
< / 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 >
< pitch-image >
< left > < companies-list >
< shape style = "--w: 250px; --h: 250px;" > < span > companies< / span >
< h1 > Super Handshake< / h1 > < span > companies< / span >
< / shape > < span > companies< / span >
< / left > < span > companies< / span >
< right > < span > companies< / span >
< h1 > Life is Lonely Marooned on an Island< / h1 > < span > companies< / span >
< p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p > < / companies-list >
< / right > < / companies >
< / pitch-image > < / panel >
< pitch-image > < panel >
< left > < pitch-image >
< h1 > Time Kills Deals, For Real< / h1 > < left >
< p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p > < shape style = "--w: 250px; --h: 250px;" >
< / left > < h1 > Super Handshake< / h1 >
< right > < / shape >
< shape style = "--w: 250px; --h: 250px;" > < / left >
< h1 > Accountant< / h1 > < right >
< h1 > Life is Lonely Marooned on an Island< / h1 >
< 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 >
< p > I'm baby kogi heirloom truffaut succulents plaid normcore microdosing craft beer gochujang humblebrag bitters bicycle rights gastropub keytar.< / p >
< / left >
< right >
< shape style = "--w: 250px; --h: 250px;" >
< h1 > Accountant< / h1 >
< / shape >
< / right >
< / pitch-image >
< / panel >
< panel class = "yellow" >
< contact-scoring >
< content >
< h1 > Contact Scoring? Never Heard of it...< / 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 >
< a class = "pad" href = "#" > Learn more about contact scoring< / a >
< / content >
< hr >
< shape style = "--h: 400px; --value: 7;" >
< h1 > Pillars< / h1 >
< / shape > < / shape >
< / right > < / contact-scoring >
< / pitch-image > < / panel >
< contact-scoring class = "solid" > < panel class = "dark" >
< content > < footer >
< h1 > Contact Scoring? Never Heard of it...< / h1 > < column >
< a id = "logo" style = "color: var(--value9);" href = "/blockstart/demos/" > Breadcrumbs< / a >
< 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 >
< a class = "pad" href = "#" > Learn more about contact scoring< / a > < p > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / p >
< / content >
< span > follow us links< / span >
< hr > < / column >
< shape style = "--h: 400px; --value: 7;" >
< h1 > Pillars< / h1 > < column >
< / shape > < h5 > COMPANY< / h5 >
< / contact-scoring >
< ol >
< footer > < li > link< / li >
< column > < li > link< / li >
< a id = "logo" style = "color: var(--value9);" href = "/blockstart/demos/" > Breadcrumbs< / a > < li > link< / li >
< li > link< / li >
< p > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / p > < li > link< / li >
< li > link< / li >
< span > follow us links< / span > < / ol >
< / column > < / column >
< column > < column >
< h5 > COMPANY< / h5 > < h5 > RESOURCES< / h5 >
< ol > < ol >
< li > link< / li > < li > link< / li >
< li > link< / li > < li > link< / li >
< li > link< / li > < li > link< / li >
< li > link< / li > < li > link< / li >
< li > link< / li > < li > link< / li >
< li > link< / li > < li > link< / li >
< / ol > < / ol >
< / column >
< / column >
< column >
< h5 > RESOURCES< / h5 > < column >
< h5 > RECENT POSTS< / h5 >
< ol >
< li > link< / li > < ol >
< li > link< / li > < li > Flexitarian Vice Poutine Synth< / li >
< li > link< / li > < li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< li > link< / li > < li > Thundercats Tonx Pok Pok Pork< / li >
< li > link< / li > < li > Flexitarian Vice Poutine Synth< / li >
< li > link< / li > < li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< / ol > < / ol >
< / column > < / column >
< / footer >
< column > < / panel >
< h5 > RECENT POSTS< / h5 >
< ol >
< li > Flexitarian Vice Poutine Synth< / li >
< li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< li > Thundercats Tonx Pok Pok Pork< / li >
< li > Flexitarian Vice Poutine Synth< / li >
< li > Cardigan raclette tbh, kitsch lomo fanny pack vegan.< / li >
< / ol >
< / column >
< / footer >
< / body > < / body >
< / html > < / html >
