<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <footer class="page-footer"> <div class="col-lg-12 blckeColor2"> <!-- Footer Links --> <div class=" text-center text-md-right directionrtl mt-5"> <!-- Grid row --> <div class="col-lg-12"> <!-- Grid column --> <div class="col-lg-3 textalighRight"> <!-- Links --> <h5 class="header-footer">تماس با ما</h5> <hr class="hrFooter"> <p> <i class="fa fa-home iconFooter mr-3"></i> تهران -خواجه عبدالله-کوچه خوی-پلاک ۷</p> <p> <i class="fa fa-envelope iconFooter mr-3"></i>pedramham1@gmail.com</p> <p> <i class="fa fa-phone iconFooter mr-3"></i> 09332455405</p> <p> <i class="fa fa-mobile iconFooter mr-3"></i>۴۵۶۵۴۶۵۶۷</p> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-lg-2 textalighRight"> <!-- Links --> <h5 class="header-footer">پربازدید ترین مقالات</h5> <hr class="hrFooter" > <p > <a href="#" class="text-footer">مقالات برتر اندیشمند</a> </p> <p > <a href="#" class="text-footer">ایران ایر </a> </p> <p > <a href="#" class="text-footer">سیموفنی بهترین فریمورک</a> </p> <p > <a href="#" class="text-footer">مرتضی شعبانی </a> </p> <p > <a href="#" class="text-footer">symfony فریم رورک</a> </p> </div> <div class="col-lg-2 textalighRight"> <!-- Links --> <h5 class="header-footer">مقالات برای دانلود </h5> <hr class="hrFooter" > <p > <a href="#" class="text-footer">دانشگاه ازاد مادارک </a> </p> <p > <a href="#" class="text-footer">وب سایت های ایرانی در ..</a> </p> <p > <a href="#" class="text-footer">زندگی در تهران با حقوق</a> </p> <p > <a href="#" class="text-footer">دستمزذ یک php developer</a> </p> <p > <a href="#" class="text-footer">ایران زندگی سختی</a> </p> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-lg-2 textalighRight"> <!-- Links --> <h5 class="header-footer "> پربازدید ترین اخبار </h5> <hr class="hrFooter" > <p > <a href="#" class="text-footer">اخبار مربوط به سیاست</a> </p> <p > <a href="#" class="text-footer">اخبار علمی فرهنگی</a> </p> <p > <a href="#" class="text-footer">مرتضی شعبانی خبر</a> </p> <p > <a href="#" class="text-footer">مقالات morteza shabani </a> </p> <p > <a href="#" class="text-footer">زندگی در ایران و جهان</a> </p> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-lg-3 textright"> <!-- Content --> <h6 class="textalighRight header-footer">ویدپو</h6> <div class="embed-responsive videoFooter"> <video id="video1" width="320" height="200" controls=""> <source src="http://academy.buttheme.com/wp-content/uploads/2017/04/mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> Your browser does not support HTML5 video. </video> </div> <!-- Grid column --> </div> <!-- Grid row --> </div> <!-- Footer Links --> </div> </div> </footer> <div class="col-lg-12 backegrundfootercolor page-footer"> <div class="row"> <div class="col-lg-6 pull-left"> © 2018 Copyright: <a href="https://gitta.ir/"> gitta.ir</a> </div> <div class="col-lg-6 pull-right textalighRight"> <span> صفحه اصلی/ </span> <span> درباره ما/ </span> <span> تماس با ما/ </span> </div> </div> </div> <!-- Footer -->

.directionrtl{ direction: rtl !important; } .blckeColor2{ padding: 1em 0em 2em 0em; background-color: #edb52d !important; } .containerfOTTER{ width: 990px; } .hrFooter{ margin-top: 10px; margin-bottom: 15px; border-top: 1px dashed #404040; } .header-footer{ color: #383838; font-weight: 600; } .text-footer{ color: #383838; } .iconFooter{ color: #3c3c3c; font-size: 1.1em; padding-left: 0.3em; } .backegrundfootercolor{ background: #404040; padding: 1em 4em 2em 4em; color: white; } .videoFooter{ border-style: inset; color: #edb52d; border-color: #ffc73e; padding: 88px; } .textalighRight{ text-align: right; } .page-footer{ font-family:"tahoma" }