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
