​x
 
1
<!doctype html>
2
<title>Example</title>
3
<style>
4
  .media {
5
    display: flex;
6
    align-items: flex-start;
7
    background: #F6F3EB;
8
    padding: 1em;
9
    border-radius: 3px;
10
    max-width: 24em;
11
  }
12
  .media-object {
13
    margin-right: 1em;
14
  }
15
  .media-body {
16
    flex: 1;
17
  }
18
  .media-heading {
19
    margin: 0 0 .5em;
20
  }
21
</style>
22
<div class="media">
23
  <img class="media-object" src="/pix/samples/8s.jpg" alt="Sample photo">
24
  <div class="media-body">
25
    <h3 class="media-heading">Organically Synthesized</h3>
26
    <p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
27
​
28
    <div class="media">
29
      <img class="media-object" src="/pix/samples/9s.jpg" alt="Sample photo">
30
      <div class="media-body">
31
        <h3 class="media-heading">Eco Processing</h3>
32
        <p>Holisticly predominate extensible testing procedures for reliable supply chains.</p>
33
      </div>
34
    </div>
35
​
36
  </div>
37
</div>