Advertisement
finchscodes

prison. . . prison is a. . . we're in prison | lesson

Jan 16th, 2022
1,507
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.07 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap" rel="stylesheet">
  2. <style>
  3. .body{
  4.     margin: auto;
  5.     width: 600px;
  6.     padding-left: 25px;
  7.     border: 1px solid rgba(0,0,0,0.2);
  8.     background: #b0acac;
  9.     border-radius: 5px;
  10.         font-family: 'Cambria';
  11. }
  12. .cocaine{
  13.     background: #eee;
  14.     border-left: 12px solid #000;
  15. }
  16. .title{
  17.     background:
  18.    linear-gradient(0deg, rgba(238, 238, 238, 1)1%, rgba(0,0,0,0) 10%), url('https://64.media.tumblr.com/408cc4c3dffaaacad7d247c9ed1e4c78/841cf0bac97995b4-8e/s400x600/e8d295b398f676ed3c816a05241fecb026da96fc.gifv');
  19.     background-size: cover;
  20.     height: 50px;
  21.     text-spacing: 2em;
  22.     color: #fff;
  23.     margin-bottom: 10px;
  24.     font-family: 'Amatic SC';
  25.     font-size: 25px;
  26.     text-shadow: 1px 1px 3px #fff;
  27.     padding: 20px
  28. }
  29. .subtitle{
  30.     font-size: 18px;
  31. }
  32. .text{
  33.     text-align: justify;
  34.     font-size: 13px;
  35.     width: 300px;
  36.     padding: 20px
  37. }
  38. .requirements{
  39.     width: 200px;
  40.     background: url(https://pixy.org/download/1108199/)center;
  41.     background-size: cover;
  42.     padding: 60px 20px;
  43.     margin-right: 20px;
  44.     font-size: 12px;
  45.     color: #fff;
  46. }
  47. h2{
  48.     margin: 0px;
  49.     color: #E2DADB;
  50.     text-shadow: 1px 1px 3px #000;
  51.     text-align: center;
  52.     font-family: 'Amatic SC';
  53.     font-size: 30px
  54. }
  55.  
  56. </style>
  57. <div class="body">
  58. <div class="cocaine">
  59. <div class="title"><u>That's the rule of Chekhov's Gun: have a gun</u>
  60. <div class="subtitle">It was the first time, it shan't be the last/I put my sausage in the goose's</div></div>
  61. <div style="display: flex">
  62. <div class="text">
  63. <img src="https://64.media.tumblr.com/62cbfe1397d359e844a97accd4d9ef8b/247aa13d242b8342-0a/s250x400/97cdec878a209acb7508922a7feac25dbca3d028.gifv" style="float: left; margin-right: 10px; height: 200px">Lorem ipsum dolor sit amet, per ad saepe abhorreant, erant quando evertitur ne vis. Per et illud etiam, perpetua scribentur intellegebat ei eos. Te detraxit phaedrum comprehensam eam, at vel possim timeam, ne elitr torquatos eos. Sea at tantas cetero.
  64.  
  65. <p>Ad facer moderatius mea, simul dicam sensibus his at. Essent omnium theophrastus ea quo, cu per minim novum. Eam ex illud regione. Qui in maluisset disputando, ne atqui dicit pertinacia mel.
  66.  
  67. <p>Usu et facer augue interesset, vel everti disputando definitiones ex. Ex justo melius dissentias sit, ei quodsi intellegebat sed. Eligendi definitionem an quo. Sed summo ullamcorper cu, vim te movet oportere hendrerit. Eius etiam saperet ad per, ad mel modus vivendum corrumpit. Usu quot quando dissentiet an.
  68.  
  69. <p>Mea et novum tritani, duo an esse exerci constituam. Nec quaeque invidunt dissentiunt ex. Duo at elit velit, scripta volutpat has ei. Noster essent torquatos at mea, aeque causae mea ea. Id nemore constituto nec, mei oporteat imperdiet at, eros ridens possim sed et. Sea et case probatus eleifend.
  70.  
  71. <p>Tation luptatum no mei. Eu pro libris corpora voluptatum, qui eius ipsum deserunt cu, vel an eleifend sapientem. Te natum sonet aliquid vix, id purto maiorum mei. Vis eu intellegat contentiones, quaestio voluptaria nec et. His at harum ceteros, ne putent essent tacimates sit. at assum audiam.
  72. </div>
  73. <div class="requirements">
  74. <img src="https://64.media.tumblr.com/55f9159f5ea571ea898ae26ef1b6f95d/242acf9b83788f63-c9/s400x600/79daa5b10b341f57c54c51aee1c4df119a786490.gifv" style="width: 100px; height: 100px; object-fit: cover; border-radius: 50%; margin-left: 45px; box-shadow: 1px 1px 3px #000">
  75. <h2>Prison...prison is a...we're in prison.</h2>
  76. <p>Lorem ipsum dolor sit amet, per ad saepe abhorreant, erant quando evertitur ne vis. Per et illud etiam, perpetua scribentur intellegebat ei eos. Te detraxit phaedrum comprehensam eam, at vel possim timeam, ne elitr torquatos eos. Sea at tantas cetero.
  77.  
  78.   <li>She says you’re a solid eight and I’m a two</li>
  79.   <li>Incommpentententente</li>
  80.   <li>They kiss. Roll credits</li>
  81. </div>
  82. </div><center><div style="padding: 10px"><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #000; font-size: 10px;" target="_blank">CODED BY FINCH</a></div></center>
  83. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement