Jawn
# LET'S PLAY A GAME CALLED DANGER - Mer 17 Aoû - 17:10
Le code :
- Code:
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"/><div class="fiche_test"> <div class="fiche_test_top"> <div class="fiche_test_top_title">LET'S PLAY A GAME CALLED DANGER</div><div class="fiche_test_top_sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus arcu et nisl tristique dictum. Nullam ac turpis nulla.<br/><br/>Nulla sollicitudin, tellus facilisis molestie dignissim, dolor metus gravida velit, a varius turpis odio sit amet lectus.</div><div class="fiche_test_top_ava"><img src="https://via.placeholder.com/150x220"/></div></div><div class="fiche_test_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus arcu et nisl tristique dictum. Nullam ac turpis nulla. Donec facilisis blandit odio. Suspendisse interdum turpis non ex tincidunt feugiat. Suspendisse faucibus luctus massa pellentesque commodo. Nulla sollicitudin, tellus facilisis molestie dignissim, dolor metus gravida velit, a varius turpis odio sit amet lectus. Phasellus arcu odio, rhoncus sit amet dignissim at, ullamcorper vitae eros. Sed sodales est quis malesuada tempor. Pellentesque egestas neque magna, auctor venenatis ante dictum in. Praesent tristique id orci et venenatis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed risus diam, sodales vitae orci quis, elementum euismod mauris. Vivamus malesuada cursus sollicitudin. Morbi tristique, enim sed tincidunt ultricies, leo turpis iaculis odio, eu auctor turpis enim sit amet diam. Nulla pulvinar fermentum purus sed facilisis. Etiam id porttitor odio, ut porttitor magna. Cras et sapien augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce turpis justo, sollicitudin at leo eget, efficitur molestie ex. Fusce pharetra leo eu arcu fermentum, nec finibus odio rhoncus. Vivamus ligula justo, feugiat vitae enim quis, dignissim scelerisque augue. Phasellus quis massa lacus. Integer ultrices feugiat lacinia. Quisque convallis sodales quam ut placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur pulvinar sodales nibh a sagittis. Vivamus auctor ullamcorper ligula, efficitur sagittis arcu condimentum vel. Phasellus quis enim ut ipsum rutrum imperdiet id vel mi. Suspendisse dolor dui, faucibus nec sapien ut, tempor porta lacus.</div><div class="fiche_test_bottom">ft. Andrew Scott</div></div><div class="fiche_test_cred"><a target="_blank" href="https://epsilon-ls.forumactif.com/">:copyright: epsilon</a></div>
<style>.fiche_test{width: 480px; margin: 0 auto; background: #eaeaea;}.fiche_test_top{background: #181818; text-align: center; position: relative;}.fiche_test_top:before{content: ""; background: #eaeaea; border-radius: 100%; width: 480px; height: 480px; position: absolute; left: 0; top: 441px;}.fiche_test_top_title{color: #ccc; padding: 80px 40px 40px 40px; font: 50px Lora; letter-spacing: -2px; text-shadow: 1px 1px 1px #1a1a1a; position: relative;}.fiche_test_top_title::after{content: ""; position: absolute; background-image: url(https://imgur.com/pohCxVq.png); width: 130px; height: 100px; background-size: 100%; top: 90px; left: 165px; transform: scaleX(-1);}.fiche_test_top_sub{margin: 0 auto; width: 200px; color: grey; font: 9px calibri; text-transform: uppercase; letter-spacing: 1px;}.fiche_test_top_ava{width: 150px; height: 220px; overflow: hidden; margin: 60px auto 0px auto; box-shadow: 5px 5px 0px #181818; position: relative;}.fiche_test_top_ava img{width: 100%;}.fiche_test_txt{padding: 30px 50px; text-align: justify; color: #181818; font: 13px Times New Roman; line-height: 18px; position: relative;}.fiche_test_bottom{background: #d5c0b8; padding: 100px 40px; font: 50px Lora; letter-spacing: -2px; text-align: right; color: #1a1a1a; text-transform: uppercase;}.fiche_test_cred{text-align: center; margin-top: -8px;}.fiche_test_cred a{color: grey; font: 8px Calibri; text-transform: uppercase; letter-spacing: 2px;}</style>
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|