Gutter Cleans AU website:

<!DOCTYPE html> <html> <head> <title>Gutter Cleaning Services</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <header> <h1>Clean Gutters AU</h1> </header> <nav> <ul> <li><a href="#about">About Us</a></li> <li><a href="#services">Services</a></li> <li><a href="#pricing">Pricing</a></li> <li><a href="#contact">Contact Us</a></li> </ul> </nav> <section id="about"> <div class="slideshow-container"> <div class="mySlides"> <img src="/Desktop image1.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="image2.jpg" style="width:100%"> </div> <div class="mySlides"> <img src="Desktop/image3.jpg" style="width:100%"> </div> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div> <h2>About Our Gutter Cleaning Services</h2> <p>We can provide one-off or regular scheduled gutter cleans to maintain the condition of your property. Every clean comes with a complimentary Roof Report along with before and after photos, you can see the work for yourself! </p> </section> <section id="services"> <h2>Our Services</h2> <ul> <li>Gutter cleaning</li> <li>Downspout cleaning</li> <li>Solar Panel Cleaning</li> <li>Removing insulation</li> </ul> </section> <section id="pricing"> <h2>Pricing</h2> <p>Our prices vary based on the size and condition of your gutters. Contact us for a free estimate.</p> </section> <section id="contact"> <h2>Contact Us</h2> <p>Phone: 0407975608</p> <p>Email:</p> </section> <footer> <p>Copyright ©2022 Clean Gutters AU</p> </footer> </body> </html>
body { font-family: Arial, sans-serif; } header { background-color: #4CAF50; color: white; text-align: center; padding: 1em; } nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } nav li { float: left; } nav a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } nav a:hover { background-color: #111; } section { padding: 1em; } footer { background-color: #333; color: white; text-align: center; padding: 1em; position: absolute; bottom: 0; width: 100%; } .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } img { width: 100%; height: auto; } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; }
var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i =
Expand for more options Login