<ss: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;">My Business</h1>
<h3 style="text-align: center;">
Our new website will be available shortly. In the meantime, please enjoy a few recent project photos and you can contact us via the form
below.
</h3>
<p>
<br />
<br />
</p>
<a href="/#contact"><ss:standard:icon library="fontawesome" name="chevron-down" size="4" style="width: 50px; height: 50px; margin-left: auto; margin-right: auto; display: block; color: #d9d9d9" /></a>
</ss:templates:section>
<ss:templates:section paddingleft="2rem" paddingright="2rem" bgcolor="#282828" color="#ffffff" style="text-align: center;" paddingbottom="6rem" paddingtop="6rem">
<ss:standard:icon library="fontawesome" name="building-solid" size="4" style="width: 50px; height: 50px;" />
<h3>
<strong><big>Use this section to briefly explain your business, it's usually called the "Value Statement", so that potential users
can 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>
</ss:templates:section>
<ss:layout:gallery spacing="0" sizing="4,6" modalTheme="light" modalContent="*">
<ss: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!" />
<ss: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." />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1572635196237-14b3f281503f?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8M3x8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8NXx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MXx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1576618148400-f54bed99fcfd?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjd8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1525966222134-fcfa99b8ae77?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MjB8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1485955900006-10f4d324d411?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTJ8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1581235720704-06d3acfcb36f?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTN8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTd8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1570831739435-6601aa3fa4fb?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MjZ8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1564466809058-bf4114d55352?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjl8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
</ss:layout:gallery>
<ss:templates:section id="contact" paddingleft="2rem" paddingright="2rem" paddingtop="6rem" paddingbottom="6rem">
<ss:templates:row verticalAlignColumns="flex-start">
<ss:templates:column width="4">
<ss:templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<ss: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;">
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" 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;">
<ss:standard:icon library="fontawesome" name="phone-volume-solid" 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;">
<ss:standard:icon library="fontawesome" name="envelope-solid" size="4" style="width: 28px; height: 28px;" />
</td>
<td width="88.46%" style="vertical-align: top; padding: 10px">info@email.com</td>
</tr>
</table>
</ss:templates:card>
</ss:templates:flexlayout>
</ss:templates:column>
<ss:templates:column width="8">
<ss: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>
<ss: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">
<ss:templates:row>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_first_name" width="100%" validations="mandatory" placeholder="First Name" />
</ss:forms:row>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_last_name" width="100%" validations="mandatory" placeholder="Last Name" />
</ss:forms:row>
</ss:templates:column>
</ss:templates:row>
<ss:templates:row>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_email" width="100%" placeholder="E-mail Address" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_phone" placeholder="Phone Number" width="100%" />
</ss:forms:row>
</ss:templates:column>
</ss:templates:row>
<ss:forms:row type="one_column" >
<ss:forms:textarea id="message" width="100%" height="150" placeholder="Message" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column" align="left"><ss:forms:submitbutton>Submit</ss:forms:submitbutton></ss:forms:row>
</ss:forms:form>
</ss:templates:section>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>
<ss: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;">My Business</h1>
<h3 style="text-align: center;">
Our new website will be available shortly. In the meantime, please enjoy a few recent project photos and you can contact us via the form
below.
</h3>
<p>
<br />
<br />
</p>
<a href="/#contact"><ss:standard:icon library="fontawesome" name="chevron-down" size="4" style="width: 50px; height: 50px; margin-left: auto; margin-right: auto; display: block; color: #d9d9d9" /></a>
</ss:templates:section>
<ss:templates:section paddingleft="2rem" paddingright="2rem" bgcolor="#282828" color="#ffffff" style="text-align: center;" paddingbottom="6rem" paddingtop="6rem">
<ss:standard:icon library="fontawesome" name="building-solid" size="4" style="width: 50px; height: 50px;" />
<h3>
<strong><big>Use this section to briefly explain your business, it's usually called the "Value Statement", so that potential users
can 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>
</ss:templates:section>
<ss:layout:gallery spacing="0" sizing="4,6" modalTheme="light" modalContent="*">
<ss: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!" />
<ss: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." />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1572635196237-14b3f281503f?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8M3x8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8NXx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1523275335684-37898b6baf30?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MXx8cHJvZHVjdHxlbnwwfHx8fDE2MzEwNjE4NTU&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1576618148400-f54bed99fcfd?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjd8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1525966222134-fcfa99b8ae77?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MjB8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1485955900006-10f4d324d411?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTJ8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1581235720704-06d3acfcb36f?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTN8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1546868871-7041f2a55e12?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MTd8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1570831739435-6601aa3fa4fb?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8MjZ8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
<ss:standard:image lazy="true" src="https://images.unsplash.com/photo-1564466809058-bf4114d55352?ixid=Mnw2ODg1fDB8MXxzZWFyY2h8Mjl8fHByb2R1Y3R8ZW58MHx8fHwxNjMxMDYxODU1&" />
</ss:layout:gallery>
<ss:templates:section id="contact" paddingleft="2rem" paddingright="2rem" paddingtop="6rem" paddingbottom="6rem">
<ss:templates:row verticalAlignColumns="flex-start">
<ss:templates:column width="4">
<ss:templates:flexlayout style="justify-content: center; align-items: stretch;" preventwrap="preventwrap">
<ss: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;">
<ss:standard:icon library="fontawesome" name="map-marker-alt-solid" 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;">
<ss:standard:icon library="fontawesome" name="phone-volume-solid" 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;">
<ss:standard:icon library="fontawesome" name="envelope-solid" size="4" style="width: 28px; height: 28px;" />
</td>
<td width="88.46%" style="vertical-align: top; padding: 10px">info@email.com</td>
</tr>
</table>
</ss:templates:card>
</ss:templates:flexlayout>
</ss:templates:column>
<ss:templates:column width="8">
<ss: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>
<ss: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">
<ss:templates:row>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_first_name" width="100%" validations="mandatory" placeholder="First Name" />
</ss:forms:row>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_last_name" width="100%" validations="mandatory" placeholder="Last Name" />
</ss:forms:row>
</ss:templates:column>
</ss:templates:row>
<ss:templates:row>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_email" width="100%" placeholder="E-mail Address" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
</ss:templates:column>
<ss:templates:column width="6">
<ss:forms:row type="one_column">
<ss:forms:editbox id="contact_phone" placeholder="Phone Number" width="100%" />
</ss:forms:row>
</ss:templates:column>
</ss:templates:row>
<ss:forms:row type="one_column" >
<ss:forms:textarea id="message" width="100%" height="150" placeholder="Message" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column" align="left"><ss:forms:submitbutton>Submit</ss:forms:submitbutton></ss:forms:row>
</ss:forms:form>
</ss:templates:section>
</ss:templates:column>
</ss:templates:row>
</ss:templates:section>