<footer class="app-footer text-md-left text-center">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-2 mb-md-0 mb-4">
                <span class="pr-md-5 pr-0 py-3 border-right ">
                    <img class="pr-3" src="assets/img/logo-dark.png" srcset="assets/img/[email protected] 2x" alt="">
                </span>
            </div>
            <div class="col-md-6 mb-md-0 mb-4">
                <ul class="footer-link">
                    <li><a href="#">about</a></li>
                    <li><a href="#">benefits</a></li>
                    <li><a href="#">career</a></li>
                    <li><a href="#">support</a></li>
                </ul>
                <p class="copyright">© 2019 Clab. All right reserved.</p>
            </div>
            <div class="col-md-4 text-md-right">
                <ul class="footer-link social-links">
                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                    <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                </ul>
                <p class="copyright">پشتیبانی: [email protected]</p>
            </div>
        </div>
    </div>
</footer>

<footer class="app-footer bg-dark pb-0 border-0 text-md-left text-center">
    <div class="container">
        <div class="row align-items-center mb-md-5 mb-3">
            <div class="col-md-4">
                <img class="pr-3 mb-md-0 mb-4" src="assets/img/logo-color.png" srcset="assets/img/[email protected] 2x" alt="">
            </div>
            <div class="col-md-8">
                <span class="font-lora h5 font-weight-normal">- یک بسته ساز قدرتمند خلاق برای بوت استرپ 4</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 mb-md-0 mb-4">
                <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
            </div>
            <div class="col-md-2 mb-md-0 mb-4">
                <h6 class="mb-4">Navigate</h6>
                <ul class="footer-link">
                    <li class="d-block"><a href="#">Overview</a></li>
                    <li class="d-block"><a href="#">صفحات لندینگ</a></li>
                    <li class="d-block"><a href="#">صفحات اپ</a></li>
                    <li class="d-block"><a href="#">صفحات داخلی</a></li>
                </ul>
            </div>
            <div class="col-md-2 mb-md-0 mb-4">
                <h6 class="mb-4">Platform</h6>
                <ul class="footer-link">
                    <li class="d-block"><a href="#">Mac OS & iOS</a></li>
                    <li class="d-block"><a href="#">Android & Chrome OS</a></li>
                    <li class="d-block"><a href="#">Windows</a></li>
                    <li class="d-block"><a href="#">Linux</a></li>
                </ul>
            </div>
            <div class="col-md-2 mb-md-0 mb-4">
                <h6 class="mb-4">Community</h6>
                <ul class="footer-link">
                    <li class="d-block"><a href="#">پایگاه دانش</a></li>
                    <li class="d-block"><a href="#">Hire an expart</a></li>
                    <li class="d-block"><a href="#">گفت و گو</a></li>
                    <li class="d-block"><a href="#">تماس</a></li>
                </ul>
            </div>
            <div class="col-md-2 mb-md-0 mb-4">
                <h6 class="mb-4">Company</h6>
                <ul class="footer-link">
                    <li class="d-block"><a href="#">About Company</a></li>
                    <li class="d-block"><a href="#">History</a></li>
                    <li class="d-block"><a href="#">Team</a></li>
                    <li class="d-block"><a href="#">Investment</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="app-secondary-footer mt-md-5 mt-3">
        <div class="container">
            <div class="row">
                <div class="col">
                    <span class="copyright">© © 2019 کلاب. تمام حقوق محفوظ است.</span>
                </div>
            </div>
        </div>
    </div>
</footer>

<footer class="app-footer bg-dark border-0 text-md-left text-center">
    <div class="container">
        <div class="row">
            <div class="col-md-4 mb-md-0 mb-4">
                <div class="mb-4">
                    <img class="pr-3 mb-md-0" src="assets/img/logo.png" srcset="assets/img/[email protected] 2x" alt="">
                </div>

                <p class="text-muted font-lora">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.</p>
            </div>
            <div class="col-md-4 mb-md-0 mb-4">
                <h6 class="mb-4">Navigate</h6>
                <ul class="footer-link two-col-link">
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">صفحات لندینگ</a></li>
                    <li><a href="#">صفحات اپ</a></li>
                    <li><a href="#">صفحات داخلی</a></li>
                    <li><a href="#">پایگاه دانش</a></li>
                    <li><a href="#">یک کارشناس استخدام کنید</a></li>
                    <li><a href="#">گفت و گو</a></li>
                    <li><a href="#">تماس</a></li>
                </ul>
            </div>

            <div class="col-md-4">
                <h6 class="mb-4">Subscribe</h6>
                <p class="text-muted">Get monthly updates and free resources</p>
                <form>
                    <div class="form-group">
                        <div class="icon-field-right">
                            <i class="fa fa-paper-plane"></i>
                            <input type="email" class="form-control" placeholder="آدرس ایمیل خود را وارد نمایید">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</footer>

<footer class="app-footer bg-dark border-0 text-md-left text-center">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-2 mb-md-0 mb-4">
                <span class="pr-md-5 pr-0 py-3 border-right">
                    <img class="pr-3" src="assets/img/logo-color.png" srcset="assets/img/[email protected] 2x" alt="">
                </span>
            </div>
            <div class="col-md-6 mb-md-0 mb-4">
                <ul class="footer-link">
                    <li><a href="#">about</a></li>
                    <li><a href="#">benefits</a></li>
                    <li><a href="#">career</a></li>
                    <li><a href="#">support</a></li>
                </ul>
                <p class="copyright">© 2019 Clab. All right reserved.</p>
            </div>
            <div class="col-md-4 text-md-right">
                <ul class="footer-link social-links">
                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                    <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                </ul>
                <p class="copyright">پشتیبانی: [email protected]</p>
            </div>
        </div>
    </div>
</footer>

<footer class="app-footer bg-dark border-0 text-md-left text-center">
    <div class="container">
        <div class="row">
            <div class="col-md-2 mb-md-0 mb-4">
                <div class="mb-4">
                    <img class="pr-3 mb-md-0" src="assets/img/logo.png" srcset="assets/img/[email protected] 2x" alt="">
                </div>
            </div>
            <div class="col-md-3 mb-md-0 mb-4">
                <h6 class="mb-4 text-capitalize border-bottom pb-3">Get in touch</h6>
                <div class="d-flex mb-md-4">
                    <i class="fa fa-map pr-4 mt-1 text-muted"></i>
                    <div class="text-muted">
                        150 Broadway office 402
                        New York, USA
                    </div>
                </div>
                <div class="d-flex mb-md-4">
                    <i class="fa fa-envelope pr-4 mt-1 text-muted"></i>
                    <div class="text-muted">
                        [email protected]
                        [email protected]
                    </div>
                </div>
                <div class="d-flex mb-md-0 mb-4">
                    <i class="fab fa-twitter pr-4 mt-1 text-muted"></i>
                    <div class="text-muted">
                        +01 234 567 890 <br>
                        +09 876 543 210
                    </div>
                </div>
            </div>

            <div class="col-md-4 mb-md-0 mb-4">
                <h6 class="mb-4 text-capitalize border-bottom pb-3">Twitter Feed</h6>
                <div class="d-flex mb-md-4">
                    <i class="fab fa-twitter pr-4 mt-1 text-muted"></i>
                    <div class="text-muted">
                        Wait is over. most powerful web template clab is live now. check here <a href="#"
                                                                                                 class="text-muted">http://t.co/dbdmSjuqua@selfi</a>
                        <p class="text-white font-size-12 text-uppercase">فروردین 1398</p>
                    </div>
                </div>
                <div class="d-flex mb-md-0 mb-4">
                    <i class="fab fa-twitter pr-4 mt-1 text-muted"></i>
                    <div class="text-muted">
                        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor..
                        <p class="text-white font-size-12 text-uppercase">فروردین 1398</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <h6 class="mb-4 text-capitalize border-bottom pb-3">Instagram</h6>
                <div class="instagram-feed">
                    <a href="#"><img src="assets/img/cards/10a.jpg" alt=""></a>
                    <a href="#"><img src="assets/img/cards/10b.jpg" alt=""></a>
                    <a href="#"><img src="assets/img/cards/10c.jpg" alt=""></a>
                    <a href="#"><img src="assets/img/cards/11a.jpg" alt=""></a>
                    <a href="#"><img src="assets/img/cards/12a.jpg" alt=""></a>
                    <a href="#"><img src="assets/img/cards/3a.jpg" alt=""></a>
                </div>
            </div>
        </div>
    </div>
</footer>

<footer class="app-footer border-top-0 text-md-left text-center">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6 mb-md-0 mb-4">
                <h4>Get in touch</h4>
                <p>[email protected]</p>
                <br>
                <p class="font-size-14"><span class="text-muted">© 2019 کلاب. تمام حقوق محفوظ است..</span>
                    Proudly created with vectorlab</p>
            </div>
            <div class="col-md-5 mb-md-0 mb-4">
                <ul class="social-media-list two-col-link">
                    <li><a href="#">Linkedin</a></li>
                    <li><a href="#">VSCO</a></li>
                    <li><a href="#">Behance</a></li>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Dribbble</a></li>
                    <li><a href="#">Medium</a></li>
                </ul>
            </div>
            <div class="col-md-1">
                <a href="#" class="go-up-link">
                    <i class="vl-arrow-up fa-2x"></i>
                </a>
            </div>
        </div>
    </div>
</footer>