Quote Box for Instagram

Create a simple quote box that you can then convert into a image and post on Instagram.

HTML

<div class="container-fluid">
    <div class="wrapper">
      <div class="content">
<div class="main">
  <div class="row">
    <div class="col-lg-3">
      <div class="header"><img src="https://pbs.twimg.com/profile_images/1305903435263488000/3b2Bb0ZT_400x400.jpg"  class="profile-pic" /></div>
    </div>
    <div class="col-lg-9">
      <h3><span class="badge badge-secondary">Brandon Himpfen</span> <small>1 Second Ago</small></h3>
          <p>Never complain about something you can control and therefore are able to do something about.</p>
      <p><em>- Brandon Himpfen</em></p>
    </div>
  </div>
</div>
</div>
</div>

CSS

body {
	margin: 17.5em auto 15em auto;
	background: #f1f1f1;
}
header .logo {
  width: 80px;
  margin-bottom: 2em;
}
.wrapper {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 3em 0.85em 1.5em;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,.25);
  border-radius: 0;
}
.content {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.profile-pic {
  width: 140px;
  border-radius: 50%;
  text-align: center;
}
.col-lg-9 {
  font-size: 150%;
}
Brandon Himpfen
Blogger. Developer. Designer. Programmer. Photographer. Traveller. Digital Marketer. Gamer.