php js css php js css

Please Login

Changes to Design: Muzos Direct Website Design

356935
Today 4:21am
Cumberland, Alex
Modified design
Can't Undo: The design 2 does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the design
356938
Today 4:21am
Cumberland, Alex
Modified design
Can't Undo: The design 2 does not currently exist, it may have been moved or deleted. In order to undo this change, you first need to restore the design
Mobile Value:
Id:
2
2
Type:
web
web
Is Archived:
0
0
Title:
Muzos Direct Website Design
Muzos Direct Website Design
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

/*--- FONT SOURCE
*************************/
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);

/*--- Global Declarations ---*/
body{
margin:0;
font-family: 'Oswald', Verdana, Aria, Geneva, sans-serif;
font-size:15px;
font-weight:400;
line-height:22px;
color:#222222;
background-color:#333333;
min-width:1040px;
}
img{
border:0px;
margin:0px;
}
.clear{
clear:both;
}
p{
margin:0;
padding:0;
margin-bottom:22px;
}
ul{
padding:0;
padding-left:40px;
margin:0;
margin-bottom:22px;
}

a,
a:hover{
text-decoration: none;
}
a, .links{
color: #f4a42c;
}
big{
font-size:21px;
line-height:33px;
font-weight:400;
}
h1, h2, h3, h4, h5, h6{
font-weight:bold;
font-style:normal;
margin:0;
padding:0;
margin-bottom:22px;
text-transform:uppercase;
}
h1{
font-size:30px;
line-height:42px;
}
h2{
font-size:26px;
line-height:37px;
}
h3{
font-size:24px;
line-height:35px;
}
h4{
font-size:22px;
line-height:33px;
}
h5{
font-size:16px;
line-height:26px;
text-transform:uppercase;
}
.boxShadow{
-webkit-box-shadow:#666 0px 3px 5px;
-moz-box-shadow:#666 0px 3px 5px;
box-shadow:#666 0px 3px 5px;
behavior:url(PIE.htc);
}
.fl{
float:left;
}
.fr{
float:right;
}
.ml10{
margin-left:10px;
}
.mr0{
margin-right:0;
}
.mr10{
margin-right:10px;
}
.mr20{
margin-right:20px;
}
.sectionSplitter{
border-bottom:5px solid #F4A42C;
}
/*--- Common Structures ---*/
#wrapper,
#wrapHeader,
#wrapMainBody,
#wrapFooterBottom{
width:100%;
}
#wrapMainBody{
background-color:#333;
margin-top:30px;
}
.header,
#mainBody,
#homePage,
#innerPage,
.footer,
.footerBottom{
width:1200px;
margin:0 auto;
}
#wrapHeader{
background:#333;
}
.header{
height:94px;
}
.logo{
float:left;
}
.logo img{
float:left;
margin-right:30px;
}
.compName{
color:#fff;
display:block;
height:56px;
line-height:56px;
font-size:25px;
}
#mainBody{
margin-bottom:30px;
}
#wrapFeatured{
background-color:#1A1A1A;
}
#featuredArea{
width:1200px;
margin:0 auto;
}
#wrapFreeSignUp{
background-color: #FFF;
-webkit-box-shadow: inset 0px 0px 100px 0px rgba(74,74,74,1);
-moz-box-shadow: inset 0px 0px 100px 0px rgba(74,74,74,1);
box-shadow: inset 0px 0px 100px 0px rgba(74,74,74,1);
}
#freeSignUp {
width: 1200px;
margin: 0 auto;
padding: 40px 15px 40px 15px;
}
.freeSignUp-left{
float:left;
width:480px;
}
.freeSignUp-right{
float:left;
width: 720px;
}

.latestBlogWrap{
height: 90px;
width: 360px;
float: left;
}
.latest-blog-media{
float:left;
width:260px;
}

.latest-blog-content{
margin-left:280px;
}

.nav{
float:right;
width:660px;
}
.horNav,
.horNav ul{
margin:0;
padding:0;
}
.horNav{
text-transform:uppercase;
letter-spacing: 1px;
float:left;
}
.horNav li{
font-size:14px;
line-height:36px;
}
.horNav li a{
color:#fcfefc;
display:block;
padding-right:20px;
}
.horNav li a:hover,
.horNav li.selected a{
color:#333;
}

/*--- DROPDOWN STYLING---*/
.horNav li ul{
padding:15px 15px 10px 15px;
background-color:#000;
}
.horNav li ul li{
padding:0;
margin:0;
line-height:18px;
}
.horNav li ul li a, .horNav li.selected ul li a{
white-space:nowrap;
color:#DDD;
font-weight:normal;
padding:0;
margin:0;
padding-bottom:10px;
text-transform:none;
}
.horNav ul li:hover a, .horNav li.selected ul li:hover a{
color: #FFF;
}
.horNav li:hover ul li a:hover {

}

/* SECONDARY NAV STYLING */
.sideNav{
margin:0 0 15px;
padding:0;
}
.sideNav li{
list-style:none;
font-weight:normal;
}
.sideNav li a{

}
.sideNav li.parent{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.sideNav li.parent a{
font-size: 16px;
color:#000;
line-height: 26px;
text-transform: uppercase;
font-weight:bold;
}

/* PRODUCT CATEGORY NAV */
#productNavWrap{
height: 52px;
background: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
#productNav{
width:1200px;
margin:0 auto;
}
ul.prodNav{
margin:0;
padding:0;
padding-top: 15px;
list-style-type:none;
text-transform: uppercase;
}
ul.prodNav li{
float:left;
}
ul.prodNav li a{
padding:15px;
}
ul.prodNav li a:hover{
background-color:#F18D19;
color:#333;
}
ul.prodNav li:first-child{
margin-right:5px;
}

.banner{
height:580px;
position:relative;
background-color:#ffffff;
}
.bannerOverlay{
position: absolute;
z-index: 10;
bottom: 20px;
left: 0;
padding: 15px;
padding-bottom: 0;
font-size: 13px;
color: #fff;
background: rgba(0,0,0,0.5);
}
.leftNav{
width:20px;
position:absolute;
top:250px;
left:-40px;
z-index:50;
}
.rightNav{
width:20px;
position:absolute;
top:250px;
right:-40px;
z-index:50;
}
.freeSignUp{
width:930px;
background:#e6e6e6;
padding:10px 15px 20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
}
form.cta {

}
form.cta .formRow{
background:none;
}
input.sign{
background:url(media/content_pages/btn-download.png) no-repeat;
float:left;
width:141px;
height:40px;
text-indent:-9999px;
line-height:0;
border:0 none;
cursor:pointer;
}
.contentSection{
padding:30px 10px;
overflow:hidden;
background-color:#ffffff;
}
.borderContainer{
border:1px solid #ccc;
padding:3px;
display:block;
}
.serviceHighlights{
overflow:hidden;
width:940px;
}
.individualService{
float:left;
width:300px;
}
.workArticleSection{
width:940px;
overflow:hidden;
}
.latestWork{
width:640px;
float:left;
}
.lwGallery{
overflow:hidden;
}
.singleItem{
width:140px;
height:99px;
float:left;
margin-right:20px;
margin-bottom:15px;
}
.imgCont{
border:1px solid #ccc;
padding:1px;
}
.articles{
width:300px;
float:left;
}
.articles .borderContainer{
position:relative;
}
.articles .bannerText{
position:absolute;
left:4px;
bottom:4px;
padding:5px;
font-size:15px;
font-weight:bold;
}
.articles .links{
display:inline;
font-weight:bold;
}
.wrapFooter{
background-color:#FFF;
}
.footer{
color:#333;
padding: 40px 15px 40px 15px;
}
.footer h5{
margin-bottom:10px;
}
.fooLinks{
width:200px;
padding:0 20px;
float:left;
}
.fooMiddle{
width:370px;
float:left;
margin-right:120px;
}
.contactSocialBadges{
width:220px;
padding-right:10px;
float:left;
}
.fooNav{
margin:0;
padding:0;;
}
.fooNav li{
list-style:none;
}
.socialBadges,
.sponsoredBy{
overflow:hidden;
margin-bottom:15px;
}
.socialBadges img,
.sponsoredBy img{
float:left;
margin-right:10px;
}
.footerBottom{
text-align:right;
padding-top:5px;
color:#FFF;
}
/*--- inner page ---*/
#innerPage{
padding-top:22px;
padding-bottom:22px;
}
.innerPageLeftSection{
width: 820px;
padding-left: 20px;
padding-right: 20px;
float: left;
background-color: #FFF;
padding-top: 25px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.innerPageRightSection{
width: 270px;
padding: 20px;
float: right;
background-color: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.innerPageLeftSection .serviceHighlights{
width:620px;
padding:30px 0;
}
.innerPageRightSection h5{
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
.sideForm{
margin-bottom:15px;
}
.sideForm .formRow{
background:none;
}
.sideForm input.email{
width:90%;
float:left;
margin-right:0;
}
.sideForm input.fname{
float:left;
width:90%;
margin-right:0;
}
.sideForm input.lname{
float:left;
width:90%;
margin-right:0;
}
input[type="submit"], a.button {
color: #FFF;
padding: 10px 15px;
margin-top:5px;
background: #2ea602;
background-image: -webkit-linear-gradient(top, #2ea602, #248003);
background-image: -moz-linear-gradient(top, #2ea602, #248003);
background-image: -ms-linear-gradient(top, #2ea602, #248003);
background-image: -o-linear-gradient(top, #2ea602, #248003);
background-image: linear-gradient(to bottom, #2ea602, #248003);
border:1px solid #666;
text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
cursor:pointer;
}
input[type="submit"]:hover , a.button:hover {
background: #2ea602;
}
input[type="text"]{
height:24px;
padding:5px;
background:#fff;
border:1px solid #ccc;
font-family:"Trebuchet MS";
font-size:15px;
line-height:20px;
}
#topBarWrapper{
background-color:#F18D19;
}
#topBar{
margin:0 auto;
height:36px;
width:1200px;
}
span#phone{
line-height:36px;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
float:right;
color:#FFF;
letter-spacing: 1px;
}
#headerRight{
margin-top: 25px;
float: right;
}
#headerCart{
float: right;
margin-right: 20px;
line-height: 40px;
height: 40px;
min-width: 170px;
color:#FFF;
}
#headerCart p{
margin:0;
padding:0;
}
#headerSearch {
float: right;
}

/* Homepage Product Display */
.prodContainer{
margin-top: 40px;
margin-bottom: 40px;
}
.individualProd{
float: left;
width: 198px;
height: 366px;
text-align: center;
margin: 0 20px 10px 20px;
background-color:#EEE;
}
.prodImage{
width: 193px;
height: 193px;
display: table-cell;
vertical-align: bottom;
background-color: #FFF;
border-bottom: 1px solid #DDD;
}
.prodTitle{
font-weight: bold;
display: block;
margin-top: 8px;
height: 46px;
}
.prodPrice{
font-weight: bold;
display: block;
margin-top: 8px;
height:80px;
}
.prodCTA{
background-color: #F18D19;
height: 30px;
line-height: 30px;
}
.prodCTA a{
color:#FFF;
}

</style>
</head>

<body>

<div id="wrapper">
<div id="wrapHeader">
<div id="topBarWrapper">
<div id="topBar">
<ss:navigation:primary id="primaryNav" class="horNav" classlicurrent="selected" autopopulatelevel="2" orientation="horizontal" includeparentpagelevel="0">
<ss:navigation:item page="/" at="start">Home</ss:navigation:item>
<ss:navigation:item page="/products/" at="end">Products</ss:navigation:item>
</ss:navigation:primary>
<span id="phone">Phone: (07) 3000 3000</span>
</div>
</div>
<div class="header">
<div class="logo">
<a href="/"><img src="/media/content_designs/2/muzo-direct-logo.png" alt="Muzos Direct" style="padding-top: 22px;" /></a>
</div>
<div id="headerRight">
<div id="headerSearch">
<ss:forms:form id="headerSearch" method="get" action="/search/">
<ss:forms:submitbutton value="Search" class="searchSubmit" />
<ss:forms:editbox width="166" id="header_search_query" name="query" />
</ss:forms:form>
</div>
<div id="headerCart">
<ss:logic:if test="\Components\Commerce\Carts\Current::getCount()">
<a href="/commerce/order/"><img src="/media/content_designs/2/cart-icon-light.png" alt="View Shopping Cart" style="float:left" />
<p>Click here to view cart / checkout ([? \Components\Commerce\Products::renderPrice(\Components\Commerce\Carts\Current::getTotal()) ?])</p></a>
</ss:logic:if>
<ss:logic:else>
<img src="/media/content_designs/2/cart-icon-light.png" alt="View Shopping Cart" style="float:left" />
<p>Your cart is empty.</p>
</ss:logic:else>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="productNavWrap">
<div id="productNav">
<ul class="prodNav">
<li>Browse Products: </li>
<ss:data:repeater as="category" datasource="\Components\Commerce\Products\Categories::getChildren(null)">
<li><a href="[? $category['product_category_uri'] ?]">[? $category['product_category_title'] ?]</a></li>
</ss:data:repeater>
</ul>
</div>
</div>
</div><!-- wrapHeader -->

<!-- HOME PAGE LAYOUT -->
<ss:logic:if test="\Components\Content\Pages::currentPageId() == '/'">
<div id="wrapFeatured">
<div id="featuredArea">
<div class="banner">
<ss:layout:rotator id="main_rotator" movenextid="main_rotator_next" movepreviousid="main_rotator_previous" classcontrols="bottom left square dark">
<ul>
<ss:data:repeater datasource="\Components\Content\Posts::getAllForCategory(2)" as="post" datalimit="4">
<li>
<ss:logic:if test="$post['post_content_url']">
<a href="[? $post['post_content_url'] ?]"><img src="/media/content_posts/[? $post['post_id'] ?]/[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" width="1200" height="580" maintainaspect="crop" /></a>
</ss:logic:if>
<ss:logic:else>
<img src="/media/content_posts/[? $post['post_id'] ?]/[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" width="1200" height="580" maintainaspect="crop" />
</ss:logic:else>
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<div class="leftNav">
<a id="main_rotator_previous" href="#"><img src="/media/content_designs/2/arrow-left-light.png" alt="Previous Image" /></a>
</div>
<div class="rightNav">
<a id="main_rotator_next" href="#"><img src="/media/content_designs/2/arrow-right-light.png" alt="Next Image" /></a>
</div>
</div>
</div>
</div>
<div id="wrapFreeSignUp">
<div id="freeSignUp">
<div class="freeSignUp-left">
<h3>Never Miss A Sale</h3>
<p>Enter your details below to sign up to our free monthly newsletter.</p>
<ss:forms:form class="cta" onsubmitredirect="/community/register/success/" id="newsletter_signup_cta" membergroupadd="/newsletter/" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="First Name" class="fname" validations="mandatory" />
<ss:forms:editbox id="member_last_name" placeholder="Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="E-mail Address" width="348" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Free Sign Up" />
</ss:forms:row>
</ss:forms:form>
</div>
<div class="freeSignUp-right">
<h3>Latest Blog</h3>
<p>Click <a href="/blog/">here</a> to view all articles.</p>
<ss:data:repeater datasource="\Components\Content\Posts::getAllForCategory(1)" datalimit="1" as="post">
<article itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="latest-blog-media">
<ss:logic:if test="$post['post_content_url']">
<a itemprop="url" href="[? $post['post_content_url'] ?]">
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</a>
</ss:logic:if>
<ss:logic:else>
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</ss:logic:else>
</div>

<div class="latest-blog-content">
<p><strong>
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]"><span itemprop="headline">[? $post['post_title'] ?]</span></a></ss:logic:if>
<ss:logic:else><span itemprop="headline">[? $post['post_title'] ?]</span></ss:logic:else>
</strong><br />
<small><time itemprop="datePublished" datetime="[? date('c', strtotime($post['post_date'])) ?]">[? \Framework\Primatives\Date::format($post['post_date']) ?]</time></small>
</p>
<p itemprop="description">[? $post['post_content_short'] ?]
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]">Read More</a>&hellip;</ss:logic:if>
</p>
</div>
</article>
</ss:data:repeater>
</div>
<div style="clear:both"></div>
</div>
</div>

<div id="wrapMainBody">
<div id="mainBody">
<div class="prodContainer">
<h3 style="color:#FFF;">On Sale Now</h3>
<ss:data:repeater datasource="\Components\Commerce\Products::getAllForCategoryAndBrand(7, null)" as="product" datalimit="5">
<div class="individualProd">
<div class="prodImage">
<a href="/products/[? $product['product_id'] ?]">
<ss:standard:image alt="$product['product_title']" style="margin-left:5px;" width="193" height="193" src="'/media/commerce_products/' + $product['product_id'] + '/' + $product['product_icon']" maintainaspect="true" parsenow="alt,src" />
</a>
</div>
<span class="prodTitle"><a href="/products/[? $product['product_id'] ?]">[? $product['product_title'] ?]</a></span>
<span class="prodPrice">
[? \Components\Commerce\Products::renderPrice(\Components\Commerce\Products::determinePriceWithOrderOptions($product['product_id'], $_POST['product_order_options']), 'strong,big') ?]<br />
[? \Components\Commerce\Products::renderDiscountPrice($product) ?]
</span>
<div class="prodCTA">
<span><a href="/products/[? $product['product_id'] ?]">More Info &gt;</a></span>
</div>
</div>
</ss:data:repeater>
<div style="clear:both"></div>
</div>
</div>
</div>

<div id="wrapMainBody">
<div id="mainBody">
<div id="innerPage">
<div class="innerPageLeftSection">
<ss:regions:content />
</div>
<div class="innerPageRightSection">
<h5>Contact Us</h5>
<p>Enter your details below to message us.</p>
<ss:forms:form class="sideForm" recordsubmissions="true" onsubmitredirect="/contact-us/success/" id="sidebar_contact_us" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="*First Name" class="fname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_last_name" placeholder="*Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="*E-mail Address" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" label="Message">
<ss:forms:textarea id="message" width="99%" height="60" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Send" />
</ss:forms:row>
</ss:forms:form>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>

<!-- END HOME PAGE LAYOUT -->
</ss:logic:if>

<!-- INNER PAGE LAYOUT -->
<ss:logic:else>
<div id="wrapMainBody">
<div id="mainBody">
<div id="innerPage">
<div class="innerPageLeftSection">
<ss:regions:content />
</div>

<ss:logic:if test="!\Components\Content\Pages::currentIsChildPageOf('/contact-us/')">
<div class="innerPageRightSection">

<ss:logic:if test="\Components\Content\Pages::currentIsChildPageOf('/products/')">
<h5>Your Cart</h5>
<ss:logic:if test="\Components\Commerce\Carts\Current::getCount()">
<p><a href="/commerce/order/">Click here to view cart / checkout ([? \Components\Commerce\Products::renderPrice(\Components\Commerce\Carts\Current::getTotal(), 'strong') ?])</a></p>
</ss:logic:if>
<ss:logic:else><p>There are no items in your cart.</p></ss:logic:else>
</ss:logic:if>

<ss:navigation:secondary id="secondaryNav" class="sideNav" classlicurrent="selected" includeparentclass="parent" autopopulatelevel="1" orientation="vertical" includeparentpagelevel="0" includeparentwhennochildren="false" />

<h5>Contact Us</h5>
<p>Enter your details below to message us.</p>
<ss:forms:form class="sideForm" recordsubmissions="true" onsubmitredirect="/contact-us/success/" id="sidebar_contact_us" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="*First Name" class="fname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_last_name" placeholder="*Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="*E-mail Address" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" label="Message">
<ss:forms:textarea id="message" width="99%" height="60" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Send" />
</ss:forms:row>
</ss:forms:form>
</div>
</ss:logic:if>
<div style="clear: both;"></div>
</div>
</div>
</div>

<div id="wrapFreeSignUp">
<div id="freeSignUp">
<div class="freeSignUp-left">
<h3>Never Miss A Sale</h3>
<p>Enter your details below to sign up to our free monthly newsletter.</p>
<ss:forms:form class="cta" onsubmitredirect="/community/register/success/" id="newsletter_signup_cta" membergroupadd="/newsletter/" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="First Name" class="fname" validations="mandatory" />
<ss:forms:editbox id="member_last_name" placeholder="Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="E-mail Address" width="348" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Free Sign Up" />
</ss:forms:row>
</ss:forms:form>
</div>
<div class="freeSignUp-right">
<h3>Latest Blog</h3>
<p>Click <a href="/blog/">here</a> to view all articles.</p>
<ss:data:repeater datasource="\Components\Content\Posts::getAllForCategory(1)" datalimit="1" as="post">
<article itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="latest-blog-media">
<ss:logic:if test="$post['post_content_url']">
<a itemprop="url" href="[? $post['post_content_url'] ?]">
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</a>
</ss:logic:if>
<ss:logic:else>
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</ss:logic:else>
</div>

<div class="latest-blog-content">
<p><strong>
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]"><span itemprop="headline">[? $post['post_title'] ?]</span></a></ss:logic:if>
<ss:logic:else><span itemprop="headline">[? $post['post_title'] ?]</span></ss:logic:else>
</strong><br />
<small><time itemprop="datePublished" datetime="[? date('c', strtotime($post['post_date'])) ?]">[? \Framework\Primatives\Date::format($post['post_date']) ?]</time></small>
</p>
<p itemprop="description">[? $post['post_content_short'] ?]
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]">Read More</a>&hellip;</ss:logic:if>
</p>
</div>
</article>
</ss:data:repeater>
</div>
<div style="clear:both"></div>
</div>
</div>

<!-- End Inner Page -->
</ss:logic:else>

<div class="wrapFooter">
<div class="footer">
<div class="fooLinks">
<h5>Sitemap</h5>
<ss:navigation:primary id="footer_nav" rootpage="/" includeparent="false" orientation="vertical" autopopulatelevel="1" class="fooNav">
<ss:navigation:item page="/" at="start">Home</ss:navigation:item>
<ss:logic:dependency components="\Components\Commerce\Products">
<ss:navigation:item page="/products/" at="end">Products</ss:navigation:item>
</ss:logic:dependency>
</ss:navigation:primary>
</div>
<div class="fooLinks">
<h5>Products</h5>
<ul class="fooNav">
<ss:data:repeater as="footerCategory" datasource="\Components\Commerce\Products\Categories::getChildren(null)">
<li><a href="[? $footerCategory['product_category_uri'] ?]">[? $footerCategory['product_category_title'] ?]</a></li>
</ss:data:repeater>
</ul>
</div>
<div class="fooMiddle">
<h5>About Us</h5>
<p>MuzosDirect is a fictional online music store used to showcase the Synergy 8 website and digital marketing platform. This template
can be used as a starting foundation for creating an online presence for your retail store.</p>
<h5>Legal</h5>
<ul class="fooNav">
<li><a href="/terms-and-conditions/">Terms &amp; Conditions</a></li>
<li><a href="/privacy/">Privacy Policy</a></li>
</ul>
</div>
<div class="contactSocialBadges">
<h5>Social Media</h5>
<div class="socialBadges">
<a href="#"><img src="/media/content_designs/2/icn-fb.png" alt="Facebook" /></a>
<a href="#"><img src="/media/content_designs/2/icn-gplus.png" alt="Google Plus" /></a>
<a href="#"><img src="/media/content_designs/2/icn-linkedin.png" alt="Linked In" /></a>
<a href="#"><img src="/media/content_designs/2/icn-twitter.png" alt="Twitter" /></a>
</div>
<h5>Contact Us</h5>
<p>Call - (07) 3000 3000 <br />
<a href="/contact-us/">Click here to message us</a></p>
</div>
<div style="clear:both"></div>
</div>
</div>

<div id="wrapFooterBottom">
<div class="footerBottom">
<p>&copy; [? date('Y') ?] MuzosDirect | Powered by <a href="//www.synergy8.com">Synergy 8</a></p>
</div>
</div> <!-- wrapFooter -->

</div><!-- wrapper -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

/*--- FONT SOURCE
*************************/
@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);

/*--- Global Declarations ---*/
body{
margin:0;
font-family: 'Oswald', Verdana, Aria, Geneva, sans-serif;
font-size:15px;
font-weight:400;
line-height:22px;
color:#222222;
background-color:#333333;
min-width:1040px;
}
img{
border:0px;
margin:0px;
}
.clear{
clear:both;
}
p{
margin:0;
padding:0;
margin-bottom:22px;
}
ul{
padding:0;
padding-left:40px;
margin:0;
margin-bottom:22px;
}

a,
a:hover{
text-decoration: none;
}
a, .links{
color: #f4a42c;
}
big{
font-size:21px;
line-height:33px;
font-weight:400;
}
h1, h2, h3, h4, h5, h6{
font-weight:bold;
font-style:normal;
margin:0;
padding:0;
margin-bottom:22px;
text-transform:uppercase;
}
h1{
font-size:30px;
line-height:42px;
}
h2{
font-size:26px;
line-height:37px;
}
h3{
font-size:24px;
line-height:35px;
}
h4{
font-size:22px;
line-height:33px;
}
h5{
font-size:16px;
line-height:26px;
text-transform:uppercase;
}
.boxShadow{
-webkit-box-shadow:#666 0px 3px 5px;
-moz-box-shadow:#666 0px 3px 5px;
box-shadow:#666 0px 3px 5px;
behavior:url(PIE.htc);
}
.fl{
float:left;
}
.fr{
float:right;
}
.ml10{
margin-left:10px;
}
.mr0{
margin-right:0;
}
.mr10{
margin-right:10px;
}
.mr20{
margin-right:20px;
}
.sectionSplitter{
border-bottom:5px solid #F4A42C;
}
/*--- Common Structures ---*/
#wrapper,
#wrapHeader,
#wrapMainBody,
#wrapFooterBottom{
width:100%;
}
#wrapMainBody{
background-color:#333;
margin-top:30px;
}
.header,
#mainBody,
#homePage,
#innerPage,
.footer,
.footerBottom{
width:1200px;
margin:0 auto;
}
#wrapHeader{
background:#333;
}
.header{
height:94px;
}
.logo{
float:left;
}
.logo img{
float:left;
margin-right:30px;
}
.compName{
color:#fff;
display:block;
height:56px;
line-height:56px;
font-size:25px;
}
#mainBody{
margin-bottom:30px;
}
#wrapFeatured{
background-color:#1A1A1A;
}
#featuredArea{
width:1200px;
margin:0 auto;
}
#wrapFreeSignUp{
background-color: #FFF;
-webkit-box-shadow: inset 0px 0px 100px 0px rgba(74,74,74,1);
-moz-box-shadow: inset 0px 0px 100px 0px rgba(74,74,74,1);
box-shadow: inset 0px 0px 100px 0px rgba(74,74,74,1);
}
#freeSignUp {
width: 1200px;
margin: 0 auto;
padding: 40px 15px 40px 15px;
}
.freeSignUp-left{
float:left;
width:480px;
}
.freeSignUp-right{
float:left;
width: 720px;
}

.latestBlogWrap{
height: 90px;
width: 360px;
float: left;
}
.latest-blog-media{
float:left;
width:260px;
}

.latest-blog-content{
margin-left:280px;
}

.nav{
float:right;
width:660px;
}
.horNav,
.horNav ul{
margin:0;
padding:0;
}
.horNav{
text-transform:uppercase;
letter-spacing: 1px;
float:left;
}
.horNav li{
font-size:14px;
line-height:36px;
}
.horNav li a{
color:#fcfefc;
display:block;
padding-right:20px;
}
.horNav li a:hover,
.horNav li.selected a{
color:#333;
}

/*--- DROPDOWN STYLING---*/
.horNav li ul{
padding:15px 15px 10px 15px;
background-color:#000;
}
.horNav li ul li{
padding:0;
margin:0;
line-height:18px;
}
.horNav li ul li a, .horNav li.selected ul li a{
white-space:nowrap;
color:#DDD;
font-weight:normal;
padding:0;
margin:0;
padding-bottom:10px;
text-transform:none;
}
.horNav ul li:hover a, .horNav li.selected ul li:hover a{
color: #FFF;
}
.horNav li:hover ul li a:hover {

}

/* SECONDARY NAV STYLING */
.sideNav{
margin:0 0 15px;
padding:0;
}
.sideNav li{
list-style:none;
font-weight:normal;
}
.sideNav li a{

}
.sideNav li.parent{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.sideNav li.parent a{
font-size: 16px;
color:#000;
line-height: 26px;
text-transform: uppercase;
font-weight:bold;
}

/* PRODUCT CATEGORY NAV */
#productNavWrap{
height: 52px;
background: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
#productNav{
width:1200px;
margin:0 auto;
}
ul.prodNav{
margin:0;
padding:0;
padding-top: 15px;
list-style-type:none;
text-transform: uppercase;
}
ul.prodNav li{
float:left;
}
ul.prodNav li a{
padding:15px;
}
ul.prodNav li a:hover{
background-color:#F18D19;
color:#333;
}
ul.prodNav li:first-child{
margin-right:5px;
}

.banner{
height:580px;
position:relative;
background-color:#ffffff;
}
.bannerOverlay{
position: absolute;
z-index: 10;
bottom: 20px;
left: 0;
padding: 15px;
padding-bottom: 0;
font-size: 13px;
color: #fff;
background: rgba(0,0,0,0.5);
}
.leftNav{
width:20px;
position:absolute;
top:250px;
left:-40px;
z-index:50;
}
.rightNav{
width:20px;
position:absolute;
top:250px;
right:-40px;
z-index:50;
}
.freeSignUp{
width:930px;
background:#e6e6e6;
padding:10px 15px 20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
}
form.cta {

}
form.cta .formRow{
background:none;
}
input.sign{
background:url(media/content_pages/btn-download.png) no-repeat;
float:left;
width:141px;
height:40px;
text-indent:-9999px;
line-height:0;
border:0 none;
cursor:pointer;
}
.contentSection{
padding:30px 10px;
overflow:hidden;
background-color:#ffffff;
}
.borderContainer{
border:1px solid #ccc;
padding:3px;
display:block;
}
.serviceHighlights{
overflow:hidden;
width:940px;
}
.individualService{
float:left;
width:300px;
}
.workArticleSection{
width:940px;
overflow:hidden;
}
.latestWork{
width:640px;
float:left;
}
.lwGallery{
overflow:hidden;
}
.singleItem{
width:140px;
height:99px;
float:left;
margin-right:20px;
margin-bottom:15px;
}
.imgCont{
border:1px solid #ccc;
padding:1px;
}
.articles{
width:300px;
float:left;
}
.articles .borderContainer{
position:relative;
}
.articles .bannerText{
position:absolute;
left:4px;
bottom:4px;
padding:5px;
font-size:15px;
font-weight:bold;
}
.articles .links{
display:inline;
font-weight:bold;
}
.wrapFooter{
background-color:#FFF;
}
.footer{
color:#333;
padding: 40px 15px 40px 15px;
}
.footer h5{
margin-bottom:10px;
}
.fooLinks{
width:200px;
padding:0 20px;
float:left;
}
.fooMiddle{
width:370px;
float:left;
margin-right:120px;
}
.contactSocialBadges{
width:220px;
padding-right:10px;
float:left;
}
.fooNav{
margin:0;
padding:0;;
}
.fooNav li{
list-style:none;
}
.socialBadges,
.sponsoredBy{
overflow:hidden;
margin-bottom:15px;
}
.socialBadges img,
.sponsoredBy img{
float:left;
margin-right:10px;
}
.footerBottom{
text-align:right;
padding-top:5px;
color:#FFF;
}
/*--- inner page ---*/
#innerPage{
padding-top:22px;
padding-bottom:22px;
}
.innerPageLeftSection{
width: 820px;
padding-left: 20px;
padding-right: 20px;
float: left;
background-color: #FFF;
padding-top: 25px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.innerPageRightSection{
width: 270px;
padding: 20px;
float: right;
background-color: #FFF;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.innerPageLeftSection .serviceHighlights{
width:620px;
padding:30px 0;
}
.innerPageRightSection h5{
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
.sideForm{
margin-bottom:15px;
}
.sideForm .formRow{
background:none;
}
.sideForm input.email{
width:90%;
float:left;
margin-right:0;
}
.sideForm input.fname{
float:left;
width:90%;
margin-right:0;
}
.sideForm input.lname{
float:left;
width:90%;
margin-right:0;
}
input[type="submit"], a.button {
color: #FFF;
padding: 10px 15px;
margin-top:5px;
background: #2ea602;
background-image: -webkit-linear-gradient(top, #2ea602, #248003);
background-image: -moz-linear-gradient(top, #2ea602, #248003);
background-image: -ms-linear-gradient(top, #2ea602, #248003);
background-image: -o-linear-gradient(top, #2ea602, #248003);
background-image: linear-gradient(to bottom, #2ea602, #248003);
border:1px solid #666;
text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
cursor:pointer;
}
input[type="submit"]:hover , a.button:hover {
background: #2ea602;
}
input[type="text"]{
height:24px;
padding:5px;
background:#fff;
border:1px solid #ccc;
font-family:"Trebuchet MS";
font-size:15px;
line-height:20px;
}
#topBarWrapper{
background-color:#F18D19;
}
#topBar{
margin:0 auto;
height:36px;
width:1200px;
}
span#phone{
line-height:36px;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
float:right;
color:#FFF;
letter-spacing: 1px;
}
#headerRight{
margin-top: 25px;
float: right;
}
#headerCart{
float: right;
margin-right: 20px;
line-height: 40px;
height: 40px;
min-width: 170px;
color:#FFF;
}
#headerCart p{
margin:0;
padding:0;
}
#headerSearch {
float: right;
}

/* Homepage Product Display */
.prodContainer{
margin-top: 40px;
margin-bottom: 40px;
}
.individualProd{
float: left;
width: 198px;
height: 366px;
text-align: center;
margin: 0 20px 10px 20px;
background-color:#EEE;
}
.prodImage{
width: 193px;
height: 193px;
display: table-cell;
vertical-align: bottom;
background-color: #FFF;
border-bottom: 1px solid #DDD;
}
.prodTitle{
font-weight: bold;
display: block;
margin-top: 8px;
height: 46px;
}
.prodPrice{
font-weight: bold;
display: block;
margin-top: 8px;
height:80px;
}
.prodCTA{
background-color: #F18D19;
height: 30px;
line-height: 30px;
}
.prodCTA a{
color:#FFF;
}

</style>
</head>

<body>

<div id="wrapper">
<div id="wrapHeader">
<div id="topBarWrapper">
<div id="topBar">
<ss:navigation:primary id="primaryNav" class="horNav" classlicurrent="selected" autopopulatelevel="2" orientation="horizontal" includeparentpagelevel="0">
<ss:navigation:item page="/" at="start">Home</ss:navigation:item>
<ss:navigation:item page="/products/" at="end">Products</ss:navigation:item>
</ss:navigation:primary>
<span id="phone">Phone: (07) 3000 3000</span>
</div>
</div>
<div class="header">
<div class="logo">
<a href="/"><img src="/media/content_designs/2/muzo-direct-logo.png" alt="Muzos Direct" style="padding-top: 22px;" /></a>
</div>
<div id="headerRight">
<div id="headerSearch">
<ss:forms:form id="headerSearch" method="get" action="/search/">
<ss:forms:submitbutton value="Search" class="searchSubmit" />
<ss:forms:editbox width="166" id="header_search_query" name="query" />
</ss:forms:form>
</div>
<div id="headerCart">
<ss:logic:if test="\Components\Commerce\Carts\Current::getCount()">
<a href="/commerce/order/"><img src="/media/content_designs/2/cart-icon-light.png" alt="View Shopping Cart" style="float:left" />
<p>Click here to view cart / checkout ([? \Components\Commerce\Products::renderPrice(\Components\Commerce\Carts\Current::getTotal()) ?])</p></a>
</ss:logic:if>
<ss:logic:else>
<img src="/media/content_designs/2/cart-icon-light.png" alt="View Shopping Cart" style="float:left" />
<p>Your cart is empty.</p>
</ss:logic:else>
</div>
</div>
<div style="clear:both"></div>
</div>
<div id="productNavWrap">
<div id="productNav">
<ul class="prodNav">
<li>Browse Products: </li>
<ss:data:repeater as="category" datasource="\Components\Commerce\Products\Categories::getChildren(null)">
<li><a href="[? $category['product_category_uri'] ?]">[? $category['product_category_title'] ?]</a></li>
</ss:data:repeater>
</ul>
</div>
</div>
</div><!-- wrapHeader -->

<!-- HOME PAGE LAYOUT -->
<ss:logic:if test="\Components\Content\Pages::currentPageId() == '/'">
<div id="wrapFeatured">
<div id="featuredArea">
<div class="banner">
<ss:layout:rotator id="main_rotator" movenextid="main_rotator_next" movepreviousid="main_rotator_previous" classcontrols="bottom left square dark">
<ul>
<ss:data:repeater datasource="\Components\Content\Posts::getAllForCategory(2)" as="post" datalimit="4">
<li>
<ss:logic:if test="$post['post_content_url']">
<a href="[? $post['post_content_url'] ?]"><img src="/media/content_posts/[? $post['post_id'] ?]/[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" width="1200" height="580" maintainaspect="crop" /></a>
</ss:logic:if>
<ss:logic:else>
<img src="/media/content_posts/[? $post['post_id'] ?]/[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" width="1200" height="580" maintainaspect="crop" />
</ss:logic:else>
</li>
</ss:data:repeater>
</ul>
</ss:layout:rotator>
<div class="leftNav">
<a id="main_rotator_previous" href="#"><img src="/media/content_designs/2/arrow-left-light.png" alt="Previous Image" /></a>
</div>
<div class="rightNav">
<a id="main_rotator_next" href="#"><img src="/media/content_designs/2/arrow-right-light.png" alt="Next Image" /></a>
</div>
</div>
</div>
</div>
<div id="wrapFreeSignUp">
<div id="freeSignUp">
<div class="freeSignUp-left">
<h3>Never Miss A Sale</h3>
<p>Enter your details below to sign up to our free monthly newsletter.</p>
<ss:forms:form class="cta" onsubmitredirect="/community/register/success/" id="newsletter_signup_cta" membergroupadd="/newsletter/" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="First Name" class="fname" validations="mandatory" />
<ss:forms:editbox id="member_last_name" placeholder="Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="E-mail Address" width="348" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Free Sign Up" />
</ss:forms:row>
</ss:forms:form>
</div>
<div class="freeSignUp-right">
<h3>Latest Blog</h3>
<p>Click <a href="/blog/">here</a> to view all articles.</p>
<ss:data:repeater datasource="\Components\Content\Posts::getAllForCategory(1)" datalimit="1" as="post">
<article itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="latest-blog-media">
<ss:logic:if test="$post['post_content_url']">
<a itemprop="url" href="[? $post['post_content_url'] ?]">
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</a>
</ss:logic:if>
<ss:logic:else>
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</ss:logic:else>
</div>

<div class="latest-blog-content">
<p><strong>
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]"><span itemprop="headline">[? $post['post_title'] ?]</span></a></ss:logic:if>
<ss:logic:else><span itemprop="headline">[? $post['post_title'] ?]</span></ss:logic:else>
</strong><br />
<small><time itemprop="datePublished" datetime="[? date('c', strtotime($post['post_date'])) ?]">[? \Framework\Primatives\Date::format($post['post_date']) ?]</time></small>
</p>
<p itemprop="description">[? $post['post_content_short'] ?]
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]">Read More</a>&hellip;</ss:logic:if>
</p>
</div>
</article>
</ss:data:repeater>
</div>
<div style="clear:both"></div>
</div>
</div>

<div id="wrapMainBody">
<div id="mainBody">
<div class="prodContainer">
<h3 style="color:#FFF;">On Sale Now</h3>
<ss:data:repeater datasource="\Components\Commerce\Products::getAllForCategoryAndBrand(7, null)" as="product" datalimit="5">
<div class="individualProd">
<div class="prodImage">
<a href="/products/[? $product['product_id'] ?]">
<ss:standard:image alt="$product['product_title']" style="margin-left:5px;" width="193" height="193" src="'/media/commerce_products/' + $product['product_id'] + '/' + $product['product_icon']" maintainaspect="true" parsenow="alt,src" />
</a>
</div>
<span class="prodTitle"><a href="/products/[? $product['product_id'] ?]">[? $product['product_title'] ?]</a></span>
<span class="prodPrice">
[? \Components\Commerce\Products::renderPrice(\Components\Commerce\Products::determinePriceWithOrderOptions($product['product_id'], $_POST['product_order_options']), 'strong,big') ?]<br />
[? \Components\Commerce\Products::renderDiscountPrice($product) ?]
</span>
<div class="prodCTA">
<span><a href="/products/[? $product['product_id'] ?]">More Info &gt;</a></span>
</div>
</div>
</ss:data:repeater>
<div style="clear:both"></div>
</div>
</div>
</div>

<div id="wrapMainBody">
<div id="mainBody">
<div id="innerPage">
<div class="innerPageLeftSection">
<ss:regions:content />
</div>
<div class="innerPageRightSection">
<h5>Contact Us</h5>
<p>Enter your details below to message us.</p>
<ss:forms:form class="sideForm" recordsubmissions="true" onsubmitredirect="/contact-us/success/" id="sidebar_contact_us" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="*First Name" class="fname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_last_name" placeholder="*Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="*E-mail Address" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" label="Message">
<ss:forms:textarea id="message" width="99%" height="60" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Send" />
</ss:forms:row>
</ss:forms:form>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>

<!-- END HOME PAGE LAYOUT -->
</ss:logic:if>

<!-- INNER PAGE LAYOUT -->
<ss:logic:else>
<div id="wrapMainBody">
<div id="mainBody">
<div id="innerPage">
<div class="innerPageLeftSection">
<ss:regions:content />
</div>

<ss:logic:if test="!\Components\Content\Pages::currentIsChildPageOf('/contact-us/')">
<div class="innerPageRightSection">

<ss:logic:if test="\Components\Content\Pages::currentIsChildPageOf('/products/')">
<h5>Your Cart</h5>
<ss:logic:if test="\Components\Commerce\Carts\Current::getCount()">
<p><a href="/commerce/order/">Click here to view cart / checkout ([? \Components\Commerce\Products::renderPrice(\Components\Commerce\Carts\Current::getTotal(), 'strong') ?])</a></p>
</ss:logic:if>
<ss:logic:else><p>There are no items in your cart.</p></ss:logic:else>
</ss:logic:if>

<ss:navigation:secondary id="secondaryNav" class="sideNav" classlicurrent="selected" includeparentclass="parent" autopopulatelevel="1" orientation="vertical" includeparentpagelevel="0" includeparentwhennochildren="false" />

<h5>Contact Us</h5>
<p>Enter your details below to message us.</p>
<ss:forms:form class="sideForm" recordsubmissions="true" onsubmitredirect="/contact-us/success/" id="sidebar_contact_us" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="*First Name" class="fname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_last_name" placeholder="*Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="*E-mail Address" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column" label="Message">
<ss:forms:textarea id="message" width="99%" height="60" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Send" />
</ss:forms:row>
</ss:forms:form>
</div>
</ss:logic:if>
<div style="clear: both;"></div>
</div>
</div>
</div>

<div id="wrapFreeSignUp">
<div id="freeSignUp">
<div class="freeSignUp-left">
<h3>Never Miss A Sale</h3>
<p>Enter your details below to sign up to our free monthly newsletter.</p>
<ss:forms:form class="cta" onsubmitredirect="/community/register/success/" id="newsletter_signup_cta" membergroupadd="/newsletter/" membermode="store">
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_first_name" placeholder="First Name" class="fname" validations="mandatory" />
<ss:forms:editbox id="member_last_name" placeholder="Last Name" class="lname" validations="mandatory" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:editbox id="member_email" placeholder="E-mail Address" width="348" class="email" validations="mandatory,email" transformations="tolower" />
</ss:forms:row>
<ss:forms:row type="one_column">
<ss:forms:submitbutton value="Free Sign Up" />
</ss:forms:row>
</ss:forms:form>
</div>
<div class="freeSignUp-right">
<h3>Latest Blog</h3>
<p>Click <a href="/blog/">here</a> to view all articles.</p>
<ss:data:repeater datasource="\Components\Content\Posts::getAllForCategory(1)" datalimit="1" as="post">
<article itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="latest-blog-media">
<ss:logic:if test="$post['post_content_url']">
<a itemprop="url" href="[? $post['post_content_url'] ?]">
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</a>
</ss:logic:if>
<ss:logic:else>
<ss:standard:image alt="$post['post_title']" src="'/media/content_posts/' + $post['post_id'] + '/' + $post['post_icon']" width="260" parsenow="alt,src" />
</ss:logic:else>
</div>

<div class="latest-blog-content">
<p><strong>
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]"><span itemprop="headline">[? $post['post_title'] ?]</span></a></ss:logic:if>
<ss:logic:else><span itemprop="headline">[? $post['post_title'] ?]</span></ss:logic:else>
</strong><br />
<small><time itemprop="datePublished" datetime="[? date('c', strtotime($post['post_date'])) ?]">[? \Framework\Primatives\Date::format($post['post_date']) ?]</time></small>
</p>
<p itemprop="description">[? $post['post_content_short'] ?]
<ss:logic:if test="$post['post_content_url']"><a itemprop="url" href="[? $post['post_content_url'] ?]">Read More</a>&hellip;</ss:logic:if>
</p>
</div>
</article>
</ss:data:repeater>
</div>
<div style="clear:both"></div>
</div>
</div>

<!-- End Inner Page -->
</ss:logic:else>

<div class="wrapFooter">
<div class="footer">
<div class="fooLinks">
<h5>Sitemap</h5>
<ss:navigation:primary id="footer_nav" rootpage="/" includeparent="false" orientation="vertical" autopopulatelevel="1" class="fooNav">
<ss:navigation:item page="/" at="start">Home</ss:navigation:item>
<ss:logic:dependency components="\Components\Commerce\Products">
<ss:navigation:item page="/products/" at="end">Products</ss:navigation:item>
</ss:logic:dependency>
</ss:navigation:primary>
</div>
<div class="fooLinks">
<h5>Products</h5>
<ul class="fooNav">
<ss:data:repeater as="footerCategory" datasource="\Components\Commerce\Products\Categories::getChildren(null)">
<li><a href="[? $footerCategory['product_category_uri'] ?]">[? $footerCategory['product_category_title'] ?]</a></li>
</ss:data:repeater>
</ul>
</div>
<div class="fooMiddle">
<h5>About Us</h5>
<p>MuzosDirect is a fictional online music store used to showcase the Synergy 8 website and digital marketing platform. This template
can be used as a starting foundation for creating an online presence for your retail store.</p>
<h5>Legal</h5>
<ul class="fooNav">
<li><a href="/terms-and-conditions/">Terms &amp; Conditions</a></li>
<li><a href="/privacy/">Privacy Policy</a></li>
</ul>
</div>
<div class="contactSocialBadges">
<h5>Social Media</h5>
<div class="socialBadges">
<a href="#"><img src="/media/content_designs/2/icn-fb.png" alt="Facebook" /></a>
<a href="#"><img src="/media/content_designs/2/icn-gplus.png" alt="Google Plus" /></a>
<a href="#"><img src="/media/content_designs/2/icn-linkedin.png" alt="Linked In" /></a>
<a href="#"><img src="/media/content_designs/2/icn-twitter.png" alt="Twitter" /></a>
</div>
<h5>Contact Us</h5>
<p>Call - (07) 3000 3000 <br />
<a href="/contact-us/">Click here to message us</a></p>
</div>
<div style="clear:both"></div>
</div>
</div>

<div id="wrapFooterBottom">
<div class="footerBottom">
<p>&copy; [? date('Y') ?] MuzosDirect | Powered by <a href="//www.synergy8.com">Synergy 8</a></p>
</div>
</div> <!-- wrapFooter -->

</div><!-- wrapper -->
</body>
</html>
Php Source:

															

														
Mobile Function:
new_design
new_design
Rewritetitle:
1
1
Injectmeta:
1
1
Google Analytics Id:

															

														
Requires Ssl:
0
0
Ajax Navigation:

															

														
Sifr H1:
0
0