<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.