php js css php js css

Changes

Changes to Design: Website Design
398774
Yesterday 2:16am

Created design
Can't Undo: The design 27 does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the design
398873
Yesterday 2:24am
McNaught, Scott
Deleted design
Id:
Deleted Datetime:
Type:
Css:
Js:
Php Source:
Mobile Function:
Mobile Value:
Google Analytics Id:
Ajax Navigation:
Title:
 
Website Design
Website Design
Html:
 
<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="utf-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

	<meta name="HandheldFriendly" content="true" />



	<ss:templates:styles

		boxsizingborderbox="true"

		maxwidthmedia="true"



		rootfontsize="16px"

		rootfontsizemobile="14px"

		lastusedratio="1.68"



		bodyfontlibrary="google"

		bodyfontfamily="Open Sans"

		bodyfontweight="300"

		bodycolor="#333"

		bodyfontsize="1rem"

		bodylineheight="1.55rem"

		bodymargintop="0rem"

		bodymarginbottom="0.8rem"



		h1fontlibrary="google"

		h1fontfamily="Roboto"

		h1fontweight="900"

		h1color=""

		h1fontsize="4.2358rem"

		h1lineheight="4.9245rem"

		h1margintop="3.1rem"

		h1marginbottom="1.6rem"



		h2fontlibrary="google"

		h2fontfamily="Roboto"

		h2fontweight="900"

		h2color=""

		h2fontsize="2.6179rem"

		h2lineheight="3.1850rem"

		h2margintop="3.1rem"

		h2marginbottom="1.6rem"



		h3fontlibrary="google"

		h3fontfamily="Roboto"

		h3fontweight="900"

		h3color=""

		h3fontsize="1.618rem"

		h3lineheight="2.1180rem"

		h3margintop="2.3rem"

		h3marginbottom="0.8rem"



		h4fontlibrary="google"

		h4fontfamily="Roboto"

		h4fontweight="700"

		h4color=""

		h4fontsize="1rem"

		h4lineheight="1.55rem"

		h4margintop="2.3rem"

		h4marginbottom="0.8rem"



		h5fontlibrary="google"

		h5fontfamily="Roboto"

		h5fontweight="700"

		h5color=""

		h5fontsize="1rem"

		h5lineheight="1.55rem"

		h5margintop="1.6rem"

		h5marginbottom="0.8rem"



		acolor="#313235"

		atextdecoration="none"



		improveformstyles="true"

		formaccentcolor="#313235"

		formstylevariant="minimal"

	/>



	<style>



		.s8-navigationPrimary a {

			font-size: small;

		}



		.s8-breadcrumbs a {

		    color: #fff;

			text-transform: uppercase;

			font-size: small;

		}

		

		footer a{

			color: #fff;

		}

		

		#footerSitemap li {

		    display: inline-block;

		    padding: 0 20px;

		    text-transform: uppercase;

		}

		

		@media (max-width: 768px) {

			#footerSitemap li {

		    	display: block;

			    padding: 10px 0;

			}

		}



		/* Footer Form */



		#contact_section button

		{

			position: relative;



			width: 100%;

			margin-top: 20px;

		}



		#contact_section button .s8-standard-icon

		{

			transition: transform 0.4s ease-out;

			-webkit-backface-visibility: hidden

		}



		#contact_section button:hover .s8-standard-icon

		{

			transform: rotate(10deg);

		}





		.sr-only

		{

			display: none;

		}

	</style>

</head>



<body>

	<!-- Header -->

	<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/27/logo.jpeg"  bgcolor="#ffffff" contentsize="md" navfontcolor="#151414" navbgcolor="#ffffff">

		<ss:navigation:primary rootpage="/new-site/" preventwrap="true" includestyles="true" autopopulatelevel="3" preventwrap="true">

			<ss:navigation:item at="start" page="/">Home</ss:navigation:item>

		</ss:navigation:primary>

			</ss:templates:header>



	<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">

		<!-- Any Page which isn't the Home Page -->

				<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem" bgcolor="#fca122" color="#fff" color="#ffffff" bgcolor="#313235" bggradient="linear-gradient(300deg, rgb(49, 50, 53), rgb(38, 85, 115))" >

			<h2 style="margin: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h2>

				<span class="s8-breadcrumbs"><ss:navigation:breadcrumbs id="s8_header_breadcrumbs" showhomepage="true"/></span>

			</ss:templates:section>

			<ss:regions:content requiressection="true" />

	</ss:logic:if>



	<ss:logic:else>

		<!-- Full width content region on home page -->

		<ss:regions:content requiressection="true" />

	</ss:logic:else>



	<!-- Footer Section -->

	<ss:templates:section id="contact_section" bgposition="top" bgwashopacity="80" bgparallax="true" bgwashcolor="#151414" color="#f6f7f9" paddingtop="15rem" paddingbottom="15rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1448932223592-d1fc686e76ea?ixid=eyJhcHBfaWQiOjY4ODV9">

		<ss:templates:row verticalAlignColumns="center">

			<ss:templates:column width="3">

				<h5 style="font-size: 80px; line-height: .7em;">SUB</h5>

				<h5 style="font-size: 80px; line-height: .7em;">SCR</h5>

				<h5 style="font-size: 80px; line-height: .7em;letter-spacing: 14px;">IBE</h5>

			</ss:templates:column>

			<ss:templates:column width="6">

				<ss:forms:form id="blog_signup" onsuccesstoastmessage="Thanks! You have been successfully signed up" contactmode="register">

					<ss:forms:row label="First Name" type="one_column">

						<label class="sr-only">First Name</label>

						<ss:forms:editbox id="contact_first_name" placeholder="First Name" validations="mandatory" />

					</ss:forms:row>

					<ss:forms:row label="Email Address" type="one_column">

						<label class="sr-only">Email Address</label>

						<ss:forms:editbox id="contact_email" placeholder="Email Address" validations="mandatory,email" transformations="tolower" />

					</ss:forms:row>

					<ss:forms:row type="one_column">

						<ss:forms:submitbutton type="submit">

							<ss:standard:icon library="fontawesome" name="paper-plane-solid" style="height: 25px; width: 25px;" />

						</ss:forms:submitbutton>

					</ss:forms:row>

				</ss:forms:form>

			</ss:templates:column>

			<ss:templates:column width="3">

				<p>

					<a href="tel:1300787970" style="color: #fff"><ss:standard:icon library="fontawesome" name="phone-volume-solid" size="4" style="width: 20px; height: 20px;" /> 1300787970</a>

				</p>

				<p>

					<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 20px; height: 20px; float: left; margin-right: 6px" />

					PO Box 5766 Brendale QLD 4500				</p>

			</ss:templates:column>

		</ss:templates:row>

	</ss:templates:section>

	<footer>

		<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" style="text-align: center;" bgcolor="#333333" color="#fff">

			<ss:templates:sociallinks icon-width="31px" icon-height="30px" variant="Round" size="3" bgcolor="#ffffff" color="#313235"  />

			<p><br /></p>

			<ss:navigation:secondary rootpage="/" id="footerSitemap" />

			<p><br /></p>

			<p>

				Copyright &copy; [? date('Y') ?] Brooklyn Depot, Southbank, Brisbane. <a href="//www.oncord.com/" rel="designer" target="_blank">Powered by Oncord</a>

			</p>

			<p>

				<br />

				<small><a href="/privacy-policy/">PRIVACY POLICY</a> | <a href="/terms-and-conditions/">TERMS &amp; CONDITIONS</a></small>

			</p>

		</ss:templates:section>

	</footer>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="utf-8" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

	<meta name="HandheldFriendly" content="true" />



	<ss:templates:styles

		boxsizingborderbox="true"

		maxwidthmedia="true"



		rootfontsize="16px"

		rootfontsizemobile="14px"

		lastusedratio="1.68"



		bodyfontlibrary="google"

		bodyfontfamily="Open Sans"

		bodyfontweight="300"

		bodycolor="#333"

		bodyfontsize="1rem"

		bodylineheight="1.55rem"

		bodymargintop="0rem"

		bodymarginbottom="0.8rem"



		h1fontlibrary="google"

		h1fontfamily="Roboto"

		h1fontweight="900"

		h1color=""

		h1fontsize="4.2358rem"

		h1lineheight="4.9245rem"

		h1margintop="3.1rem"

		h1marginbottom="1.6rem"



		h2fontlibrary="google"

		h2fontfamily="Roboto"

		h2fontweight="900"

		h2color=""

		h2fontsize="2.6179rem"

		h2lineheight="3.1850rem"

		h2margintop="3.1rem"

		h2marginbottom="1.6rem"



		h3fontlibrary="google"

		h3fontfamily="Roboto"

		h3fontweight="900"

		h3color=""

		h3fontsize="1.618rem"

		h3lineheight="2.1180rem"

		h3margintop="2.3rem"

		h3marginbottom="0.8rem"



		h4fontlibrary="google"

		h4fontfamily="Roboto"

		h4fontweight="700"

		h4color=""

		h4fontsize="1rem"

		h4lineheight="1.55rem"

		h4margintop="2.3rem"

		h4marginbottom="0.8rem"



		h5fontlibrary="google"

		h5fontfamily="Roboto"

		h5fontweight="700"

		h5color=""

		h5fontsize="1rem"

		h5lineheight="1.55rem"

		h5margintop="1.6rem"

		h5marginbottom="0.8rem"



		acolor="#313235"

		atextdecoration="none"



		improveformstyles="true"

		formaccentcolor="#313235"

		formstylevariant="minimal"

	/>



	<style>



		.s8-navigationPrimary a {

			font-size: small;

		}



		.s8-breadcrumbs a {

		    color: #fff;

			text-transform: uppercase;

			font-size: small;

		}

		

		footer a{

			color: #fff;

		}

		

		#footerSitemap li {

		    display: inline-block;

		    padding: 0 20px;

		    text-transform: uppercase;

		}

		

		@media (max-width: 768px) {

			#footerSitemap li {

		    	display: block;

			    padding: 10px 0;

			}

		}



		/* Footer Form */



		#contact_section button

		{

			position: relative;



			width: 100%;

			margin-top: 20px;

		}



		#contact_section button .s8-standard-icon

		{

			transition: transform 0.4s ease-out;

			-webkit-backface-visibility: hidden

		}



		#contact_section button:hover .s8-standard-icon

		{

			transform: rotate(10deg);

		}





		.sr-only

		{

			display: none;

		}

	</style>

</head>



<body>

	<!-- Header -->

	<ss:templates:header variant="Slim" maxlogowidth="200px" maxlogoheight="100px" logo="/media/website_designs/27/logo.jpeg"  bgcolor="#ffffff" contentsize="md" navfontcolor="#151414" navbgcolor="#ffffff">

		<ss:navigation:primary rootpage="/new-site/" preventwrap="true" includestyles="true" autopopulatelevel="3" preventwrap="true">

			<ss:navigation:item at="start" page="/">Home</ss:navigation:item>

		</ss:navigation:primary>

			</ss:templates:header>



	<ss:logic:if test="\Components\Website\Pages::currentPageId() != '/'">

		<!-- Any Page which isn't the Home Page -->

				<ss:templates:section contentsize="md" paddingleft="2rem" paddingright="2rem" paddingtop="10rem" paddingbottom="10rem" bgcolor="#fca122" color="#fff" color="#ffffff" bgcolor="#313235" bggradient="linear-gradient(300deg, rgb(49, 50, 53), rgb(38, 85, 115))" >

			<h2 style="margin: 0px;">[? \Components\Website\Pages::currentGetColumn('page_title') ?]</h2>

				<span class="s8-breadcrumbs"><ss:navigation:breadcrumbs id="s8_header_breadcrumbs" showhomepage="true"/></span>

			</ss:templates:section>

			<ss:regions:content requiressection="true" />

	</ss:logic:if>



	<ss:logic:else>

		<!-- Full width content region on home page -->

		<ss:regions:content requiressection="true" />

	</ss:logic:else>



	<!-- Footer Section -->

	<ss:templates:section id="contact_section" bgposition="top" bgwashopacity="80" bgparallax="true" bgwashcolor="#151414" color="#f6f7f9" paddingtop="15rem" paddingbottom="15rem" paddingleft="2rem" paddingright="2rem" bgimage="https://images.unsplash.com/photo-1448932223592-d1fc686e76ea?ixid=eyJhcHBfaWQiOjY4ODV9">

		<ss:templates:row verticalAlignColumns="center">

			<ss:templates:column width="3">

				<h5 style="font-size: 80px; line-height: .7em;">SUB</h5>

				<h5 style="font-size: 80px; line-height: .7em;">SCR</h5>

				<h5 style="font-size: 80px; line-height: .7em;letter-spacing: 14px;">IBE</h5>

			</ss:templates:column>

			<ss:templates:column width="6">

				<ss:forms:form id="blog_signup" onsuccesstoastmessage="Thanks! You have been successfully signed up" contactmode="register">

					<ss:forms:row label="First Name" type="one_column">

						<label class="sr-only">First Name</label>

						<ss:forms:editbox id="contact_first_name" placeholder="First Name" validations="mandatory" />

					</ss:forms:row>

					<ss:forms:row label="Email Address" type="one_column">

						<label class="sr-only">Email Address</label>

						<ss:forms:editbox id="contact_email" placeholder="Email Address" validations="mandatory,email" transformations="tolower" />

					</ss:forms:row>

					<ss:forms:row type="one_column">

						<ss:forms:submitbutton type="submit">

							<ss:standard:icon library="fontawesome" name="paper-plane-solid" style="height: 25px; width: 25px;" />

						</ss:forms:submitbutton>

					</ss:forms:row>

				</ss:forms:form>

			</ss:templates:column>

			<ss:templates:column width="3">

				<p>

					<a href="tel:1300787970" style="color: #fff"><ss:standard:icon library="fontawesome" name="phone-volume-solid" size="4" style="width: 20px; height: 20px;" /> 1300787970</a>

				</p>

				<p>

					<ss:standard:icon library="fontawesome" name="envelope-open-solid" size="4" style="width: 20px; height: 20px; float: left; margin-right: 6px" />

					PO Box 5766 Brendale QLD 4500				</p>

			</ss:templates:column>

		</ss:templates:row>

	</ss:templates:section>

	<footer>

		<ss:templates:section paddingtop="5rem" paddingbottom="5rem" paddingleft="2rem" paddingright="2rem" style="text-align: center;" bgcolor="#333333" color="#fff">

			<ss:templates:sociallinks icon-width="31px" icon-height="30px" variant="Round" size="3" bgcolor="#ffffff" color="#313235"  />

			<p><br /></p>

			<ss:navigation:secondary rootpage="/" id="footerSitemap" />

			<p><br /></p>

			<p>

				Copyright &copy; [? date('Y') ?] Brooklyn Depot, Southbank, Brisbane. <a href="//www.oncord.com/" rel="designer" target="_blank">Powered by Oncord</a>

			</p>

			<p>

				<br />

				<small><a href="/privacy-policy/">PRIVACY POLICY</a> | <a href="/terms-and-conditions/">TERMS &amp; CONDITIONS</a></small>

			</p>

		</ss:templates:section>

	</footer>

</body>

</html>