twitter feed

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="col-md-4 third-row left">
					<div class="inside-index">
						<h2>Latest Tweet</h2>
						<!-- change to display a single tweet -->
						<a class="twitter-timeline" 
						href="https://twitter.com/hcgriggs" 
						data-widget-id="693484410667175936" 
						data-chrome="noheader nofooter noborders noscrollbar transparent"   
						data-tweet-limit="1">Tweets by @hcgriggs</a>
						<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
						<br>
						<a class="twitter-follow-button" href="https://twitter.com/TwitterDev">
Follow @TwitterDev</a>
				 	</div>
				</div>

CSS

.col-md-4.left {
	overflow: hidden;
	border-top: solid white 25px;
	border-right: solid white 12.5px;
}


.inside-index {
	padding: 15px;
}

.inside-index h4 {
	color: white;
	font-family: 'Slabo 27px', serif;
	font-size: 25px;
	line-height: 30px;
}


/*twitter feed css*/

a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f8f8f8...