API tools faq
paste
Alacodes

Dark Temptation

Alacodes
Mar 23rd, 2025
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.40 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @font-face {
  3. font-family: 'Baginda';
  4. src: url('https://cdn.statically.io/gh/Asmera25/baginda/main/BagindaScript.otf') format('woff2'),
  5. url('https://cdn.statically.io/gh/Asmera25/baginda/main/BagindaScript.otf') format('woff');
  6. font-weight: normal;
  7. font-style: normal;
  8. }
  9.  
  10. @font-face {
  11. font-family: 'Lofty Goals';
  12. src: url('https://cdn.statically.io/gh/Asmera25/lofty/main/lofty-goals.regular.otf') format('woff2'),
  13. url('https://cdn.statically.io/gh/Asmera25/lofty/main/lofty-goals.regular.otf') format('woff');
  14. font-weight: normal;
  15. font-style: normal;
  16. }
  17.  
  18. @font-face {
  19. font-family: 'London';
  20. src: url('https://cdn.statically.io/gh/Asmera25/london/main/GoodnightlondonsansRegular-6Y6po.ttf') format('woff2'),
  21. url('https://cdn.statically.io/gh/Asmera25/london/main/GoodnightlondonsansRegular-6Y6po.ttf') format('woff');
  22. font-weight: normal;
  23. font-style: normal;
  24. }
  25.  
  26. @font-face {
  27. font-family: 'Majalla';
  28. src: url('https://cdn.statically.io/gh/Asmera25/SakkalMajalla/main/majalla.ttf') format('woff2'),
  29. url('https://cdn.statically.io/gh/Asmera25/SakkalMajalla/main/majalla.ttf') format('woff');
  30. font-weight: normal;
  31. font-style: normal;
  32. }
  33.  
  34. @font-face {
  35. font-family: 'Better Together';
  36. src: url('https://cdn.statically.io/gh/Asmera25/betterfont/main/Better%20Together.ttf') format('woff2'),
  37. url('https://cdn.statically.io/gh/Asmera25/betterfont/main/Better%20Together.ttf') format('woff');
  38. font-weight: normal;
  39. font-style: normal;
  40. }
  41.  
  42. ::-webkit-scrollbar {
  43. width: 0px;
  44. }
  45.  
  46. @keyframes fadeIn {
  47. 0% {
  48. opacity: 1;
  49. }
  50.  
  51. 100% {
  52. opacity: 0;
  53. }
  54. }
  55.  
  56. ::-webkit-scrollbar-track {
  57. background: #96c8a2;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. background: #3d5d42;
  62. }
  63.  
  64. ::-webkit-scrollbar-thumb:hover {
  65. background: #49a76c;
  66. }
  67.  
  68. .background {
  69. background: linear-gradient(to top left, #1C1C1C, #A64435, #1C1C1C);
  70. height: auto;
  71. width: 800px;
  72. margin: auto;
  73. padding-right: 10px;
  74. padding-left: 10px;
  75. padding-bottom: 10px;
  76. color: #fff;
  77. border-radius: 57px 0px 0px 0px
  78. }
  79.  
  80. .body {
  81. background: rgba(92, 16, 9, .6);
  82. height: auto;
  83. width: 90%;
  84. padding: 10px;
  85. margin: auto;
  86. float: center;
  87. text-align: justify;
  88. }
  89.  
  90. .title {
  91. margin-top: 135px;
  92. font-family: 'Better Together';
  93. color: #F4831B;
  94. font-size: 90px;
  95. text-align: center;
  96. margin-bottom: -35px;
  97. text-shadow: 1px 1px 10px #810806;
  98. }
  99.  
  100. .title1 {
  101. margin-top: 15px;
  102. font-family: 'London';
  103. color: #F4831B;
  104. font-size: 80px;
  105. text-align: center;
  106. text-shadow: 2px 1px 10px #810806;
  107. width: 60%;
  108. height: auto;
  109. padding: 5px;
  110. float: right;
  111. }
  112.  
  113. .text {
  114. font-family: 'Majalla';
  115. color: #fff;
  116. font-size: 22px;
  117. padding: 10px;
  118. }
  119.  
  120. .titles {
  121. text-align: center;
  122. font-family: 'Lofty Goals';
  123. font-size: 35px;
  124. color: #F4831B;
  125. text-shadow: 1px 1px 10px #810806;
  126. }
  127.  
  128. * {
  129. box-sizing: border-box;
  130. }
  131.  
  132. .column1 {
  133. background: rgba(92, 16, 9, .6);
  134. float: left;
  135. width: 44%;
  136. padding: 10px;
  137. height: 270px;
  138. margin-left: 45px;
  139. overflow: scroll;
  140. overflow-x: hidden;
  141. }
  142.  
  143. .column2 {
  144. background: rgba(92, 16, 9, .6);
  145. float: right;
  146. width: 44%;
  147. padding: 10px;
  148. height: 270px;
  149. margin-right: 45px;
  150. overflow: scroll;
  151. overflow-x: hidden;
  152. }
  153.  
  154. .row:after {
  155. content: "";
  156. display: table;
  157. clear: both;
  158. float: center;
  159. }
  160.  
  161. .credit:hover {
  162. letter-spacing: 2px;
  163. transition: 1s;
  164. }
  165.  
  166. .b {
  167. color: #EB6121;
  168. }
  169.  
  170. .img2 {
  171. box-shadow: 1px 1px 6px 1px #000;
  172. object-fit: cover;
  173. width: 150px;
  174. height: 164px;
  175. margin: 5px;
  176. outline: 2px ridge #000;
  177. outline-offset: -5px;
  178. filter: grayscale(70%);
  179. }
  180.  
  181. .img2:hover {
  182. object-fit: cover;
  183. width: 150px;
  184. height: 164px;
  185. border-radius: 50% 1%;
  186. transition-duration: 2s;
  187. filter: grayscale(10%);
  188. }
  189.  
  190. </style>
  191.  
  192. <div class="background">
  193. <img alt="pic1" src="https://www.icegif.com/wp-content/uploads/2023/10/icegif-441.gif" style="float:left; object-fit:cover; border-radius:60px; width:150px; height:150px; margin-left:-8px; margin-top: 2px; box-shadow: 2px 2px 6px 2px #000">
  194. <div class="title1">Subject</div><br>
  195.  
  196. <div class="title">Lesson Title</div>
  197. <center>
  198. <div class="body">
  199. <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>
  200.  
  201. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<b class="b">"I mean the teacher does speak during the lesson"</b><br><br>
  202.  
  203. <img alt="pic2" src="https://i.imgur.com/hgcKUDT.gif" style="float:left; object-fit:cover; width:210px; height:150px; outline: 2px ridge #000; outline-offset: -5px; margin-left:-10px; margin-right:10px">
  204. <b class="b">"They might as well be telling a joke at this point,"</b>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>
  205.  
  206. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br>
  207.  
  208. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<b class="b">"Just so it's easier to use the {%FIRSTNAME%} tag and not hunt it down everywhere."</b>
  209. </div>
  210. </div>
  211. </center><br>
  212.  
  213. <div class="row">
  214. <div class="column1">
  215. <div class="titles">Requiremnets</div>
  216. <div class="text">
  217. &bull; Requirement 1<br>
  218. &bull; Requirement 2<br>
  219. &bull; Requirement 3<br>
  220. &bull; Requirement 4</div>
  221. </div>
  222.  
  223. <div class="column2">
  224. <div class="titles">Assignment</div>
  225. <div class="text">
  226. &bull; Question 1<br>
  227. &bull; Question 2<br>
  228. &bull; Question 3<br>
  229. &bull; Question 4<br>
  230. </div>
  231. </div>
  232. </div><br><br>
  233.  
  234.  
  235. <center><img alt="signature" src="https://i.ibb.co/XmBpZw1/maanvi.jpg" style="width:65%;">
  236. <img alt="pfp" class="img2" src="https://64.media.tumblr.com/3b4cc4c14799f7b1165d3a873e33cea1/07fad90c354e7d64-36/s540x810/bdf895509cc041434a9a090ba790ba593c82183f.gif" style="margin-right: 3px; margin-left: 15px"><br><br></center>
  237. </div>
  238.  
  239. <center>
  240. <div class="credit"><a href="https://alacodes.tumblr.com/" target="_blank" style="text-decoration:none; color:#000; text-align:center; text-shadow:1px 1px 1px #000; font-size: 25px; font-family: 'Baginda';">Coded by Ala </a></div>
  241. </center>
  242.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!