Cadres en HTML

 

 

Ecrire ici

 

<p>&nbsp;</p>

<div style="margin: 5px 10px; max-width: 100%;">

<div style="border: 4px ridge #FCDD06; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #d6f4fe; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/5ZTLTjQ5IGrlle555Zr8rDFz5aY.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 62%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/SfyViq3goYqKOqctiOQPx6_Dak0.png" alt="" width="60%" align="middle" /></div>

</div>

<div style="margin: 5px 10px; max-width: 100%;">

<div style="border: 4px ridge #FCDD06; margin-top: 00px; padding: 20px; background-color: #d6f4fe; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p style="font-size: 22px; color: #000; font-family: Georgia;">&nbsp;</p>

<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></div>

</div><p>&nbsp;</p> 

 

 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

<div style="margin: 0px 10px 0px 10px; max-width: 100%;">

<div style="border: 4px ridge #F0C95C; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fffdd7; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/iN-OVQnt7MUXzt8fTF8hyacs75M.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 57%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/SDbpUAra9DFgP5QO-6rfnFSa6Mw@543x75.png" alt="" width="65%" align="middle" /></div>

</div>

<div style="margin: 0px 10px 0px 10px; max-width: 100%;">

<div style="border: 4px ridge #F8F8CD; margin-top: 00px; padding: 50px; background-color: #f2f6a3; background-repeat: repeat, no-repeat; background-position: center top; background-size: 50%, 95%; background-image: url('\'\''), url('\'\''); box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">Ecrire ici</p>

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">&nbsp;</p>

<p style="color: #000;">&nbsp;</p>

<p style="font-size: 00px; color: #000; font-family: Georgia;">&nbsp;<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></p>

</div>

</div> 

 

 Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

<p style="text-align: center;">&nbsp;</p>

<div style="margin: 5px auto; max-width: 97%;">

<div style="border: 4px ridge #E693AD; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #e6efc0; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/EgCbsqH-WVakwWhQocLAlRo_PW8@1200x800.jpg'); background-position: 95% 95%, top center; background-repeat: no-repeat; background-size: 15% ,cover; padding-top: 63%;"><img style="position: relative; margin-bottom: -6.0%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="65%" align="middle" /></div>

</div>

<div style="margin: 0px auto; max-width: 97%;">

<div style="border: 4px ridge #E693AD; padding: 20px; background-color: #fad1d8; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px; background-image: linear-gradient(to top,#fad1d8,#C7D9E3);">

<p style="color: #000;">&nbsp;</p>

<p style="color: #ac5880;"><span style="color: #000000;">Ecrire ici</span></p>

<p style="color: #ac5880;">&nbsp;</p>

<p style="color: #ac5880;">&nbsp;</p>

<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></div>

</div>

<p>&nbsp;</p> 

 

 

Cadre © La Gentille Rebelle 

 

 

 

Ecrire ici

 

 

<p>&nbsp;</p>
<div style="margin: 20px 10px 2px 10px; max-width: 100%;">
<div style="border: 4px ridge #DFDEE0; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #fff; padding: 4px; height: 100%; background-image: url(''), url('http://ekladata.com/UGVW1BkC3lBtruPBwDRPcud-c_Y.jpg'); background-position: 5% 98%, center top; background-repeat: no-repeat; background-size: 15%, cover; padding-top: 55%;"><img style="position: relative; margin-bottom: -6.0%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="63%" align="middle" /></div>
</div>
<div style="margin: 0px  10px ; max-width: 100%;">
<div style="border: 4px ridge #DFDEE0; margin-top: 00px; padding: 50px; background-color: #98b5b1; background-repeat: repeat, no-repeat; background-position: center top; background-size: 50%, 95%; background-image: url('\'\''), url('\'\''); box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="font-size: 00px; color: #000; font-family: Georgia;"><a href="http://https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a></p>
</div>
</div>
<p>&nbsp;</p> 

Cadre © La Gentille Rebelle

 

 

 

Ecrire ici

 

 

<p>&nbsp;</p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #C6FBE9; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #d5ebf2; padding: 4px; height: 100%; background-image: url('http://ekladata.com/Egbf1gzvmz9R7Lc-0McHQATqDAc.gif'), url('http://ekladata.com/dyfIE3QFzlsW4UuiTC5_GgclriY.png'); background-position: 32%, center top; background-repeat: no-repeat; background-size: auto,cover; padding-top: 51%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #C6FBE9; margin-top: 00px; padding: 20px; background-color: #D1F2FC; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a>&nbsp;</p></div></div><p>&nbsp;</p> 

 

Cadre © La Gentille Rebelle 

 

 

 

Ecrire ici

 

<p>&nbsp;</p>
<div style="margin: 5px auto; max-width: 97%;">
<div style="border: 4px ridge #C6FBE9; box-shadow: 0px 0px 15px black inset; border-radius: 50px; background-color: #d5ebf2; padding: 4px; height: 100%; background-image: url('http://ekladata.com/Egbf1gzvmz9R7Lc-0McHQATqDAc.gif'), url('http://ekladata.com/SG6pk3_BRG7duVDinhJj3ZR7dLA.jpg'); background-position: 78%, center top; background-repeat: no-repeat; background-size: auto,cover; padding-top: 62%;"><img style="position: relative; margin-bottom: -5.3%; filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 7px); box-shadow: none; margin-left: auto; margin-right: auto; display: block;" src="http://ekladata.com/4xsK9a7jXXbbrDHbGzdReG6BcF8.png" alt="" width="65%" align="middle" /></div>
</div>
<div style="margin: 0px auto; max-width: 97%;">
<div style="border: 4px ridge #C6FBE9; margin-top: 00px; padding: 20px; background-color: #d5ebf2; box-shadow: 0px 0px 15px black inset; width: auto; border-radius: 50px;">
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">Ecrire ici</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">&nbsp;</p>
<p style="color: #000;">
<a href="https://lagentillerebelle.blogspot.com/" target="_blank"><span style="font-family: Georgia; color: #000; font-size: 10px;">Cadre &copy; La Gentille Rebelle</span></a>&nbsp;</p></div></div>

<p>&nbsp;</p>  

 

Cadre © La Gentille Rebelle