Qover bike insurance widget

by harryqover

HTML

<h1>Qover bike insurance widget</h1>
<p>
  Below you can find some live examples on how to integrate the widget on your own website with an iframe.
</p>
<h2>
  Widget examples
</h2>
<p>
  We propose 4 type of widgets.
</p>
<h3 id="tile-quote">
  Tile light widget
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended width: 270px - 320px</li>
    <li>Recommended height: 350px - 370px</li>
  </ul>
</div>


<iframe src="https://bike.qoverme.com/widget/tile-quote?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=200000&discountCodes=WELCOME&lang=fr"  width="270" height="370" scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>




<h3 id="tile-quote-dark">
  Tile dark widget
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended width: 270px - 320px</li>
    <li>Recommended height: 350px - 370px</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/tile-quote-dark?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=229900&discountCodes=WELCOME&lang=fr" width="270" height="370" scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>
<h3 id="tile-quote-selector">
  Tile with selector
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended width: 270px - 320px</li>
    <li>Recommended height: 700x</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/tile-quote-selector?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&lang=fr" width="100%" height="800" scrolling="no" frameBorder="0" title="qover bike insurance widget">
</iframe>

<h3 id="text">
  Text widget
</h3>
<div>
  Recommended settings:
  <ul>
    <li>Recommended min width: 150px</li>
    <li>Recommended min height: 70px</li>
  </ul>
</div>
<iframe src="https://bike.qoverme.com/widget/text?apikey=pk_F2654BC3CEC684D9ED1E&country=BE&type=TYPE_REGULAR_EBIKE&value=300000&discountCodes=WELCOME&lang=fr" width="150" height="70"  scrolling="no" frameBorder="0" title="qover bike insurance...

CSS

iframe{
  border: 1px solid;
  padding: 5px;
}
body{
  font-family: Circularstd, sans-serif;
}