i see the light | lesson

<!--

♥ hi there, friendo! thanks for using my code! the stoof is fairly self explanatory and should be easy to edit (i'm not that smart so i don't want to make my codes rocket science AKIGHYSIDG). it is required to keep the credit otherwise you are stealing my code and i expect to be credited for my mediocre creation, thankyouverymuch. have fun and do something cool! ♥

-->


<!DOCTYPE html>


<html>

<link href="https://fonts.googleapis.com/css2?family=Hubballi&display=swap" rel="stylesheet">

<style>

.bg{
width:650px;
height:600px;
background:url(https://img.rawpixel.com/s3fs-private/rawpixel_images/creative_room/v800-mynt-21.jpg?w=800&dpr=1&fit=default&crop=default&q=65&vib=3&con=3&usm=15&bg=F4F4F3&ixlib=js-2.2.1&s=cee57314ffdf9cbda1725e14e647de6a);
object-fit:cover;
padding:25px;
font-family: 'EB Garamond', serif;
font-size:13px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.lesson{
float:left;
width:300px;
height:440px;
padding:25px;
background-color:rgba(250,250,250,0.8);
}

.sig{
float:left;
margin-top:15px;
width:330px;
height:75px;
padding:10px;
background-color:rgba(250,250,250,0.8);
}

.req{
float:right;
margin-top:-490px;
width:220px;
height:440px;
padding:25px;
background-color:rgba(250,250,250,0.8);
}

.photos{
float:right;
margin-top:15px;
width:250px;
height:75px;
padding:10px;
background-color:rgba(250,250,250,0.8);
}


</style>

<body>

<div class="bg">

<div class="row">

<div class="lesson">

<center>
<img src="https://fontmeme.com/permalink/220317/6f7905b78229dba96c7f61e7b4d1e11c.png"style="width:250px">
</center>

<br><br>

<div style="height:375px;overflow:auto;scrollbar-width:0px">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a dignissim nunc, hendrerit scelerisque sapien. Nunc varius ex quam, vestibulum dignissim turpis cursus eget. Vivamus eget aliquet lorem, id laoreet ante. Donec et massa augue. Cras ac faucibus magna. Morbi ipsum leo, auctor nec vestibulum vel, vehicula et mauris. Curabitur turpis velit, auctor id laoreet sed, porttitor condimentum erat. Vivamus efficitur sit amet velit nec dapibus. Phasellus eu tristique nulla, sit amet blandit purus.

<br><br>

Praesent sed ullamcorper lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Integer ultrices justo nunc, sodales sodales turpis sollicitudin eget. Aenean consequat orci nec ipsum varius vehicula. Quisque convallis ligula et luctus tempus. Curabitur ullamcorper, sapien sed accumsan rutrum, urna nunc fermentum dolor, non ultrices sapien lacus eget ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus.<br><br>

Sed laoreet dui risus, vel sollicitudin tellus sodales posuere. Morbi aliquet tempor felis non viverra. In gravida vitae tortor quis tempus. Cras luctus nisl congue ipsum finibus, eget volutpat turpis feugiat. Ut aliquam quis felis et aliquet. Morbi in justo sapien. Etiam arcu eros, consequat eget fringilla ut, cursus ac tortor. Quisque nibh justo, luctus interdum quam id, accumsan commodo urna. Vivamus posuere velit et metus ornare lobortis eu at felis. Donec nisi ligula, gravida sit amet laoreet et, efficitur eu libero. Maecenas hendrerit volutpat commodo.<br><br>

Aliquam lorem nulla, tempus vitae ultrices porta, facilisis ac metus. Phasellus nec vestibulum lorem. Etiam et rhoncus diam, id semper libero. Etiam efficitur augue at urna congue, sit amet congue ex tempor. Suspendisse laoreet urna risus, vitae dapibus lectus vulputate a. Cras iaculis, est ac dignissim posuere, erat augue efficitur dolor, nec lacinia nibh sem vitae justo. Nunc tortor tellus, facilisis convallis bibendum ac, sagittis in augue.

</div>

</div>

<br>

<div class="sig">

<img src="https://i.pinimg.com/originals/58/10/24/5810244ead43dd32c7e34dfe5c455085.gif"style="width:75px;height:75px;border-radius:50%;object-fit:cover;margin-left:5px;float:left;">

<img src="https://fontmeme.com/permalink/220317/15c2ccd5e4593c67fc01324c222fa20b.png"style="width:200px;margin-left:20px;margin-top:12px">

</div>

<div class="req">

<details style="height:200px;overflow:auto;scrollbar-width:0px">

<summary style="color:#6F4E37">
<b style="font-family: 'Hubballi', cursive;font-size:18px">

assignment

</b>
</summary>

❀ assignment question
<br><br>
❀ assignment question
<br><br>
❀ assignment question
<br><br>
❀ assignment question
<br><br>
❀ assignment question
<br><br>
</details>

<br><br>

<details style="height:200px;overflow:auto;scrollbar-width:0px">

<summary style="color:#6F4E37">
<b style="font-family: 'Hubballi', cursive;font-size:18px">

requirements

</b>
</summary>

❀ requirement
<br><br>
❀ requirement
<br><br>
❀ requirement
<br><br>
❀ requirement
<br><br>
❀ requirement
<br><br>
</details>

</div>

<div class="photos">

<center>
<img src="https://i.pinimg.com/originals/4d/dc/d6/4ddcd67d35da9da799c9c1cc6280134e.gif"style="width:70px;height:70px;object-fit:cover;">

<img src="https://2.bp.blogspot.com/-5qiEUf7DfFM/V0sT02mpckI/AAAAAAAAAz0/VrQ_qaZEBm4f8zzQnKyYBDzHFu8IVDoMgCLcB/s1600/Young-Rapunzel-dreaming.gif"style="width:70pz;height:70px;object-fit:cover;margin-left:5px;">

<img src="https://i.pinimg.com/originals/c1/43/c3/c143c353012f31e2b88f17c5d1007fa5.gif"style="width:70px;height:70px;object-fit:cover;margin-left:5px">
</center>


</div>

</div>
</div>


</body>
</html>
<center><a href="https://aprilcodes.tumblr.com/" style="color:#000;font-size:12px;">april codes</a></center>