Model de fiche

<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(https://i97.servimg.com/u/f97/16/54/79/22/fond_p10.jpg); background-position: center; background-size: cover; opacity: 0.8; width: 500px; margin:auto; padding: 30px;"><img src="https://i97.servimg.com/u/f97/16/54/79/22/kingdo10.gif" alt="" style="box-shadow: 0px 0px 20px #ffffff"/><div style="margin: auto; margin-top: 30px; margin-bottom: 30px; width: 60%; padding: 60px 60px 46px 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;">Relations</div><div style="margin: auto; margin-top: 30px; width: 60%; padding: 40px 40px 20px 40px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 40px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px;">Famille</div><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 0px 3px 40px; text-align: left; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td style="background-color: #2E3454; color: #ffffff; border-top-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td></tr></table><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 40px 3px 0px; text-align: right; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td><td style="background-color: #2E3454; color: #ffffff; border-bottom-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td></tr></table><div style="margin: auto; margin-top: 30px; width: 60%; padding: 40px 40px 20px 40px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 40px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px;">Amour</div><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 0px 3px 40px; text-align: left; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td style="background-color: #2E3454; color: #ffffff; border-top-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td></tr></table><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 40px 3px 0px; text-align: right; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td><td style="background-color: #2E3454; color: #ffffff; border-bottom-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td></tr></table><div style="margin: auto; margin-top: 30px; width: 60%; padding: 40px 40px 20px 40px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 40px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px;">Amis</div><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 0px 3px 40px; text-align: left; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td style="background-color: #2E3454; color: #ffffff; border-top-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td></tr></table><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 40px 3px 0px; text-align: right; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td><td style="background-color: #2E3454; color: #ffffff; border-bottom-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td></tr></table><div style="margin: auto; margin-top: 30px; width: 60%; padding: 40px 40px 20px 40px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 40px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px;">Alliés</div><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 0px 3px 40px; text-align: left; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td style="background-color: #2E3454; color: #ffffff; border-top-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td></tr></table><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 40px 3px 0px; text-align: right; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td><td style="background-color: #2E3454; color: #ffffff; border-bottom-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td></tr></table><div style="margin: auto; margin-top: 30px; width: 60%; padding: 40px 40px 20px 40px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 40px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px;">Connaissances</div><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 0px 3px 40px; text-align: left; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td style="background-color: #2E3454; color: #ffffff; border-top-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td></tr></table><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 40px 3px 0px; text-align: right; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td><td style="background-color: #2E3454; color: #ffffff; border-bottom-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td></tr></table><div style="margin: auto; margin-top: 30px; width: 60%; padding: 40px 40px 20px 40px; text-align: center; color: #ffffff; font-family: 'Poiret One', cursive; font-size: 40px; text-shadow: 0px 0px 15px #ffffff; line-height: 40px;">Ennemis</div><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 0px 3px 40px; text-align: left; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td style="background-color: #2E3454; color: #ffffff; border-top-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td></tr></table><table style=" border-spacing: 30px 0px;"><span style="display: block; padding: 40px 40px 3px 0px; text-align: right; font-family: 'Poiret One', cursive; font-size: 30px; color: #ffffff; text-shadow: 0px 0px 15px #ffffff;">Prénom Nom</span><tr><td><img src="https://i97.servimg.com/u/f97/16/54/79/22/batch210.png" alt=""/></td><td style="background-color: #2E3454; color: #ffffff; border-bottom-left-radius: 10px; text-align: justify; box-shadow: 0px 0px 15px #ffffff;"><div style="overflow: auto;  height: 100px; padding: 10px;  font-size: 14px; font-family: 'PT Sans Narrow', sans-serif;">Maecenas molestie justo sit amet diam facilisis blandit. Mauris mattis eget tortor semper rutrum. Aliquam scelerisque dictum condimentum. In semper id dolor a tempus. Maecenas quis lobortis enim, vitae semper eros. Vestibulum consectetur lacinia justo, sed auctor massa venenatis ut. Suspendisse elementum semper tellus euismod accumsan. Ut volutpat, nisi in pharetra posuere, est arcu consequat velit, non lacinia magna ante sit amet ipsum. Ut quis ante scelerisque, luctus libero a, ullamcorper augue. Nulla id sollicitudin sem, in vulputate enim. Vivamus a tempus dolor, ut bibendum mi.</div></td></tr></table><span style="display: block; margin: auto; color: #ffffff; font-variant: small-caps; text-align: center; font-size: 13px; padding-top: 25px;">© par elfyqchan pour <a href="http://www.never-utopia.com/" style="color: #00ffbb;">Never-Utopia</a></span></div>