<div class="CollapsibleDemoCard">
<section id="" class="section " style=" ">
<div class="row " style="">
<div class="col _span-8 " style="">
<details id="" class="Details " style="">
<summary class="Summary " style="">
<div class="Paper u-background-background-dark _elevation-3" style="">
<div id="" class="Card-body " style="">
<div class="row " style="">
<div class="col _grow" style="">
<h2 class="u-text-size-700 u-color-text-inverse " style="">
Powerful Social Media Software
</h2>
</div>
<div class="col _shrink" style="">
<span id="" class="button _down dn--open" style="">Request a Demo</span>
</div>
</div>
</div>
</div>
</summary>
<div class="Paper _elevation-1" style="">
<div id="" class="Card-body " style="">
<form id="" action="#" method="POST" class="Form " style="">
<h2 class="u-text-size-500 " style="">
Request a Demo for More Information
</h2>
<div class="row " style="">
<div class="col _span-6 " style="">
<label>
<span>
Text
</span>
<input
id="text"
name="First Name"
type="text"
class=""
placeholder="Bruce"
autocomplete
/>
</label>
</div>
<div class="col _span-6 " style="">
<label>
<span>
Text
</span>
<input
id="text"
name="Last Name"
type="text"
class=""
placeholder="Wayne"
autocomplete
/>
</label>
</div>
</div>
<label>
<span>
Text
</span>
<input
id="text"
name="Email"
type="email"
class=""
placeholder="bruce@wayneenterprises.com"
autocomplete
/>
</label>
<div class="row " style="">
<div class="col _span-6 " style="">
<label>
<span>
Text
</span>
<input
id="text"
name="Company Name"
type="text"
class=""
placeholder="Wayne Enterprises"
autocomplete
/>
</label>
</div>
<div class="col _span-6 " style="">
<label>
<span>
Text
</span>
<input
id="text"
name="Phone Number"
type="tel"
class=""
placeholder="800-867-5309"
autocomplete
/>
</label>
</div>
</div>
<label>
<span>
TextArea
</span>
<textarea
id="textarea"
name="Notes"
class=""
style=" "
placeholder="I would like to cover..."
rows="3"
autocomplete
></textarea>
</label>
<div class="row " style="text-align: center;">
<div class="col _span-12 " style="">
<button class="button _large _submit " type="submit">
Submit Request
</button>
<p id="" class="fineprint " style="">Someone from our sales team will be in touch soon with more information or to schedule a private demonstration.</p>
</div>
</div>
</form>
</div>
</div>
</details>
</div>
</div>
</section>
</div>
<div class="CollapsibleDemoCard">
{{> @children}}
</div>
{
"children": [
{
"component": "section",
"context": {
"children": [
{
"component": "row",
"context": {
"children": [
{
"component": "column",
"context": {
"span": 8,
"children": [
{
"component": "details",
"context": {
"children": [
{
"component": "summary",
"context": {
"children": [
{
"component": "paper",
"context": {
"elevationlevel": 3,
"modifier": "u-background-background-dark",
"children": [
{
"component": "card-body",
"context": {
"children": [
{
"component": "row",
"context": {
"children": [
{
"component": "column",
"context": {
"modifier": "_grow",
"children": [
{
"component": "heading",
"context": {
"level": 2,
"modifier": "u-text-size-700 u-color-text-inverse",
"text": "Powerful Social Media Software"
}
}
]
}
},
{
"component": "column",
"context": {
"modifier": "_shrink",
"children": [
{
"component": "span",
"context": {
"modifier": "button _down dn--open",
"text": "Request a Demo"
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
},
{
"component": "paper",
"context": {
"elevationlevel": 1,
"children": [
{
"component": "card-body",
"context": {
"children": [
{
"component": "form"
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
}
]
}
There are no notes for this item.