Customizing your Twitter Feed

Customizing your Twitter Feed

by fredd man

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">



<script type="text/javascript"
	src="https://embed-ssl.wistia.com/deliveries/6b99b4a5469984f1ec1f6af3f8e7d190.bin?disposition=attachment&filename=font-awesome.min.css"></script>
<script type="text/javascript"
	src="https://embed-ssl.wistia.com/deliveries/d682cd5344c3bfa5df9b141bbeb46a41.bin?disposition=attachment&filename=bootstrap.min.js"></script>
<script type="text/javascript"
	src="https://embed-ssl.wistia.com/deliveries/3682beb486cba48e2fd2dceb65195873.bin?disposition=attachment&filename=bootstrap.min.css"></script>




<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

<div class="row">
   <div class="col-md-4"></div>
   <div class="container">
      <div class="col-md-4">
         <div class="panel panel-danger">
            <div class="panel-heading">
               <h3 class="panel-title"><i class="fa fa-twitter-square" aria-hidden="true"></i>
                  New world Live
               </h3>
            </div>
            <div class="panel-body">
               <a class="twitter-timeline" data-width="100%" href="https://twitter.com/playnewworld">New-world</a> 
            </div>
         </div>
      </div>
   </div>
   <div class="col-md-4">
   </div>
</div>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

CSS

.twitter-timeline {
  max-width: 100%;
  max-height: 1000px;
}
.fa {
  font-size: 25px;
  color: #FFFFFF;
}
.panel-title {
 font-size: 25px; 
 color: #FFFFFF;
 font-family: 'Open Sans', sans-serif;
}
.panel-heading {
 background-color: #1da1f2 !important;
 color: #1da1f2 !important;
}
.panel {
 margin-top: 25px;
}