I have looked over my code and I do not see any invalid characters. could someone double check for me?
- Code: Select all
<cms:template title='Buy Salts'>
<cms:editable
name='background'
label='Top Background Image'
desc='Upload a main background image to use here'
type='image'
/>
<cms:editable
name='logo'
label='Logo'
desc='Upload your logo here'
type='image'
/>
<cms:editable
name='feature_image'
label='Feature Image'
desc='Upload your feauture image here'
type='image'
/>
<cms:editable name='address' label='Address'
desc='Enter your adddress here'
type='text' />
<cms:editable name='city' label='City'
desc='Enter your city here'
type='text' />
<cms:editable name='province' label='Province'
desc='Enter your province here'
type='text' />
<cms:editable name='postal_code' label='Postal Code'
desc='Enter your postal code here'
type='text' />
<cms:editable name='phone' label='Phone Number'
desc='Enter your phone number here'
type='text' />
<cms:editable name='facebook' label='Facebook URL'
desc='include full URL http://www.facebook.com/Salts-of-the-Earth-Fundraising-1451267544892922/'
type='text' />
<cms:editable name='twitter' label='Twitter URL'
desc='include full URL https://twitter.com/SOTEPEI2017'
type='text' />
</cms:template>
<!DOCTYPE html>
<html>
<head>
<!-- /.website title -->
<title>Salts of the earth</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- CSS Files -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="fonts/icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<!-- Colors -->
<!-- <link href="css/css-index.css" rel="stylesheet" media="screen"> -->
<!-- <link href="css/css-index-green.css" rel="stylesheet" media="screen"> -->
<!-- <link href="css/css-index-purple.css" rel="stylesheet" media="screen"> -->
<link href="../css/css-index-red.css" rel="stylesheet" media="screen">
<!-- <link href="css/css-index-orange.css" rel="stylesheet" media="screen"> -->
<!-- <link href="css/css-index-yellow.css" rel="stylesheet" media="screen"> -->
<!-- Google Fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" />
</head>
<body data-spy="scroll" data-target="#navbar-scroll">
<!-- /.preloader -->
<div id="preloader"></div>
<div id="top"></div>
<!-- /.parallax full screen background image -->
<div class="fullscreen landing parallax" style="background-image:url('<cms:show background />');" data-img-width="2000" data-img-height="1333" data-diff="100">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center">
<!-- /.logo -->
<div class="logo wow fadeInDown"> <a href=""><img src="<cms:show logo />" alt="logo" class="img-responsive"></a></div>
<!-- /.main title -->
<h1 class="wow fadeInLeft">
<cms:editable name='Title' type='richtext'>Enter your title here!</cms:editable>
</h1>
<!-- /.header paragraph -->
<div class="landing-text wow fadeInUp">
<p><cms:editable name='Title_Paragraph' type='richtext'>A quick introduction to your group, or project.</cms:editable></p>
</div>
<!-- /.header button -->
<div class="head-btn wow fadeInLeft">
<a href="#intro" class="btn-primary">Learn More</a>
<a href="#testi" class="btn-default">Order Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- NAVIGATION -->
<div id="menu">
<nav class="navbar-wrapper navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-backyard">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand site-name" href="#top"><h3><cms:editable name='organization' type='text'>Name of your organization</cms:editable></a>
</div>
<div id="navbar-scroll" class="collapse navbar-collapse navbar-backyard navbar-right">
<ul class="nav navbar-nav">
<li><a href="#intro">About</a></li>
<li><a href="#package">The Salts</a></li>
<li><a href="#testi">Order Form</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div>
<!-- /.intro section -->
<div id="intro">
<div class="container">
<div class="row">
<!-- /.intro image -->
<div class="col-md-6 intro-pic wow slideInLeft">
<img src="<cms:show feature_image />" alt="image" class="img-responsive">
</div>
<!-- /.intro content -->
<div class="col-md-6 wow slideInRight">
<h2><cms:editable name='Introduction_Title' type='richtext'>Enter the title of your project here</cms:editable></h2>
<p><cms:editable name='Introduction_Paragraph' type='richtext'>Tell the visitor all about your organization and what you are using the funds for.</cms:editable>
</p>
</div>
</div>
</div>
</div>
<!-- /.pricing section -->
<div id="package">
<div class="container">
<div class="text-center">
<!-- /.pricing title -->
<h2 class="wow fadeInLeft">Premium Salts Four Pack</h2>
<div class="title-line wow fadeInRight"></div>
<p>We offer a selection of four salts from four different areas of the earth, each with a unique flavour and purpose. Our salts are available in a variety pack of four individual grinders (1 of each flavour, approximately 32 g/grinder) with a selection of premium natural salts from around the earth. The grinders are custom designed glass, are recyclable, refillable, and eco-friendly! Our salts are delicious and natural, kosher, organic, free from preserving agents and additives. Conventional salt has been processed to strip essential minerals from it and contains additives. Our salts are not only flavourful, but they’re in their purest form. Pure salt. Of the earth.</p>
</div>
<div class="price-footer text-center">
<a href="#testi" class="btn-primary">Order Now</a>
</div>
<div class="row package-option">
<!-- /.package 1 -->
<div class="col-sm-3">
<div class="price-box wow fadeInUp">
<div class="price-heading text-center">
<!-- /.package icon -->
<img src="../images/client1.jpg" width="200" height="200" alt="Pink Himalayan Salt"/>
<!-- /.package name -->
<h4>PINK HIMALAYAN SALTS</h4>
</div>
<!-- /.package features -->
<p class="price-feature text-center">
A natural salt mined in the Himalayan Mountains. The colour varies from white to dark pink granular crystals
<br>
<br>
<strong>Best used on:</strong>
<ul class="price-feature text-center">
<li>PORK</li>
<li>VEGETABLES</li>
<li>POULTRY</li>
</ul>
</p>
</div>
</div>
<!-- /.package 2 -->
<div class="col-sm-3">
<div class="price-box wow fadeInUp" data-wow-delay="0.2s">
<div class="price-heading text-center">
<!-- /.package icon -->
<img src="../images/client2.jpg" width="200" height="200" alt="MEDITERRANEAN SEA SALT"/>
<!-- /.package name -->
<h4>MEDITERRANEAN SEA SALT</h4>
</div>
<!-- /.package features -->
<p class="price-feature text-center">
A solar evaporated sea salt harvested from the coast of Italy with natural white granular crystals.
<br>
<br>
<strong>Best used on:</strong>
<ul class="price-feature text-center">
<li>VEGETABLES</li>
<li>SEAFOOD</li>
<li>POULTRY</li>
</ul>
</p>
</div>
</div>
<!-- /.package 3 -->
<div class="col-sm-3">
<div class="price-box wow fadeInUp" data-wow-delay="0.4s">
<div class="price-heading text-center">
<!-- /.package icon -->
<img src="../images/client3.jpg" width="200" height="200" alt="AUSTRALIAN SEA SALT"/>
<!-- /.package name -->
<h4>AUSTRALIAN SEA SALT</h4>
</div>
<!-- /.package features -->
<p class="price-feature text-center">
A solar evaporated sea salt harvested from the coast of Australia with white granular crystals
<br>
<br>
<strong>Best used on:</strong>
<ul class="price-feature text-center">
<li>SEAFOOD</li>
<li>BEEF</li>
<li>FRIED FOODS</li>
</ul>
</p>
</div>
</div>
<!-- /.package 4 -->
<div class="col-sm-3">
<div class="price-box wow fadeInUp" data-wow-delay="0.6s">
<div class="price-heading text-center">
<!-- /.package icon -->
<img src="../images/client4.jpg" width="200" height="200" alt="RED HAWAIIAN-STYLE SEA SALTS"/>
<!-- /.package name -->
<h4>RED HAWAIIAN SEA SALTS</h4>
</div>
<!-- /.package features -->
<p class="price-feature text-center">
A solar evaporated sea salt, combined with purified Hawaiian clay. The colour varies from medium to dark red granular crystals<br>
<strong>Best used on:</strong>
<ul class="price-feature text-center">
<li>BEEF</li>
<li>MUSHROOMS</li>
<li>EARTHY VEGETABLES</li>
</ul>
</p>
<!-- /.package button -->
</div>
</div>
</div>
</div>
</div>
<!-- /.testimonial section -->
<div id="testi">
<div class="container">
<div class="text-center">
<h2 class="wow fadeInLeft">Order Form</h2>
<div class="title-line wow fadeInRight"></div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<!-- Note :
- You can modify the font style and form style to suit your website.
- Code lines with comments “Do not remove this code” are required for the form to work properly, make sure that you do not remove these lines of code.
- The Mandatory check script can modified as to suit your business needs.
- It is important that you test the modified form before going live.-->
<div id='crmWebToEntityForm' style='width:600px;margin:auto;'>
<META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
<form action='https://crm.zoho.com/crm/WebForm' name=WebForm2535208000000146001 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory()' accept-charset='UTF-8'>
<!-- Do not remove this code. -->
<input type='text' style='display:none;' name='xnQsjsdp' value='8d814d9bbee9c07322ec053db7ed2be7a3368f20ed123909bfe0f93fe93a95a3'/>
<input type='hidden' name='zc_gad' id='zc_gad' value=''/>
<input type='text' style='display:none;' name='xmIwtLD' value='08c89993252e84722ec522101bf6ac84f541d820a93f7f85c664a5005b29b71d'/>
<input type='text' style='display:none;' name='actionType' value='Q3VzdG9tTW9kdWxlMQ=='/>
<input type='text' style='display:none;' name='returnURL' value='https://saltsoftheearth.ca/buy/thankyou.html' />
<!-- Do not remove this code. -->
<style>
tr , td {
padding:6px;
border-spacing:0px;
border-width:0px;
}
</style>
<table style='width:600px;background-color:white;color:black'>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Full Name<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='120' name='NAME' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Email<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='100' name='Email' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Address<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='255' name='COBJ1CF4' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>City<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='255' name='COBJ1CF6' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Province<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='255' name='COBJ1CF7' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Postal Code<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='255' name='COBJ1CF1' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Boxes ordered<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='9' name='COBJ1CF51' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:Arial;width:200px;'>Additional Instructions </td><td> <textarea name='COBJ1CF2' maxlength='2000' style='width:250px;'> </textarea></td></tr>
<tr><td colspan='2' style='text-align:center; padding-top:15px;'>
<input style='font-size:12px;color:#131307' type='submit' value='Submit' />
<input type='reset' style='font-size:12px;color:#131307' value='Reset' />
</td>
</tr>
</table>
<script>
var mndFileds=new Array('NAME','Email','COBJ1CF4','COBJ1CF6','COBJ1CF51','COBJ1CF7','COBJ1CF1');
var fldLangVal=new Array('Full Name','Email','Address','City','Boxes ordered','Province','Postal Code');
var name='';
var email='';
function checkMandatory() {
for(i=0;i<mndFileds.length;i++) {
var fieldObj=document.forms['WebForm2535208000000146001'][mndFileds[i]];
if(fieldObj) {
if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
if(fieldObj.type =='file')
{
alert('Please select a file to upload.');
fieldObj.focus();
return false;
}
alert(fldLangVal[i] +' cannot be empty.');
fieldObj.focus();
return false;
} else if(fieldObj.nodeName=='SELECT') {
if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
alert(fldLangVal[i] +' cannot be none.');
fieldObj.focus();
return false;
}
} else if(fieldObj.type =='checkbox'){
if(fieldObj.checked == false){
alert('Please accept '+fldLangVal[i]);
fieldObj.focus();
return false;
}
}
try {
if(fieldObj.name == 'Last Name') {
name = fieldObj.value;
}
} catch (e) {}
}
}
}
</script>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.contact section -->
<div id="contact">
<div class="contact fullscreen parallax" style="background-image:url('<cms:show background />');" data-img-width="2000" data-img-height="1334" data-diff="100">
<div class="overlay">
<div class="container">
<div class="row contact-row">
<!-- /.address and contact -->
<div class="col-sm-6 contact-left wow fadeInUp">
<h2><cms:editable name='Contact_Section_Title' type='text'>Contact Us</cms:editable></h2>
<ul class="ul-address">
<li><cms:show address /></br>
<cms:show city />, <cms:show province /></br>
<cms:show postal_code />
</li>
<li><cms:show phone />
</li>
<li><cms:editable name='Email' type='nicedit'>info@yoursite.com</cms:editable></li>
<li><cms:editable name='Website' type='nicedit'>www.yoursite.com</cms:editable></li>
</ul>
</div>
<!-- /.address and contact -->
<div class="col-sm-6 contact-right wow fadeInUp">
<h2>Contact Salts of the Eart</h2>
<ul class="ul-address">
<li>1642 Brackley Point Rd - RTE 15, Harrington</br>
Prince Edward Island C1E 2M9
</li>
<li><a href="mailto:info@saltsoftheearth.ca">info@saltsoftheearth.ca</a></li>
<li><a href="http://saltsoftheearth.ca">www.saltsoftheearth.ca</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.footer -->
<footer id="footer">
<div class="container">
<div class="col-sm-4 col-sm-offset-4">
<!-- /.social links -->
<div class="social text-center">
<ul>
<li><a class="wow fadeInUp" href="<cms:show facebook />"><i class="fa fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="<cms:show twitter />" data-wow-delay="0.2s"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
<div class="text-center wow fadeInUp" style="font-size: 14px;">Copyright Salts of the Earth 2017 - Content edited by <a href="http://web.larmahil.com/" target="_blank">Larmahil Web</a></div>
<a href="#" class="scrollToTop"><i class="pe-7s-up-arrow pe-va"></i></a>
</div>
</div>
</footer>
<!-- /.javascript files -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script>
new WOW().init();
</script>
<script type="text/javascript">
var $zoho= $zoho || {salesiq:{values:{},ready:function(){}}};var d=document;s=d.createElement("script");s.type="text/javascript";
s.defer=true;s.src="https://salesiq.zoho.com/saltsoftheearth/float.ls?embedname=saltsoftheearth";
t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);
$zoho.salesiq.ready=function(embedinfo){$zoho.salesiq.floatbutton.visible("hide");}
</script>
</body>
</html>
