Modèle de Présentation OBLIGATOIRE (Exemple et Code)

<link href='https://fonts.googleapis.com/css?family=Poiret+One|Shadows+Into+Light|PT+Sans+Narrow' rel='stylesheet' type='text/css'><div style="background-image: url(http://zupimages.net/up/16/19/u52k.jpg); background-position: center; background-size: cover; opacity: 0.8; width: 500px; margin:auto; padding: 30px;"><img src="http://zupimages.net/up/16/19/57y2.jpg" alt="" style=" box-shadow: 0px 0px 20px #ffffff;"/><div style="margin: auto; margin-top: 30px; width: 60%; padding: 60px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 60px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px; border-top: 3px solid #ffffff; border-bottom: 3px solid #ffffff;">Prénom Nom</div><span style="display: block; text-align: left; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 0px -30px 240px;">Certificat de Naissance</span><table style= " border-spacing: 30px;"><tr><td><img src="http://zupimages.net/up/16/15/v3bj.png" alt=""/></td><td style="width: 300px; background-color: #333366; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; line-height: 30px; box-shadow: 0px 0px 20px #ffffff; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Prénom :
Famille :
Surnom :
Race : 
Âge :
Métier/rang :
Lieu de naissance : 
Lieu Actuel :
Promis à (s'il a lieu) : 
Orientation sexuelle : 
</td></tr></table><span style="display: block; text-align: right; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 30px -30px 0px;">Mon physique</span><div style="background-color: #333366; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; box-shadow: 0px 0px 20px #ffffff; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ipsum eu ullamcorper faucibus. Etiam eget tristique tellus. Aenean fermentum nisi felis, quis fringilla dui gravida quis. Maecenas ullamcorper nec nibh quis sodales. Morbi mollis vel leo vel rhoncus. In eget cursus ante. Sed rhoncus elit pellentesque nisi ornare auctor vel a est. Donec ultricies nisi sed rutrum consequat. Nunc vehicula augue ac ipsum imperdiet condimentum. Curabitur ultricies erat nec massa molestie, non ornare ante mollis.</div><span style="display: block; text-align: left; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 0px -30px 30px;">Mon caractère et mes pouvoirs</span><div style="background-color: #333366; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; box-shadow: 0px 0px 20px #ffffff; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Nunc vitae ullamcorper leo. Sed ac suscipit enim, nec auctor ipsum. Curabitur tempus risus mauris, ut mollis nunc aliquam at. Vivamus bibendum, eros et gravida sodales, ante odio sagittis augue, ut dignissim risus turpis vitae urna. Donec consectetur consequat gravida. Nam posuere est non massa sodales, ac malesuada erat tristique. Cras tortor nisl, condimentum non blandit porta, convallis quis nunc. Aliquam egestas nec urna vel auctor. Aliquam ut scelerisque justo. In dapibus pretium magna. Praesent eros diam, cursus non blandit vel, faucibus quis mauris. Sed non dui cursus, convallis nulla sit amet, ultrices nulla.</div><span style="display: block; text-align: right; font-family: 'Poiret One', cursive; font-size: 26px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff; margin: 30px 30px -30px 0px;">Mon histoire</span><div style="background-color: #333366; margin: 30px 0px 0px 0px; padding: 30px; text-align: justify; color: #ffffff; font-family: 'PT Sans Narrow', sans-serif; font-size: 14px; box-shadow: 0px 0px 20px #ffffff; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">Sed feugiat, quam sed vehicula dapibus, justo ipsum volutpat diam, sit amet rutrum nibh erat vitae dui. In hac habitasse platea dictumst. Duis blandit dui tortor, volutpat iaculis purus rutrum ac. Suspendisse feugiat a tellus eu accumsan. Phasellus ac ex feugiat, gravida mauris ac, feugiat lorem. Vestibulum massa ligula, commodo in porttitor ac, molestie ut magna. Duis molestie, sem nec lacinia facilisis, nibh ligula tincidunt nibh, sed dictum lacus justo nec dolor. Etiam non luctus dui. Duis et est ipsum. Vestibulum vitae eleifend metus. Etiam nec urna ac purus rutrum molestie sit amet vitae sem. Fusce et aliquet urna. Fusce tempus, justo sed feugiat rhoncus, diam tortor aliquet dolor, in sollicitudin nisi ante ut ligula. Nam eget consequat dolor, sit amet dictum velit.

Curabitur nunc dui, molestie ut sodales quis, bibendum dignissim metus. Morbi lobortis felis sed ornare fermentum. In eleifend condimentum nunc vitae iaculis. Aliquam erat volutpat. Phasellus non ipsum eu sem maximus ornare. Morbi nec metus malesuada, feugiat ex vitae, euismod dolor. Proin auctor malesuada justo nec interdum. Nam auctor lacinia condimentum. Etiam est eros, lacinia eget venenatis vitae, scelerisque ac libero.</div><span style="display: block; margin: auto; color: #ffffff; font-variant: small-caps; text-align: center; font-size: 13px; padding-top: 25px;">(c) par elfyqchan pour <a href="http://www.never-utopia.com/" style=" color: #00ffbb; »>Never-Utopia</a></span></div>

<link href="https://fonts.googleapis.com/css?family=Quintessential|Scheherazade" rel="stylesheet"><div style="background-image: url(https://s-media-cache-ak0.pinimg.com/originals/2b/08/32/2b083225b9fac1e7db5b77d0210274d0.jpg); background-position: center; background-size: cover; opacity: 0.8; width: 500px; margin:auto; padding: 30px;"><img src="http://zupimages.net/up/16/19/57y2.jpg" alt="" style=" box-shadow: 0px 0px 20px #696969;"/><div style="margin: auto; margin-top: 30px; width: 60%; padding: 60px; text-align: center; color: #000000; font-family: 'Quintessential', cursive; font-size: 60px; text-shadow: 0px 0px 15px #696969; line-height: 40px; border-top: 3px solid #000000; border-bottom: 3px solid #000000;">Prénom Nom</div><span style="display: block; text-align: left; font-family: 'Quintessential', cursive; font-size: 26px; color: #000000; text-shadow: 0px 0px 15px #696969; margin: 30px 0px -30px 240px;">Certificat de Naissance</span><table style= " border-spacing: 30px;"><tr><td><img src="http://zupimages.net/up/16/15/v3bj.png" alt=""/></td><td style="width: 300px; background-color: #FFF8DC; padding: 30px; text-align: justify; color: #000000; font-family: 'Scheherazade', serif; font-size: 16px; line-height: 20px; box-shadow: 0px 0px 20px #696969; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Prénom :
Famille :
Surnom :
Race :
Âge :
Métier/rang :
Lieu de naissance :
Lieu Actuel :
Promis à (s'il a lieu) :
Orientation sexuelle :
</td></tr></table><span style="display: block; text-align: right; font-family: 'Quintessential', cursive; font-size: 26px; color: #000000; text-shadow: 0px 0px 15px #696969; margin: 30px 30px -30px 0px;">Mon physique</span><div style="background-color: #FFF8DC; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #000000; font-family: 'Scheherazade', serif; font-size: 14px; box-shadow: 0px 0px 20px #696969; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ipsum eu ullamcorper faucibus. Etiam eget tristique tellus. Aenean fermentum nisi felis, quis fringilla dui gravida quis. Maecenas ullamcorper nec nibh quis sodales. Morbi mollis vel leo vel rhoncus. In eget cursus ante. Sed rhoncus elit pellentesque nisi ornare auctor vel a est. Donec ultricies nisi sed rutrum consequat. Nunc vehicula augue ac ipsum imperdiet condimentum. Curabitur ultricies erat nec massa molestie, non ornare ante mollis.</div><span style="display: block; text-align: left; font-family: 'Quintessential', cursive; font-size: 26px; color: #000000; text-shadow: 0px 0px 15px #696969; margin: 30px 0px -30px 30px;">Mon caractère et mes pouvoirs</span><div style="background-color: #FFF8DC; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #000000; font-family: 'Scheherazade', serif; font-size: 14px; box-shadow: 0px 0px 20px #696969; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Nunc vitae ullamcorper leo. Sed ac suscipit enim, nec auctor ipsum. Curabitur tempus risus mauris, ut mollis nunc aliquam at. Vivamus bibendum, eros et gravida sodales, ante odio sagittis augue, ut dignissim risus turpis vitae urna. Donec consectetur consequat gravida. Nam posuere est non massa sodales, ac malesuada erat tristique. Cras tortor nisl, condimentum non blandit porta, convallis quis nunc. Aliquam egestas nec urna vel auctor. Aliquam ut scelerisque justo. In dapibus pretium magna. Praesent eros diam, cursus non blandit vel, faucibus quis mauris. Sed non dui cursus, convallis nulla sit amet, ultrices nulla.</div><span style="display: block; text-align: right; font-family: 'Quintessential', cursive; font-size: 26px; color: #000000; text-shadow: 0px 0px 15px #696969; margin: 30px 30px -30px 0px;">Mon histoire</span><div style="background-color: #FFF8DC; margin: 30px 0px 0px 0px; padding: 30px; text-align: justify; color: #000000; font-family: 'Scheherazade', serif; font-size: 14px; box-shadow: 0px 0px 20px #696969; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">Sed feugiat, quam sed vehicula dapibus, justo ipsum volutpat diam, sit amet rutrum nibh erat vitae dui. In hac habitasse platea dictumst. Duis blandit dui tortor, volutpat iaculis purus rutrum ac. Suspendisse feugiat a tellus eu accumsan. Phasellus ac ex feugiat, gravida mauris ac, feugiat lorem. Vestibulum massa ligula, commodo in porttitor ac, molestie ut magna. Duis molestie, sem nec lacinia facilisis, nibh ligula tincidunt nibh, sed dictum lacus justo nec dolor. Etiam non luctus dui. Duis et est ipsum. Vestibulum vitae eleifend metus. Etiam nec urna ac purus rutrum molestie sit amet vitae sem. Fusce et aliquet urna. Fusce tempus, justo sed feugiat rhoncus, diam tortor aliquet dolor, in sollicitudin nisi ante ut ligula. Nam eget consequat dolor, sit amet dictum velit.

Curabitur nunc dui, molestie ut sodales quis, bibendum dignissim metus. Morbi lobortis felis sed ornare fermentum. In eleifend condimentum nunc vitae iaculis. Aliquam erat volutpat. Phasellus non ipsum eu sem maximus ornare. Morbi nec metus malesuada, feugiat ex vitae, euismod dolor. Proin auctor malesuada justo nec interdum. Nam auctor lacinia condimentum. Etiam est eros, lacinia eget venenatis vitae, scelerisque ac libero.</div><span style="display: block; margin: auto; color: #000000; font-variant: small-caps; text-align: center; font-size: 13px; padding-top: 25px;">(c) par elfyqchan  <a href="http://www.never-utopia.com/" style=" color: #00ffbb; »>Never-Utopia</a></span></div>

<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Mountains+of+Christmas" rel="stylesheet"><div style="background-image: url(https://s-media-cache-ak0.pinimg.com/originals/94/04/f4/9404f4fac5ca4dab29c3a68284667424.jpg); background-position: center; background-size: cover; opacity: 0.8; width: 500px; margin:auto; padding: 30px;"><img src="http://zupimages.net/up/16/19/57y2.jpg" alt="" style=" box-shadow: 0px 0px 20px #ff53a9;"/><div style="margin: auto; margin-top: 30px; width: 60%; padding: 60px; text-align: center; color: #4e4e4e; font-family: 'Mountains of Christmas', cursive; font-size: 60px; text-shadow: 0px 0px 15px #ff53a9; line-height: 40px; border-top: 3px solid #4e4e4e; border-bottom: 3px solid #4e4e4e;">Prénom Nom</div><span style="display: block; text-align: left; font-family: 'Mountains of Christmas', cursive; font-size: 26px; color: #4e4e4e; text-shadow: 0px 0px 15px #ff53a9; margin: 30px 0px -30px 240px;">Certificat de Naissance</span><table style= " border-spacing: 30px;"><tr><td><img src="http://zupimages.net/up/16/15/v3bj.png" alt=""/></td><td style="width: 300px; background-color: #ffbee1; padding: 30px; text-align: justify; color: #4e4e4e; font-family: 'Dancing Script', cursive; font-size: 16px; line-height: 20px; box-shadow: 0px 0px 20px #ff53a9; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Prénom :
Famille :
Surnom :
Race :
Âge :
Métier/rang :
Lieu de naissance :
Lieu Actuel :
Promis à (s'il a lieu) :
Orientation sexuelle :
</td></tr></table><span style="display: block; text-align: right; font-family: 'Mountains of Christmas', cursive; font-size: 26px; color: #4e4e4e; text-shadow: 0px 0px 15px #ff53a9; margin: 30px 30px -30px 0px;">Mon physique</span><div style="background-color: #ffbee1; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #4e4e4e; font-family: 'Dancing Script', cursive; font-size: 14px; box-shadow: 0px 0px 20px #ff53a9; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ipsum eu ullamcorper faucibus. Etiam eget tristique tellus. Aenean fermentum nisi felis, quis fringilla dui gravida quis. Maecenas ullamcorper nec nibh quis sodales. Morbi mollis vel leo vel rhoncus. In eget cursus ante. Sed rhoncus elit pellentesque nisi ornare auctor vel a est. Donec ultricies nisi sed rutrum consequat. Nunc vehicula augue ac ipsum imperdiet condimentum. Curabitur ultricies erat nec massa molestie, non ornare ante mollis.</div><span style="display: block; text-align: left; font-family: 'Mountains of Christmas', cursive; font-size: 26px; color: #4e4e4e; text-shadow: 0px 0px 15px #ff53a9; margin: 30px 0px -30px 30px;">Mon caractère et mes pouvoirs</span><div style="background-color: #ffbee1; margin: 30px 0px 70px 0px; padding: 30px; text-align: justify; color: #4e4e4e; font-family: 'Dancing Script', cursive; font-size: 14px; box-shadow: 0px 0px 20px #ff53a9; border-top-right-radius: 30px; border-bottom-left-radius: 30px;">Nunc vitae ullamcorper leo. Sed ac suscipit enim, nec auctor ipsum. Curabitur tempus risus mauris, ut mollis nunc aliquam at. Vivamus bibendum, eros et gravida sodales, ante odio sagittis augue, ut dignissim risus turpis vitae urna. Donec consectetur consequat gravida. Nam posuere est non massa sodales, ac malesuada erat tristique. Cras tortor nisl, condimentum non blandit porta, convallis quis nunc. Aliquam egestas nec urna vel auctor. Aliquam ut scelerisque justo. In dapibus pretium magna. Praesent eros diam, cursus non blandit vel, faucibus quis mauris. Sed non dui cursus, convallis nulla sit amet, ultrices nulla.</div><span style="display: block; text-align: right; font-family: 'Mountains of Christmas', cursive; font-size: 26px; color: #4e4e4e; text-shadow: 0px 0px 15px #ff53a9; margin: 30px 30px -30px 0px;">Mon histoire</span><div style="background-color: #ffbee1; margin: 30px 0px 0px 0px; padding: 30px; text-align: justify; color: #4e4e4e; font-family: 'Dancing Script', cursive; font-size: 14px; box-shadow: 0px 0px 20px #ff53a9; border-top-left-radius: 30px; border-bottom-right-radius: 30px;">Sed feugiat, quam sed vehicula dapibus, justo ipsum volutpat diam, sit amet rutrum nibh erat vitae dui. In hac habitasse platea dictumst. Duis blandit dui tortor, volutpat iaculis purus rutrum ac. Suspendisse feugiat a tellus eu accumsan. Phasellus ac ex feugiat, gravida mauris ac, feugiat lorem. Vestibulum massa ligula, commodo in porttitor ac, molestie ut magna. Duis molestie, sem nec lacinia facilisis, nibh ligula tincidunt nibh, sed dictum lacus justo nec dolor. Etiam non luctus dui. Duis et est ipsum. Vestibulum vitae eleifend metus. Etiam nec urna ac purus rutrum molestie sit amet vitae sem. Fusce et aliquet urna. Fusce tempus, justo sed feugiat rhoncus, diam tortor aliquet dolor, in sollicitudin nisi ante ut ligula. Nam eget consequat dolor, sit amet dictum velit.

Curabitur nunc dui, molestie ut sodales quis, bibendum dignissim metus. Morbi lobortis felis sed ornare fermentum. In eleifend condimentum nunc vitae iaculis. Aliquam erat volutpat. Phasellus non ipsum eu sem maximus ornare. Morbi nec metus malesuada, feugiat ex vitae, euismod dolor. Proin auctor malesuada justo nec interdum. Nam auctor lacinia condimentum. Etiam est eros, lacinia eget venenatis vitae, scelerisque ac libero.</div><span style="display: block; margin: auto; color: #4e4e4e; font-variant: small-caps; text-align: center; font-size: 13px; padding-top: 25px;">(c) par elfyqchan  <a href="http://www.never-utopia.com/" style=" color: #00ffbb; »>Never-Utopia</a></span></div>