489495df
Path : /home3/mandnweb/mariananjie.co.uk/partials/ |
Current < : /home3/mandnweb/mariananjie.co.uk/partials/widgets.php |
<style> .footer{ background-color:#ffffff; display:flex; justify-content:center; align-items:center; flex-direction:column; } .copySection{ background-color:#2A6189; text-align:center; } .footerSec{ display:flex; justify-content:center; align-items:center; width:100%; flex-basis:100%; padding:10px; } .socSec{ display:flex; justify-content:center; align-items: baseline; padding-left:10%; padding-right:10%; padding-top:5%; padding-bottom:5%; } .socDiv{ display:flex; justify-content: flex-start; align-items: normal; flex-direction:column; } .fbmobile{ display:none; } .fbdesktop{ display:block; } .socDiv h1{ text-align:center; } .soc-tweet{ width:500px; height: 500px; overflow-y: auto; } .twitter-timeline{width:500px;} .soc-fb{ padding-left:5%; } @media only screen and (max-width: 1000px) { .socSec{ flex-direction:column; padding-left:0%; padding-right:0%; } .soc-fb{ padding-top:10%; } .highfield{ width:50%; } } @media only screen and (max-width: 480px) { .fbmobile{ display:block; margin-left:0; margin-bottom:10%; } .soc-fb{ padding-left:0%; } .fbdesktop{display:none;} .soc-tweet{width:300px; } .twitter-timeline{width:300px;} .highfield{ width:100%; } } </style> <section class="footer widget-footer"> <div class="footerSec socSec"> <div class="socDiv soc-tweet" > <h2 style="font-size:20px;color:#292F33;font-weight:700;">Twitter Post</h2> <a class="twitter-timeline" href="https://twitter.com/MarianaNjie?ref_src=twsrc%5Etfw" data-tweet-limit="2"> Tweets by MarianaNjie</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> </div> <div class="socDiv soc-fb"> <h2 style="font-size:20px;color:#292F33;font-weight:700;">Facebook Post</h2> <iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2fMARIANANJIE&colorscheme=light&show_faces=true&border_color&stream=true&header=true" scrolling="yes"frameborder="0" style="border:none; overflow:hidden;width:300px; height:500px; background: white;"class="fbmobile" allowTransparency="true"></iframe> <iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2fMARIANANJIE&width=500&colorscheme=light&show_faces=true&border_color&stream=true&header=true&height=750" scrolling="yes"frameborder="0" style="border:none; overflow:hidden;width:500px; height:467px; background: white;"class="fbdesktop" allowTransparency="true"></iframe> </div> </div> </section>