Hi
I have just completed a new website and have installed couchcms in the site and just seeing how to integrate it into the site that has 4 sections, the site is a one page site with 4 sections called Home, Services, Products and Contact
How would I integrate it into each section so each sections text/images can be changed from the admin side?
below is the coding I have
Thank you in advance
I have just completed a new website and have installed couchcms in the site and just seeing how to integrate it into the site that has 4 sections, the site is a one page site with 4 sections called Home, Services, Products and Contact
How would I integrate it into each section so each sections text/images can be changed from the admin side?
below is the coding I have
- Code: Select all
<?php require_once( 'cms/cms.php' ); ?>
<?php session_start(); ?>
<?php
$title = "";
include ( 'includes/header.php' );
?>
<div id="home">
<!-- Slider Starts -->
<div id="myCarousel" class="carousel slide banner-slider animated flipInX" data-ride="carousel">
<div class="carousel-inner">
<!-- Item 1 -->
<div class="item active">
<img src="images/slideshow/cleaning-banner-1.jpg" alt="banner">
<div class="carousel-caption">
<div class="caption-wrapper">
<div class="caption-info">
<!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">-->
<h1 class="animated bounceInLeft">Falcon Cleaning & Support Services</h1>
<div class="scroll animated fadeInUp"><a href="#services" class="btn btn-default"><i class="fa fa-flask"></i> View Services</a> <a href="#contact" class="btn btn-default"><i class="fa fa-paper-plane-o"></i> Contact Us</a></div>
</div>
</div>
</div>
</div>
<!-- #Item 1 -->
<!-- Item 2 -->
<div class="item">
<img src="images/slideshow/cleaning-banner-2.jpg" alt="banner">
<div class="carousel-caption">
<div class="caption-wrapper">
<div class="caption-info">
<!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">-->
<h1 class="animated bounceInLeft"></h1>
<p class="animated bounceInRight"></p>
<div class="scroll animated fadeInUp"><a href="#services" class="btn btn-default"><i class="fa fa-flask"></i> View Services</a> <a href="#contact" class="btn btn-default"><i class="fa fa-paper-plane-o"></i> Contact Us</a></div>
</div>
</div>
</div>
</div>
<!-- #Item 2 -->
<!-- Item 3 -->
<div class="item">
<img src="images/slideshow/cleaning-banner-3.jpg" alt="banner">
<div class="carousel-caption">
<div class="caption-wrapper">
<div class="caption-info">
<!--<img src="images/logobig.png" class="animated bounceInUp" alt="logo">-->
<h1 class="animated bounceInLeft"></h1>
<p class="animated bounceInRight"></p>
<div class="scroll animated fadeInUp"><a href="#services" class="btn btn-default"><i class="fa fa-flask"></i> View Services</a> <a href="#contact" class="btn btn-default"><i class="fa fa-paper-plane-o"></i> Contact Us</a></div>
</div>
</div>
</div>
</div>
<!-- #Item 3 -->
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><i class="fa fa-angle-left"></i></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><i class="fa fa-angle-right"></i></span></a>
</div>
<!-- #Slider Ends -->
</div>
<!-- Cirlce Starts -->
<div id="about" class="container spacer about">
<div class="row">
<div class="col-sm-6 wowload fadeInLeft">
<h4><i class="fa fa-paint-brush"></i> Falcon Cleaning & Support Services</h4>
<p>
We specialise in commercial/high end cleaning and aim to provide our clients with a personalised and efficient service and friendly staff. We offer a wide range of services, including: Abseiling Rope Access, Access Equipment, Specialist Cleaning, Graffiti Removal, Lift & Shaft Cleaning, HVAC & Duct Cleaning and more... We are proud that a large number of our new clients come from referrals, proving that we provide good value and satisfying our clients needs.
</p>
</div>
<div class="col-sm-6 wowload fadeInRight">
<h4><i class="fa fa-code"></i> What makes us different?</h4>
<p>
<i class="fa fa-check fa-2x" aria-hidden="true"></i>We build and encourage strong relationships
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i>We guarantee all of our work
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i>We provide flexible payment methods
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i>We are fully insured – up to £10,000,000
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i>Our cleaners are Police and DBS checked
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i>Uniformed, dependable and responsible staff
</p>
</div>
</div>
</div>
<!-- #Cirlce Ends -->
<!-- services -->
<div id="services" class=" clearfix grid">
<figure class="effect-oscar wowload fadeInUp">
<a href="#home">
<img src="images/about-us.jpg" alt="img01"/>
<figcaption>
<h2>Home</h2>
<p>
<br>
</p>
</figcaption>
</a>
</figure>
<figure class="effect-oscar wowload fadeInUp">
<a href="#services">
<img src="images/services.jpg" alt="img01"/>
<figcaption>
<h2>Services</h2>
<p>
View the wide range of services we provide
<br>
</p>
</figcaption>
</a>
</figure>
<figure class="effect-oscar wowload fadeInUp">
<a href="#products">
<img src="images/news.jpg" alt="img01"/>
<figcaption>
<h2>Products</h2>
<p>
View the wide range of products we offer
<br>
</p>
</figcaption>
</a>
</figure>
<figure class="effect-oscar wowload fadeInUp">
<a href="#contact">
<img src="images/contact-us.jpg" alt="img01"/>
<figcaption>
<h2>Contact</h2>
<p>
Contact us via phone, email or post
<br>
</p>
</figcaption>
</a>
</figure>
<div class="col-sm-12">
<br><br>
<p>
We offer a wide range of services, including: Abseiling Rope Access, Access Equipment, Specialist Cleaning, Graffiti Removal, Lift & Shaft Cleaning, HVAC & Duct Cleaning and more...
</p>
</div>
</div>
<!-- services -->
<!-- proucts -->
<div id="products" class="container grid ">
<br /><br />
<h2 class="text-center wowload fadeInUp">What We Do</h2>
<div class="col-sm-12">
<p>
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Abseiling Rope Access
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Specialist Cleaning
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Graffiti Removal
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Gum Removal
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> Lift & Shaft Cleaning
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> HVAC & Duct Cleaning
<br />
<i class="fa fa-check fa-2x" aria-hidden="true"></i> And More...
</p>
</div>
<!-- products -->
</div>
<div id="contact" class="spacer">
<!--Contact Starts-->
<div class="container contactform center">
<h2 class="text-center wowload fadeInUp">Get in touch with us today</h2>
<p style="text-align: center;">
Falcon Cleaning & Support Services
<br>
Tel:
<br>
E-mail:
</p>
<div class="row wowload fadeInLeftBig">
<div class="col-sm-6 col-sm-offset-3 col-xs-12">
<form action="index.php#contact" method="post">
<input type="text" name="name" placeholder="Name">
<input type="text" name="phonenumber" placeholder="Phone Number">
<input type="text" name="email" placeholder="Your Email Address">
<textarea rows="5" name="message" placeholder="Message"></textarea>
<img src="captcha.php">
<input type="text" name="code" placeholder="Enter Captcha Code">
<button class="btn btn-primary" type="submit" name="submit"><i class="fa fa-paper-plane"></i> Send</button>
</form>
</div>
</div>
<?php
if (isset($_POST['submit'])) {
$error = "";
if (!empty($_POST['name'])) {
$name = $_POST['name'];
} else {
$error .= "You didn't type in your name. <br />";
}
if (!empty($_POST['phonenumber'])) {
$phonenumber = $_POST['phonenumber'];
} else {
$error .= "You didn't type in your phone number. <br />";
}
if (!empty($_POST['email'])) {
$email = $_POST['email'];
if (!preg_match("/^[_a-z0-9]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i", $email)){
$error .= "The e-mail address you entered is not valid. <br/>";
}
} else {
$error .= "You didn't type in an e-mail address. <br />";
}
if (!empty($_POST['message'])) {
$message = $_POST['message'];
} else {
$error .= "You didn't type in a message. <br />";
}
if(($_POST['code']) == $_SESSION['code']) {
$code = $_POST['code'];
} else {
$error .= "The captcha code you entered does not match. Please try again. <br />";
}
if (empty($error)) {
$from = 'From: ' . $name . ' <' . $email . '>';
$to = "";
$subject = "New Website Enquiry";
$content = $name . " has sent you a message, below is the information: \n\n" . "Name: " . $name . "\n\n" . "Phone: " . $phonenumber . "\n\n" . "Email: " . $email . "\n\n" . "Message" . "\n" . $message;
$success = "<br><br><br><p style='text-align: center;'>Thank you! Your enquiry has been sent. A member of our team will get back to you shortly.</p>";
mail($to,$subject,$content,$from);
}
}
?>
<?php
if (!empty($error)) {
echo '<p class="error"><strong>Your message was NOT sent<br/> The following error(s) returned:</strong><br/>' . $error . '</p>';
} elseif (!empty($success)) {
echo $success;
}
?>
</div>
</div>
<!--Contact Ends-->
<?php include( 'includes/footer.php' ); ?>
<?php COUCH::invoke(); ?>
Thank you in advance