Advertisement
kay_kodes

under the sea || lesson

Jun 8th, 2023
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.66 KB | None | 0 0
  1. <html>
  2. <link href="https://fonts.cdnfonts.com/css/copykey" rel="stylesheet">
  3. <link href="https://fonts.cdnfonts.com/css/gafstery" rel="stylesheet">
  4.  
  5.  
  6. <style>
  7. .assignment-box{
  8. float: center;
  9. text-align: center;
  10. max-width:50%;
  11. max-height;100%;
  12. border: 5px #a3bdd1 double;
  13. overflow: auto;
  14. background-color: #fff;
  15. font-family:copykey;
  16. font-size:20px
  17.  
  18.  
  19. }
  20. .requirements-box{
  21. float: center;
  22. text-align: center;
  23. max-width:50%;
  24. max-height;100%;
  25. border: 5px #a3bdd1 double;
  26. overflow: auto;
  27. background-color: #fff;
  28. font-family:copykey;
  29. font-size:20px;
  30. margin-top:10px
  31. }
  32.  
  33.  
  34. </style>
  35. <!--BOX-->
  36. <div style="background:url('https://i.pinimg.com/564x/2a/a0/87/2aa087bc98c0efeebff0a7510a48e8af.jpg');background-size:cover;padding:30px;border:3px #000 solid;background-attachment:fixed;background-position:center;margin:auto;text-align:justify;overflow:auto;border-radius:0px;object-fit:cover">
  37.  
  38. <!--TITLEBOX-->
  39. <div style="background:#fff;padding:10px;margin:auto;text-align:justify;border:3px #000 solid;color:#000;font-size:65px;height:100px;font-family:gafstery">
  40. <center>
  41. Your lesson Title Here
  42. </center>
  43. </div>
  44.  
  45. <br><br>
  46. <!--BOX-->
  47. <div style="background:#fff;padding:10px;margin:auto;text-align:justify;border-radius:0px;color:#000;border:3px #000 solid">
  48. <!--TEXTBOX-->
  49. <div style="background:#fff;padding:10px;margin:auto;text-align:justify;border-radius:0px;color:#000;font-family:'Times New Roman';font-size:17px;margin-left:15px;margin-right:15px;margin-top:15px">
  50.  
  51. <center>
  52. <!--IMAGE 1-->
  53. <img src="https://i.pinimg.com/236x/dd/d5/57/ddd5572558bb17ee81b6f988b3a9af0a.jpg" style="width:150px;height:150px;border:5px double #8397a6 ;object-fit:cover;margin-right:10px;margin-bottom:10px" />
  54.  
  55. <!--IMAGE 2-->
  56. <img src="https://i.pinimg.com/236x/16/a0/1e/16a01e0be9f063eae7e7278343465d6b.jpg" style="width:150px;height:150px;border:5px double #8397a6 ;object-fit:cover;margin-right:10px;margin-bottom:10px" />
  57.  
  58. <!--IMAGE 3-->
  59. <img src="https://i.pinimg.com/236x/3b/d6/3e/3bd63e2ab23b22500ccd95f1036d3c28.jpg" style="width:150px;height:150px;border:5px double #8397a6 ;object-fit:cover;margin-right:10px;margin-bottom:10px" />
  60.  
  61. <!--IMAGE 4-->
  62. <img src="https://i.pinimg.com/236x/52/e7/03/52e703d23aff7ac42709dcebdc453525.jpg" style="width:150px;height:150px;border:5px double #8397a6 ;object-fit:cover;margin-right:10px;margin-bottom:10px" />
  63.  
  64. </center>
  65.  
  66. <!--LESSON-->
  67. <br>
  68. Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam. Et nihil itaque et voluptatum perspiciatis id alias nihil vel cumque autem? <i style="color:#02846C">"Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam."</i> Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam. Et nihil itaque et voluptatum perspiciatis id alias nihil vel cumque autem? Et galisum adipisci At galisum velit et enim asperiores sed aliquam iste rem enim quaerat ea nisi eveniet.
  69. <p>
  70.  
  71. Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam. Et nihil itaque et voluptatum perspiciatis id alias nihil vel cumque autem? Et galisum adipisci At galisum velit et enim asperiores sed aliquam iste rem enim quaerat ea nisi eveniet.
  72. <p>
  73.  
  74. Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam. Et nihil itaque et voluptatum perspiciatis id alias nihil vel cumque autem? Et galisum adipisci At galisum velit et enim asperiores sed aliquam iste rem enim quaerat ea nisi eveniet. Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam. <i style="color:#02846C">"Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam."</i>
  75.  
  76. <br>
  77. <br>Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam. Et nihil itaque et voluptatum perspiciatis id alias nihil vel cumque autem? Et galisum adipisci At galisum velit et enim asperiores sed aliquam iste rem enim quaerat ea nisi eveniet.
  78. Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam.
  79. <br>
  80. <br><i style="color:#02846C">"Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam."</i> Et nihil itaque et voluptatum perspiciatis id alias nihil vel cumque autem? Et galisum adipisci At galisum velit et enim asperiores sed aliquam iste rem enim quaerat ea nisi eveniet.
  81. Lorem ipsum dolor sit amet. Aut voluptas sint aut ipsa dolorum ea quidem optio est rerum totam in delectus doloremque! Non quia ipsam non tenetur quod ab dolores iste est quibusdam quisquam.
  82.  
  83. <!--DIVIDER-->
  84. <center>
  85. <img src="https://cdn.discordapp.com/attachments/871345898469355533/1008649357052096522/unknown.png"style="width:350px;margin-bottom:-120px;margin-top:-90px"></center>
  86. <br><br>
  87. <br>
  88. <center>
  89.  
  90. <!--ASSIGNMENT-->
  91. <div class="assignment-box">
  92. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  93. <summary>
  94. <div class="body">
  95. <center>
  96. Assignment
  97. </div></summary>
  98.  
  99. <div style="margin-left:10px">
  100. <p>
  101. <center><br>
  102.  
  103. 🕮 Add Assignment<br><br>
  104. 🕮 Add Assignment<br><br>
  105. 🕮 Add Assignment<br><br>
  106.  
  107. </p></div></details>
  108. </div>
  109.  
  110.  
  111. <p>
  112.  
  113. <!--REQUIREMENT-->
  114. <div class="requirements-box">
  115. <details style="padding:0px 0; border:0px solid #000; padding:px">
  116. <summary>
  117. <div class="body">
  118. <center>
  119. Requirements
  120. </div></summary>
  121. <div style="margin-left:10px">
  122. <br>
  123. ➺ Add Requirement<br><br>
  124. ➺ Add Requirement<br><br>
  125. ➺ Add Requirement<br><br>
  126.  
  127. </p></div></details>
  128. </div>
  129.  
  130.  
  131. <br>
  132.  
  133.  
  134. </center>
  135.  
  136. <br>
  137. <!--DIVIDER-->
  138. <center>
  139. <img src="https://cdn.discordapp.com/attachments/871345898469355533/1008649357052096522/unknown.png"style="width:350px;margin-bottom:-120px;margin-top:-90px"></center>
  140.  
  141. <br>
  142.  
  143. <center><br>Your Regards Here,
  144. <br><br>
  145. <center>
  146. <!--TEACHER PIC-->
  147. <img src="https://i.pinimg.com/originals/c0/b3/ca/c0b3cab12003258a54712ff3ea61482f.gif" style="width:100px;height:100px;border:6px double #8397a6 ;object-fit:cover;margin-right:10px;margin-bottom:10px" />
  148. <!--AT PIC-->
  149. <img src="https://i.pinimg.com/originals/4d/16/e4/4d16e41b5337e24dec2529f5833ea73e.gif" style="width:100px;height:100px;border:6px double #8397a6 ;object-fit:cover;margin-right:10px;margin-bottom:10px" />
  150. </center>
  151. <br>
  152. <center><img src="https://fontmeme.com/permalink/230608/5b5e3fc6e416ba449611ccab71b5d345.png"style="width:350px;margin-left:10px;margin-bottom:10px"></center>
  153.  
  154. </div></div></div><br>
  155. </div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement