Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Please refer this [jsFidde][1] [1]: <a href="http://jsfiddle.net/nDv5k/18/" rel="nofollow">http://jsfiddle.net/nDv5k/18/</a></p> <p>Html</p> <pre><code>&lt;aside&gt; &lt;div class="top"&gt; &lt;h2&gt;Product in de kijker&lt;/h2&gt; &lt;/div&gt; &lt;div class="middle"&gt; &lt;h3&gt;Mobiele telefonie&lt;/h3&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt; &lt;a href="#" class="btn btn-runa"&gt;Ga verder&lt;/a&gt; &lt;/div&gt; &lt;div class="upper-left"&gt;&lt;/div&gt; &lt;div class="bottom-left"&gt;&lt;/div&gt; &lt;div class="bottom-right"&gt;&lt;/div&gt; &lt;/aside&gt; </code></pre> <p>CSS</p> <pre><code>aside { width: 290px; margin: 50px; position:relative; } .top{ padding: 5px 20px 20px 20px; border-top: 1px solid #CCCC00; border-left: 1px solid #CCCC00; border-top-left-radius: 10px; width: 224px; height:75px; top: -1px; } .middle{ padding: 5px 20px 20px 20px; margin-top:-19px; border-bottom: 1px solid #CCCC00; border-left: 1px solid #CCCC00; border-right: 1px solid #CCCC00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 289px; } .upper-left { border-right: 1px solid #CCCC00; border-top: 1px solid #CCCC00; border-top-right-radius: 10px; width:15px; height:25px; top: 0px; left:262px; position:absolute; z-index:10; } .bottom-left { border-left: 1px solid #CCCC00; border-bottom: 1px solid #CCCC00; border-bottom-left-radius: 10px; width:20px; height:25px; top: 25px; left:277px; position:absolute; z-index:10; background:#fff; } .bottom-right { border-right: 1px solid #CCCC00; border-top: 1px solid #CCCC00; border-top-right-radius: 10px; width:35px; height:31px; top: 50px; left:295px; position:absolute; z-index:10; background:#fff; } </code></pre> <p>Its not a good way of coding but i didn't know another way</p> <p>Using image is too not a good idea in 2013 but you can try that too..</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload