<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row" style="margin-bottom: 10px;"> <div class="col-sm-6 c"> <h3 style="margin-bottom: 0;">Bitmap</h3> <div class="row"> <div class="col-xs-6"> <h4>Grid</h4><svg viewBox="0 0 16 16" width="100%" xmlns="http://www.w3.org/2000/svg" version="1.1"><g stroke-width="0.03px" stroke="#000" fill="#fff"><line x2="0.03" y1="0.03" x1="0.03" y2="15.97"></line><line x2="15.97" y1="0.03" x1="0.03" y2="0.03"></line><line x2="1.02625" y1="0.03" x1="1.02625" y2="15.97"></line><line x2="15.97" y1="1.02625" x1="0.03" y2="1.02625"></line><line x2="2.0225" y1="0.03" x1="2.0225" y2="15.97"></line><line x2="15.97" y1="2.0225" x1="0.03" y2="2.0225"></line><line x2="3.01875" y1="0.03" x1="3.01875" y2="15.97"></line><line x2="15.97" y1="3.01875" x1="0.03" y2="3.01875"></line><line x2="4.015" y1="0.03" x1="4.015" y2="15.97"></line><line x2="15.97" y1="4.015" x1="0.03" y2="4.015"></line><line x2="5.01125" y1="0.03" x1="5.01125" y2="15.97"></line><line x2="15.97" y1="5.01125" x1="0.03" y2="5.01125"></line><line x2="6.0075" y1="0.03" x1="6.0075" y2="15.97"></line><line x2="15.97" y1="6.0075" x1="0.03" y2="6.0075"></line><line x2="7.00375" y1="0.03" x1="7.00375" y2="15.97"></line><line x2="15.97" y1="7.00375" x1="0.03" y2="7.00375"></line><line x2="8" y1="0.03" x1="8" y2="15.97"></line><line x2="15.97" y1="8" x1="0.03" y2="8"></line><line x2="8.99625" y1="0.03" x1="8.99625" y2="15.97"></line><line x2="15.97" y1="8.99625" x1="0.03" y2="8.99625"></line><line x2="9.9925" y1="0.03" x1="9.9925" y2="15.97"></line><line x2="15.97" y1="9.9925" x1="0.03" y2="9.9925"></line><line x2="10.98875" y1="0.03" x1="10.98875" y2="15.97"></line><line x2="15.97" y1="10.98875" x1="0.03" y2="10.98875"></line><line x2="11.985" y1="0.03" x1="11.985" y2="15.97"></line><line x2="15.97" y1="11.985" x1="0.03" y2="11.985"></line><line x2="12.98125" y1="0.03" x1="12.98125" y2="15.97"></line><line x2="15.97" y1="12.98125" x1="0.03" y2="12.98125"></line><line x2="13.9775" y1="0.03" x1="13.9775" y2="15.97"></line><line x2="15.97" y1="13.9775" x1="0.03" y2="13.9775"></line><line x2="14.97375" y1="0.03" x1="14.97375" y2="15.97"></line><line x2="15.97" y1="14.97375" x1="0.03" y2="14.97375"></line><line x2="15.97" y1="0.03" x1="15.97" y2="15.97"></line><line x2="15.97" y1="15.97" x1="0.03" y2="15.97"></line></g></svg> </div> <div class="col-xs-6"> <h4>Pixels</h4><svg viewBox="0 0 16 16" width="100%" xmlns="http://www.w3.org/2000/svg" version="1.1"><rect y="0" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="1" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="2" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="3" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="4" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="5" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="6" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="7" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="8" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="9" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="10" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="11" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="12" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="13" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="14" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="0" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="1" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="1" x="1" height="1.2" width="1.2" fill="#8d9984"></rect><rect y="1" x="2" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="3" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="4" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="5" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="6" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="7" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="8" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="9" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="10" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="11" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="12" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="13" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="1" x="14" height="1.2" width="1.2" fill="#8d9984"></rect><rect y="1" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="2" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="2" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="2" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="3" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="4" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="5" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="6" height="1.2" width="1.2" fill="#ebbb22"></rect><rect y="2" x="7" height="1.2" width="1.2" fill="#eec647"></rect><rect y="2" x="8" height="1.2" width="1.2" fill="#eec647"></rect><rect y="2" x="9" height="1.2" width="1.2" fill="#ebbb22"></rect><rect y="2" x="10" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="11" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="12" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="13" height="1.2" width="1.2" fill="#eab819"></rect><rect y="2" x="14" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="2" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="3" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="3" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="3" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="3" x="3" height="1.2" width="1.2" fill="#eab819"></rect><rect y="3" x="4" height="1.2" width="1.2" fill="#ebbc26"></rect><rect y="3" x="5" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="3" x="6" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="3" x="7" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="3" x="8" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="3" x="9" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="3" x="10" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="3" x="11" height="1.2" width="1.2" fill="#ebbc26"></rect><rect y="3" x="12" height="1.2" width="1.2" fill="#eab819"></rect><rect y="3" x="13" height="1.2" width="1.2" fill="#eab819"></rect><rect y="3" x="14" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="3" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="4" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="4" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="4" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="4" x="3" height="1.2" width="1.2" fill="#ebbc26"></rect><rect y="4" x="4" height="1.2" width="1.2" fill="#fbf2d6"></rect><rect y="4" x="5" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="4" x="6" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="4" x="7" height="1.2" width="1.2" fill="#f0ce5f"></rect><rect y="4" x="8" height="1.2" width="1.2" fill="#f0ce5f"></rect><rect y="4" x="9" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="4" x="10" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="4" x="11" height="1.2" width="1.2" fill="#fbf2d6"></rect><rect y="4" x="12" height="1.2" width="1.2" fill="#ebbc26"></rect><rect y="4" x="13" height="1.2" width="1.2" fill="#eab819"></rect><rect y="4" x="14" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="4" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="5" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="5" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="5" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="5" x="3" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="5" x="4" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="5" x="5" height="1.2" width="1.2" fill="#f0cb57"></rect><rect y="5" x="6" height="1.2" width="1.2" fill="#eab819"></rect><rect y="5" x="7" height="1.2" width="1.2" fill="#edc33b"></rect><rect y="5" x="8" height="1.2" width="1.2" fill="#edc33b"></rect><rect y="5" x="9" height="1.2" width="1.2" fill="#eab819"></rect><rect y="5" x="10" height="1.2" width="1.2" fill="#f0cb57"></rect><rect y="5" x="11" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="5" x="12" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="5" x="13" height="1.2" width="1.2" fill="#eab819"></rect><rect y="5" x="14" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="5" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="6" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="6" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="6" x="2" height="1.2" width="1.2" fill="#ebbb22"></rect><rect y="6" x="3" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="6" x="4" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="6" x="5" height="1.2" width="1.2" fill="#eab819"></rect><rect y="6" x="6" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="6" x="7" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="6" x="8" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="6" x="9" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="6" x="10" height="1.2" width="1.2" fill="#eab819"></rect><rect y="6" x="11" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="6" x="12" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="6" x="13" height="1.2" width="1.2" fill="#ebbb22"></rect><rect y="6" x="14" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="6" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="7" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="7" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="7" x="2" height="1.2" width="1.2" fill="#eec647"></rect><rect y="7" x="3" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="7" x="4" height="1.2" width="1.2" fill="#f0ce5f"></rect><rect y="7" x="5" height="1.2" width="1.2" fill="#edc33b"></rect><rect y="7" x="6" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="7" x="7" height="1.2" width="1.2" fill="#b0c1cd"></rect><rect y="7" x="8" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="7" x="9" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="7" x="10" height="1.2" width="1.2" fill="#919d8a"></rect><rect y="7" x="11" height="1.2" width="1.2" fill="#92a093"></rect><rect y="7" x="12" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="7" x="13" height="1.2" width="1.2" fill="#919d8a"></rect><rect y="7" x="14" height="1.2" width="1.2" fill="#7b9299"></rect><rect y="7" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="8" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="8" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="8" x="2" height="1.2" width="1.2" fill="#eec647"></rect><rect y="8" x="3" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="8" x="4" height="1.2" width="1.2" fill="#f0ce5f"></rect><rect y="8" x="5" height="1.2" width="1.2" fill="#edc33b"></rect><rect y="8" x="6" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="8" x="7" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="8" x="8" height="1.2" width="1.2" fill="#7a96aa"></rect><rect y="8" x="9" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="8" x="10" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="8" x="11" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="8" x="12" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="8" x="13" height="1.2" width="1.2" fill="#8aa3b4"></rect><rect y="8" x="14" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="8" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="9" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="9" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="9" x="2" height="1.2" width="1.2" fill="#ebbb22"></rect><rect y="9" x="3" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="9" x="4" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="9" x="5" height="1.2" width="1.2" fill="#eab819"></rect><rect y="9" x="6" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="9" x="7" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="9" x="8" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="9" x="9" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="9" x="10" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="9" x="11" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="9" x="12" height="1.2" width="1.2" fill="#d0dae1"></rect><rect y="9" x="13" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="9" x="14" height="1.2" width="1.2" fill="#829cae"></rect><rect y="9" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="10" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="10" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="10" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="10" x="3" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="10" x="4" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="10" x="5" height="1.2" width="1.2" fill="#f0cb57"></rect><rect y="10" x="6" height="1.2" width="1.2" fill="#eab819"></rect><rect y="10" x="7" height="1.2" width="1.2" fill="#919d8a"></rect><rect y="10" x="8" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="10" x="9" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="10" x="10" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="10" x="11" height="1.2" width="1.2" fill="#d0dae1"></rect><rect y="10" x="12" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="10" x="13" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="10" x="14" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="10" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="11" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="11" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="11" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="11" x="3" height="1.2" width="1.2" fill="#ebbc26"></rect><rect y="11" x="4" height="1.2" width="1.2" fill="#fbf2d6"></rect><rect y="11" x="5" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="11" x="6" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="11" x="7" height="1.2" width="1.2" fill="#92a093"></rect><rect y="11" x="8" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="11" x="9" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="11" x="10" height="1.2" width="1.2" fill="#d0dae1"></rect><rect y="11" x="11" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="11" x="12" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="11" x="13" height="1.2" width="1.2" fill="#f8f9fa"></rect><rect y="11" x="14" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="11" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="12" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="12" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="12" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="12" x="3" height="1.2" width="1.2" fill="#eab819"></rect><rect y="12" x="4" height="1.2" width="1.2" fill="#ebbc26"></rect><rect y="12" x="5" height="1.2" width="1.2" fill="#f7e3a1"></rect><rect y="12" x="6" height="1.2" width="1.2" fill="#fffdf9"></rect><rect y="12" x="7" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="12" x="8" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="12" x="9" height="1.2" width="1.2" fill="#d0dae1"></rect><rect y="12" x="10" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="12" x="11" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="12" x="12" height="1.2" width="1.2" fill="#f8f9fa"></rect><rect y="12" x="13" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="12" x="14" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="12" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="13" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="13" x="1" height="1.2" width="1.2" fill="#aea45e"></rect><rect y="13" x="2" height="1.2" width="1.2" fill="#eab819"></rect><rect y="13" x="3" height="1.2" width="1.2" fill="#eab819"></rect><rect y="13" x="4" height="1.2" width="1.2" fill="#eab819"></rect><rect y="13" x="5" height="1.2" width="1.2" fill="#eab819"></rect><rect y="13" x="6" height="1.2" width="1.2" fill="#ebbb22"></rect><rect y="13" x="7" height="1.2" width="1.2" fill="#919d8a"></rect><rect y="13" x="8" height="1.2" width="1.2" fill="#8aa3b4"></rect><rect y="13" x="9" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="13" x="10" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="13" x="11" height="1.2" width="1.2" fill="#f8f9fa"></rect><rect y="13" x="12" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="13" x="13" height="1.2" width="1.2" fill="#ffffff"></rect><rect y="13" x="14" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="13" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="14" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="14" x="1" height="1.2" width="1.2" fill="#8d9984"></rect><rect y="14" x="2" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="14" x="3" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="14" x="4" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="14" x="5" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="14" x="6" height="1.2" width="1.2" fill="#a9a263"></rect><rect y="14" x="7" height="1.2" width="1.2" fill="#7b9299"></rect><rect y="14" x="8" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="14" x="9" height="1.2" width="1.2" fill="#829cae"></rect><rect y="14" x="10" height="1.2" width="1.2" fill="#b0c1cd"></rect><rect y="14" x="11" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="14" x="12" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="14" x="13" height="1.2" width="1.2" fill="#b5c5d0"></rect><rect y="14" x="14" height="1.2" width="1.2" fill="#95acbb"></rect><rect y="14" x="15" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="0" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="1" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="2" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="3" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="4" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="5" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="6" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="7" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="8" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="9" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="10" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="11" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="12" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="13" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="14" height="1.2" width="1.2" fill="#718fa4"></rect><rect y="15" x="15" height="1.2" width="1.2" fill="#718fa4"></rect></svg> </div> </div> </div> <div class="col-sm-6 c"> <h3 style="margin-bottom: 0;">Vector</h3> <div class="row"> <div class="col-xs-6"> <h4>Underlying shapes</h4> <img src="//d2ci88w16yaf6n.cloudfront.net/p/assets/images/vm_logo_outlined_3b6afc0ef45a727a7ac78a8ea9ca6e1d.svg"> </div> <div class="col-xs-6"> <h4>Vector image</h4> <img src="//d2ci88w16yaf6n.cloudfront.net/p/assets/logos/vector-magic-logo_963049fb31a0c4752a448c1d546ca869.svg"> </div> </div> </div> </div>

/*! CSS Used from: https://d2ci88w16yaf6n.cloudfront.net/p/assets/all_69e4e0bb5ecf1cd3d4fefaf411fb0b8a.css */ img{border:0;} svg:not(:root){overflow:hidden;} @media print{ *,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;} img{page-break-inside:avoid;} img{max-width:100%!important;} h3{orphans:3;widows:3;} h3{page-break-after:avoid;} } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} img{vertical-align:middle;} h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;} h3{margin-top:20px;margin-bottom:10px;} h4{margin-top:10px;margin-bottom:10px;} h3{font-size:24px;} h4{font-size:18px;} .row{margin-right:-15px;margin-left:-15px;} .col-sm-6,.col-xs-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px;} .col-xs-6{float:left;} .col-xs-6{width:50%;} @media (min-width:768px){ .col-sm-6{float:left;} .col-sm-6{width:50%;} } .row:after,.row:before{display:table;content:" ";} .row:after{clear:both;} .c{text-align:center;}