title: How to draw lines in ionic
body: <p>I am trying to design something like </p>
  
  <p><a href="https://i.stack.imgur.com/kKzGq.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kKzGq.jpg" alt="enter image description here"></a></p>
  
  <p>This is what I have so far:</p>
  
  <p><a href="https://i.stack.imgur.com/yGghU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yGghU.png" alt="enter image description here"></a></p>
  
  <p>How do I add those lines in ionic?</p>
  
  <p>How do I add CSS to get the desired design in here?</p>
  
  <p>This code is what I have so far:</p>
  
  <pre><code>&lt;ion-slide&gt;
  
    &lt;div class="row"&gt;
      &lt;div class="col text-center"&gt;
        &lt;img src="img/icon1.png"&gt;&lt;/img&gt;
        &lt;br&gt;
        Live Outlets &lt;/div&gt;
      &lt;div class="col text-center"&gt;
        &lt;img src="img/icon2.png"&gt;&lt;/img&gt;
        &lt;br&gt;
        Bills&lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="row"&gt;
      &lt;div class="col text-center"&gt;
        &lt;img src="img/icon3.png"&gt;&lt;/img&gt;
        &lt;br&gt;
        Items Sold &lt;/div&gt;
      &lt;div class="col text-center"&gt;
        &lt;img src="img/icon4.png"&gt;&lt;/img&gt;
        &lt;br&gt;
        Discount&lt;/div&gt;
    &lt;/div&gt;
  
  
    &lt;div class="row"&gt;
      &lt;div class="col text-center"&gt;
        &lt;img src="img/icon5.png"&gt;&lt;/img&gt;
        &lt;br&gt;
        Customer &lt;/div&gt;
      &lt;div class="col text-center"&gt;
        &lt;img src="img/icon6.png"&gt;&lt;/img&gt;
        &lt;br&gt;
        Sale&lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/ion-slide&gt;
  </code></pre>