<templates:section paddingleft="2rem" paddingright="2rem" paddingTop="12rem" paddingBottom="7rem" bgimageblur="0" bgwashcolor="#000000" bgwashopacity="60" bgimage="https://images.unsplash.com/photo-1470115636492-6d2b56f9146d?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Nnx8Zm9yZXN0fGVufDB8fHx8MTYzNzgwMTczMA&" color="#ffffff" contentsize="md">
<h1 style="text-align: center;">Try Our Web Page Editor!</h1>
<h3 style="text-align: center;">A drag-and-drop visual editor that produces beautiful, search engine friendly code.</h3>
<p>
<br />
<br />
</p>
<a href="/#contact"><standard:icon library="fontawesome" iconstyle="solid" iconname="chevron-down" size="4" style="width: 50px; height: 50px; margin-left: auto; margin-right: auto; display: block; color: #d9d9d9" /></a>
</templates:section>
<templates:section paddingTop="7rem" paddingBottom="7rem" paddingleft="2rem" paddingright="2rem" style="text-align: center;" contentsize="md" bgimage="https://images.unsplash.com/photo-1425342605259-25d80e320565?ixid=M3w2ODg1fDB8MXxzZWFyY2h8Mjd8fHJvYWR8ZW58MHx8fHwxNjg0OTY5MDY1fDA&" bgparallax="true" bgposition="bottom right" bgwashcolor="#ffffff" bgwashopacity="91">
<templates:section contentsize="sm" paddingRight="0rem" paddingLeft="0rem" paddingTop="0rem">
<h2>Manage Your Online Business</h2>
<p>
<big>Business owners need a more intuitive solution to run their online presence.It's impossible to run a modern business without control
over your website and campaign content We created Oncord as a more intuitive solution that you'll be proud to hand to your clients.</big>
</p>
</templates:section>
<templates:section contentsize="sm" paddingTop="1rem" paddingBottom="0rem">
<templates:flexlayout style="justify-content: center; align-items: center" preventwrap="preventwrap">
<templates:card style="padding: 20px; margin: 10px; border-radius: 0px; box-shadow: 0px 3px 15px rgba(0,0,0,0.2)" cardsize="lg" bgcolor="#ffffff">
<iframe width="100%" height="462" src="https://www.youtube.com/embed/VDStzPOLYvA?rel=0" frameborder="0" allowfullscreen></iframe>
</templates:card>
</templates:flexlayout>
</templates:section>
</templates:section>
<templates:section paddingleft="2rem" paddingright="2rem" bgcolor="#282828" color="#ffffff" style="text-align: center;" paddingbottom="6rem" paddingtop="6rem">
<standard:icon library="fontawesome" iconstyle="solid" iconname="building" size="4" style="width: 50px; height: 50px;" />
<h3>
<strong><big>Use this section to succinctly explain your business. Potential users should be able to immediately identify what you do, and
how you can help.</big></strong>
</h3>
<h3><small>And add any secondary information here, this is just an editable text section. </small></h3>
</templates:section>
<layout:gallery spacing="0" sizing="4,6" modalTheme="light" modalContent="*">
<standard:image lazy="true" src="https://images.unsplash.com/photo-1491553895911-0055eca6402d?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8NHx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" modalTheme="light" modalCaptionTitle="Shoe One" modalCaptionDescription="This is my first Shoe!" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1562499573-a3c6ee42ee83?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mnx8cGFub3JhbWljfGVufDB8fHx8MTY1Nzg0Njk4Mw&" modalTheme="light" modalCaptionTitle="Image Caption Title Goes Here" modalCaptionDescription="Enter your caption description right here, to add more detail." />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1572635196237-14b3f281503f?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8M3x8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8NXx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MXx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1576618148400-f54bed99fcfd?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjd8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1525966222134-fcfa99b8ae77?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MjB8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1485955900006-10f4d324d411?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTJ8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1581235720704-06d3acfcb36f?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTN8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTd8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1570831739435-6601aa3fa4fb?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MjZ8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<standard:image lazy="true" src="https://images.unsplash.com/photo-1564466809058-bf4114d55352?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjl8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
</layout:gallery>
<templates:section id="contact" paddingleft="2rem" paddingright="2rem" paddingtop="6rem" paddingbottom="6rem">
<templates:row verticalAlignColumns="flex-start">
<templates:column width="4">
<templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<templates:card bgcolor="#FFFFFF" style="padding: 20px; margin: 0px; border-radius: 0px; border: 10px solid #4d4d4d" cardsize="md">
<h3><strong><small>Contact Details</small></strong></h3>
<table border="0" width="100%">
<tr>
<td width="11.54%" style="padding: 10px;">
<standard:icon library="fontawesome" iconstyle="solid" iconname="location-dot" size="4" style="width: 28px; height: 28px;" />
</td>
<td width="88.46%" style="vertical-align: top; padding: 10px">
123 Test Street,<br />
Brisbane, QLD 4000
</td>
</tr>
<tr>
<td width="11.54%" style="padding: 10px;">
<standard:icon library="fontawesome" iconstyle="solid" iconname="phone-volume" size="4" style="width: 28px; height: 28px;" />
</td>
<td width="88.46%" style="vertical-align: top; padding: 10px">
(07) 3000-0000
</td>
</tr>
<tr>
<td width="11.54%" style="padding: 10px;">
<standard:icon library="fontawesome" iconstyle="solid" iconname="envelope" size="4" style="width: 28px; height: 28px;" />
</td>
<td width="88.46%" style="vertical-align: top; padding: 10px">info@email.com</td>
</tr>
</table>
</templates:card>
</templates:flexlayout>
</templates:column>
<templates:column width="8">
<templates:section paddingtop="2rem" paddingleft="2rem" paddingright="2rem" paddingbottom="2rem" bgcolor="#f5f5f5">
<h3><strong>Contact Us Now</strong></h3>
<p>Complete the form below to send us a message.</p>
<forms:form class="s8-form-minimal" recordsubmissions="true" contactmode="store" id="contact_coming_soon" onsubmitemail="true" onsubmitemailsubject="[? 'Website Enquiry: ' + $_POST['contact_first_name'] + ' ' + $_POST['contact_last_name'] ?]" onsuccesstoastmessage="Thanks, your message has been sent">
<templates:row>
<templates:column width="6">
<forms:row 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 type="one_column">
<forms:editbox id="contact_last_name" width="100%" validations="mandatory" placeholder="Last Name" />
</forms:row>
</templates:column>
</templates:row>
<templates:row>
<templates:column width="6">
<forms:row type="one_column">
<forms:editbox id="contact_email" width="100%" placeholder="E-mail Address" validations="mandatory,email" transformations="tolower" />
</forms:row>
</templates:column>
<templates:column width="6">
<forms:row type="one_column">
<forms:editbox id="contact_phone" placeholder="Phone Number" width="100%" />
</forms:row>
</templates:column>
</templates:row>
<forms:row type="one_column" >
<forms:textarea id="message" width="100%" height="150" placeholder="Message" validations="mandatory" />
</forms:row>
<forms:row type="one_column" align="left"><forms:submitbutton>Submit</forms:submitbutton></forms:row>
</forms:form>
</templates:section>
</templates:column>
</templates:row>
</templates:section>
|