luna || lesson

<html>
<link href="https://fonts.cdnfonts.com/css/prosper-rules" rel="stylesheet">


<center>
<style>
/*Scrollbar*/
::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-thumb {background: #fff;}
::-webkit-scrollbar-thumb:hover {background: #fff;}

/*BOX EFFECTS*/
 .zoom{
 transition: all 0.3s ease 0s;

}
.zoom:hover {
  transform: translateY(-7px);
  box-shadow: 1px 1px 6px 3px #bbb;
}

.zoom:active {
  transform: translateY(-1px);
</style>

<div style="background:url('https://i.pinimg.com/564x/4d/a1/28/4da12893439a6f80debbc123ace54427.jpg');background-size:cover;width:900px;box-shadow:0px 0px 15px #000;margin-bottom:10px;margin-top:15px">

<br>

<!--LESSON TITLE-->
<div class="zoom" style="background:#3d2b1f;background-size:cover;width:800px;height:20%;outline:1px #fff solid;outline-offset:-12px;margin-top:10px;box-shadow:0 0 15px #000">

<div style="text-align:center;border-radius:0px;color:#fff;font-family:'Prosper Rules';font-size:40px;width:700px;text-align:center;margin-right:10px;margin-left:10px">
<br>

Your Lesson Title Here

</div><div></div></div>

<br>

<!--LESSON-->
<div class="zoom" style="background:#3d2b1f;background-size:cover;width:800px;height:90%;outline:1px #fff solid;outline-offset:-12px;margin-top:10px;box-shadow:0 0 15px #000;overflow:auto">
<br>
<div style="text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:700px;text-align:justify;margin-right:10px;margin-left:10px">
<br><br>
<center>

<img src="https://i.pinimg.com/564x/a7/d7/7e/a7d77ef034618c33754871f6806ee531.jpg" style="width:400px;height:200px;border:4px double #fff ;object-fit:cover;margin-right:10px;float:center" />

</center>
<br><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? <i style="color:#efdecd">"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.
<p>
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:#efdecd">"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.
<p>
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:#efdecd">"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.

<br><br></div></div>

<br>

<!--ASSIGNMENT & REQUIREMENT-->
<div class="zoom" style="background:#3d2b1f;background-size:cover;width:800px;height:400px;outline:1px #fff solid;outline-offset:-12px;margin-top:10px;box-shadow:0 0 15px #000;overflow:auto">

<br>

<div style="text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:700px;text-align:justify;margin-right:10px;margin-left:10px">
<br>
<center>
<h style="font-family:'Prosper Rules';font-size:30px">Assignment</h>
<p><i>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>
<p>
✧ Assignment Here<br>
✧ Assignment Here<br>
✧ Assignment Here
<br>
<hr style="width:500px">
<br>
<h style="font-family:'Prosper Rules';font-size:30px">Requirement</h>
<p><i>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>
<p>
✧ Requirement Here<br>
✧ Requirement Here<br>
✧ Requirement Here

</center>
<br>
</div></div>

<br>
<div class="zoom" style="background:#3d2b1f;background-size:cover;width:800px;height:125px;outline:1px #fff solid;outline-offset:-12px;margin-top:10px;box-shadow:0 0 15px #000;overflow:hidden">
<br>
<div style="text-align:justify;border-radius:0px;color:#fff;width:700px;text-align:justify;margin-right:10px;margin-left:10px">

<center>

<!--YOUR FACECLAIM-->
<img src="https://thumbs.gfycat.com/IlliterateClearcutDogfish-size_restricted.gif" style="width:60px;height:60px;border:4px double #fff ;object-fit:cover;margin-top:10px" />

<!--SIGNATURE-->
<img src="https://fontmeme.com/permalink/230708/9b8bab3c749475a7644f871911e741ee.png" style="width:300px;margin-left:10px" />
</center>

</div></div>


<br><br>


</div>
<center><a href="https://kaykodes.tumblr.com/" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>