<html>
  <head>
  </head>

  <body class="margins">
    
    <h1>
    </h1>
    
     <!-- code for twitter api 
https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js

-->
      <!-- find it here: https://publish.twitter.com/#
or more details here: https://dev.twitter.com/web/embedded-timelines-->
      <a class="twitter-timeline" data-height="620" href="https://twitter.com/BatsouElef">Tweets by BatsouElef</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>   
      </div>
  
  
  <div class="row text-center" id="footer"> <!-- for footer -->
      <h5><a href="http://www.eleftheriabatsou.com" target="_blank">Eleftheria</a> | <a href="https://codepen.io/EleftheriaBatsou" target="_blank">Projects</a> | <a href="https://www.youtube.com/channel/UCC-WwYv3DEW7Nkm_IP6VeQQ" target="_blank"> Coding videos </a></h5>
    </div> <!-- end footer -->
    
  </body>
  
</html>
body{
  background-color: #ffeb3b;
}

.margins{
  margin: 110px;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.