Andale – Creative HTML5 Portfolio Template

  • 45 Articles
  • Current Version: 1.4
HomeDocumentationsFooter type 1

Last Modified: August 14, 2019

To create footer type 1, paste this code into your page:

<footer class="footer-type-1">
        <div class="inner-wrapper">
            <div class="container">
                <div class="columns-wrapper">
                    <div class="column info-wrapper column-40">
                        <h2 class="title">Looking for a excellent business idea?</h2>
                        <h5 class="subtitle"><span class="italic-text">Fill out the form & we'll be in touch
                        soon!</span></h5>
                        <p class="content">
                            Ut suavitate consequat effician tur vim, sit wisi persius bonorum ea, ius id quas essento
                            modo
                            concep tam
                        </p>
                        <ul class="social-list social-list-start social-list-type-2">
                            <li>
                                <a href="#">
                                    <i class="fa fa-facebook-f"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-dribbble"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-linkedin"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-behance"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="column form-wrapper column-60">
                        <form class="contact-form-type-2" id="ajax-contact" method="post" action="mail.php">
                    <div class="input-row">
                        <label>
                            <span class="form-title">Name:</span>
                            <input type="text" placeholder="Enter Your Name..." name="name" id="name" required>
                        </label>
                        <label>
                            <span class="form-title">E-Mail:</span>
                            <input type="email" name="email" id="email" required placeholder="Enter Your E-Mail...">
                        </label>
                    </div>
                    <span class="form-title">Message:</span>
                    <label>
                        <textarea name="message" id="message" placeholder="Your Message..."></textarea>
                    </label>
                    <div class="button-wrapper button-wrapper-start">
                        <button type="submit" class="button button-simple-type-3">Send Message <i class="icofont-long-arrow-right right-icon"></i></button>
                    </div>
                </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-panel">
            <div class="container copyright-inner">
                <p class="copyright">Copyright © 2019 by JD-Themes. All Rights Reserved.</p>
                <ul class="additional-links">
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Services</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                    <li>
                        <a href="#">Privacy Policy</a>
                    </li>
                    <li>
                        <a href="#">Blog</a>
                    </li>
                </ul>
            </div>
        </div>
    </footer>
0
0