<templates:section paddingTop="8rem" paddingBottom="8rem" paddingLeft="1rem" paddingRight="1rem" contentsize="md" color="#ffffff" bgimage="https://images.unsplash.com/photo-1583265266785-aab9e443ee68?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjd8fHBhcmlzfGVufDB8fHx8MTY3Njg0OTYxNA&" bgwashcolor="#333333" bgwashopacity="20">
<h1 style="text-align: left;">Do you have a question?</h1>
<p style="text-align: left;">Let us know through the form below.</p>
</templates:section>
<templates:section contentsize="md" bgcolor="" paddingLeft="1rem" paddingRight="1rem">
<templates:row>
<templates:column width="4">
<h3 style="text-align: left;"><span style="color: #c41c32"></span>Message Us</h3>
<table border="0" width="100%" style="border-spacing: 0px;">
<tr>
<td width="11.69%" style="padding: 0px; vertical-align: top">
<standard:icon library="feather" iconstyle="standard" iconname="phone" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px; vertical-align: top">
<p>012 345 678</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="message-circle" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>support@oncord.com</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="map-pin" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>123 Brisbane Rd.</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="clock" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>Mon - Thu 10:00 AM - 3:00 PM</p>
</td>
</tr>
</table>
</templates:column>
<templates:column width="8">
<templates:flexlayout preventwrap="preventwrap" style="padding:0;">
<templates:card bgcolor="#FFFFFF" style="padding: 0px 30px 0px 30px; margin: 10px; border-radius: 0px; border-left:solid 2px #d5072c;" cardsize="lg">
<forms:form contactmode="store" id="contact_form" recordsubmissions="true" method="ajax">
<templates:row>
<templates:column width="6">
<forms:row label="First Name" type="one_column">
<forms:editbox id="contact_first_name" width="100%" validations="mandatory" placeholder="First Name" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row label="Last Name" type="one_column">
<forms:editbox id="contact_last_name" width="100%" validations="mandatory" placeholder="Last Name" />
</forms:row>
</templates:column>
</templates:row>
<forms:row label="E-mail Address" type="one_column">
<forms:editbox id="contact_email" width="100%" validations="mandatory,email" transformations="tolower" placeholder="Email Address" />
</forms:row>
<forms:row label="Phone Number" type="one_column">
<forms:editbox id="contact_phone" width="100%" placeholder="Phone Number" />
</forms:row>
<forms:row type="one_column" label="Message">
<forms:textarea id="message" width="100%" height="150" validations="mandatory"></forms:textarea>
</forms:row>
<forms:row type="one_column">
<p style="text-align: left; margin-bottom:0rem;"><forms:submitbutton>Submit</forms:submitbutton></p>
</forms:row>
<forms:successcontent>
<p><br /></p>
<standard:icon library="fontawesome" iconstyle="regular" iconname="circle-check" size="4" style="width: 131px; height: 131px; margin-left: auto; margin-right: auto; display: block; color: #75d776" />
<p><br /></p>
<h2 style="text-align: center;">Thank you! We've received your submission.</h2>
<p style="text-align: center;">
One of our staff will get back to you shortly.<br />
<br />
</p>
</forms:successcontent>
</forms:form>
</templates:card>
</templates:flexlayout>
</templates:column>
</templates:row>
</templates:section>
<templates:section paddingTop="8rem" paddingBottom="8rem" paddingLeft="1rem" paddingRight="1rem" contentsize="md" color="#ffffff" bgimage="https://images.unsplash.com/photo-1583265266785-aab9e443ee68?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjd8fHBhcmlzfGVufDB8fHx8MTY3Njg0OTYxNA&" bgwashcolor="#333333" bgwashopacity="20">
<h1 style="text-align: left;">Do you have a question?</h1>
<p style="text-align: left;">Let us know through the form below.</p>
</templates:section>
<templates:section contentsize="md" bgcolor="" paddingLeft="1rem" paddingRight="1rem">
<templates:row>
<templates:column width="4">
<h3 style="text-align: left;"><span style="color: #c41c32"></span>Message Us</h3>
<table border="0" width="100%" style="border-spacing: 0px;">
<tr>
<td width="11.69%" style="padding: 0px; vertical-align: top">
<standard:icon library="feather" iconstyle="standard" iconname="phone" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px; vertical-align: top">
<p>012 345 678</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="message-circle" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>support@oncord.com</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="map-pin" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>123 Brisbane Rd.</p>
</td>
</tr>
<tr>
<td width="11.69%" style="vertical-align: top; padding: 0px">
<standard:icon library="feather" iconstyle="standard" iconname="clock" size="4" style="width: 24px; height: 24px; color: #d90f31" />
</td>
<td width="88.31%" style="padding: 0px;">
<p>Mon - Thu 10:00 AM - 3:00 PM</p>
</td>
</tr>
</table>
</templates:column>
<templates:column width="8">
<templates:flexlayout preventwrap="preventwrap" style="padding:0;">
<templates:card bgcolor="#FFFFFF" style="padding: 0px 30px 0px 30px; margin: 10px; border-radius: 0px; border-left:solid 2px #d5072c;" cardsize="lg">
<forms:form contactmode="store" id="contact_form" recordsubmissions="true" method="ajax">
<templates:row>
<templates:column width="6">
<forms:row label="First Name" type="one_column">
<forms:editbox id="contact_first_name" width="100%" validations="mandatory" placeholder="First Name" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row label="Last Name" type="one_column">
<forms:editbox id="contact_last_name" width="100%" validations="mandatory" placeholder="Last Name" />
</forms:row>
</templates:column>
</templates:row>
<forms:row label="E-mail Address" type="one_column">
<forms:editbox id="contact_email" width="100%" validations="mandatory,email" transformations="tolower" placeholder="Email Address" />
</forms:row>
<forms:row label="Phone Number" type="one_column">
<forms:editbox id="contact_phone" width="100%" placeholder="Phone Number" />
</forms:row>
<forms:row type="one_column" label="Message">
<forms:textarea id="message" width="100%" height="150" validations="mandatory"></forms:textarea>
</forms:row>
<forms:row type="one_column">
<p style="text-align: left; margin-bottom:0rem;"><forms:submitbutton>Submit</forms:submitbutton></p>
</forms:row>
<forms:successcontent>
<p><br /></p>
<standard:icon library="fontawesome" iconstyle="regular" iconname="circle-check" size="4" style="width: 131px; height: 131px; margin-left: auto; margin-right: auto; display: block; color: #75d776" />
<p><br /></p>
<h2 style="text-align: center;">Thank you! We've received your submission.</h2>
<p style="text-align: center;">
One of our staff will get back to you shortly.<br />
<br />
</p>
</forms:successcontent>
</forms:form>
</templates:card>
</templates:flexlayout>
</templates:column>
</templates:row>
</templates:section>