Snippets

Gregory Jenkins Order Form Testimonial Code

Created by Greg Jenkins last modified
<head>
<style>
.container {
  border: 1px solid #61534B;
  background-color: #f9f6f0;
  border-radius: 5px;
  padding: 16px;
  margin: 16px 0
}

.container::after {
  content: "";
  clear: both;
  display: table;
}

.container img {
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}

.container span {
  font-size: 20px;
  margin-right: 15px;
}

@media (max-width: 500px) {
  .container {
      text-align: center;
  }
  .container img {
      margin: auto;
      float: none;
      display: block;
  }
}
</style>
</head>
<body>

<div class="container">
  <img src="https://images-na.ssl-images-amazon.com/images/M/MV5BNzQzMTI2MDU5NF5BMl5BanBnXkFtZTgwOTU4NzMyMjE@._V1_SY230_CR19,0,307,230_AL_.jpg" alt="The Rock" style="width:90px">
  <p style="color:#61534B; font-family:helvetica;"><b>Dwayne "The Rock" Johnson</b>, Professional Wrestler and Actor, <a href='https://twitter.com/TheRock' style="color:#9A5413;">The Rock on Twitter</a></p>
  <p style="color:#61534B; font-family:helvetica;"><i>I recommend becoming a member of Monkeypod OG Facebook group. Why? Because Greg smells what the Rock is cooking! This guy gets it. I mean, I'm strong, but the marketing muscles on this guy are like nothing I've ever seeeeeeeeen!</i></p>
</div>

<div class="container">
  <img src="https://puxccbo05z-flywheel.netdna-ssl.com/wp-content/uploads/2015/02/red-panda-2.jpg" alt="Red Panda" style="width:90px">
  <p style="color:#61534B; font-family:helvetica;"><b>Red Panda</b>, Basically just a red panda, <a href="http://zoo.sandiegozoo.org/" style="color:#9A5413;">San Diego Zoo</a></p>
  <p style="color:#61534B; font-family:helvetica;"><i>I don't know much about marketing, or small business, because I'm a panda. But Greg seems like a pretty cool guy, and I'd definitely hang out with him if I had the chance.</i></p>
</div>

</body>

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.