Falling Blossoms

<style>

/*  Hello!
Thank you for using my code!

Rules to Follow:

✶ Do not EVER delete or remove the credits of the coder or claim this code as your own.
✶ Do not redistribute this code, no matter how much you edited it!
✶ If you need any help in fixing codes, contact me on Discord (Kawaii-lau#6316). Major changes in code is not accepted.
✶ If you like to share this code, send to your friends the link of my blog, kawaii-lau.tumblr.com , and support me!

If you like a custom code, check out my blog to see if commissions are open!



✶✶✶✶✶✶✶  NOTE:  ✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶
    It has come to my attention that the original template of this code (https://i.imgur.com/nRw8pFr.png) has been distributed and passed around WITHOUT MY CREDIT. If you have been using this template for your lessons, PLEASE ADD MY CREDIT OR USE THIS UPDATED VERSION. If I found out that you have been using the original code without my credit, I will report you to the higher-ups that you have exploiting and distributing without my authorization.

    I̶ ̶w̶i̶l̶l̶ ̶f̶i̶n̶d̶ ̶y̶o̶u̶ ̶a̶n̶d̶ ̶I̶ ̶w̶i̶l̶l̶ ̶k̶i̶l̶l̶ ̶y̶o̶u̶
    https://tenor.com/view/ill-find-you-iwill-kill-you-taken-gif-5513044

✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶✶

xoxo, Kawaii-lau   */

    ::-webkit-scrollbar {
        width: 10px;
        background: white;

    }

    ::-webkit-scrollbar-thumb {
        background: #F08979
    }

.text-divider {display:block}

.credits a {color:white; text-decoration:none; transition:1s ease}
.credits a:hover {color:#EE3232; text-decoration:none; letter-spacing:7px}

@media only screen and (max-width: 700px)

{
    .text-divider {display:none}
}
</style>

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

<div style="margin-left:auto;margin-right:auto;max-width:800px"><br>

    <!-- MAIN BOX BACKGROUND AND BORDER -->
    <div style="background-image:url(https://i.pinimg.com/564x/19/47/30/194730f3a2bbe801d950f1ebe18078bc.jpg); background-size:100% 100%; background-position:bottom; border:10px ridge #E39279;font-family:'Poppins', sans-serif; color:black;">


        <!-- HEADER BACKGROUND-->
        <div style="background-image:url(https://i.pinimg.com/originals/6a/ee/ea/6aeeea24e8fd4023a349e354eefa33ed.gif);background-size:100%;background-position:center; border-bottom:2px solid #F08979">
            <div style="background-color:rgba(0, 0, 0, 0.2);padding:20px 0px 5px 0px">
                <center>



                    <p style="font-size:48px;color:#F08979 ; text-shadow:0px 0px 10px #61644C;margin:-10px;font-family:'Permanent Marker';letter-spacing:4px;">
                        <!-- SUBJECT NAME -->
                        Falling Blossoms
                    </p>
                    <p style="font-size:36px;color:#13412B ;margin:-10px;font-family:'Times New Roman">
                        <!-- SUBJECT NAME -->
                        a creative lesson name
                    </p>
                    <p style="color:white;font-family:courier;letter-spacing:1px">
                        <!-- YEAR NUMBER AND WEEK NUMBER -->
                        Year # , Week #

                    </p>
                </center>
            </div>
        </div>

        <div style="background-color:rgba(0, 0, 0, 0.3)">

            <div style="-webkit-mask-image:url(https://i.imgur.com/cjZ7r6Q.png); -webkit-mask-size:100% 100%; width:100%; height:70px; background-color:rgba(243, 219, 204, 1); transform:rotate(180deg); margin-left:auto; margin-right:auto">
            </div>

            <div style="-webkit-mask-image:url(https://i.imgur.com/cjZ7r6Q.png); -webkit-mask-size:100% 100%; width:100%; height:80px; background-color:rgba(243, 219, 204, 1); position:absolute; transform:rotate(90deg); margin:500px 0px 0px -440px" class="text-divider">
            </div>

            <div style="background-color:rgba(243, 219, 204, 0.8 ) ;width:70%; height:1050px; margin-left:auto; margin-right:auto; padding:20px; color:black; overflow:auto">
                <center>

                    ❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁<br><br>

                    <!-- REPLACE HEADER IMAGE HERE -->
                    <img src="https://data.whicdn.com/images/269903976/original.gif" style="width:90%" alt="HEADER IMAGE" /><br>



                    <p style="text-align:justify;">

                        <!-- START LESSON TEXT HERE -->

                        <b style="color:#981FB3 ">"This is for dialogues for your character speaking."</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et arcu faucibus, placerat augue ut, mollis tellus. Aenean quis est orci. Integer a lorem a tortor scelerisque rhoncus. Nunc posuere augue non nunc hendrerit, id mollis nisi rhoncus. Mauris tincidunt tincidunt mollis. Fusce tempus dolor eu magna elementum, quis faucibus velit sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in mattis massa. Nunc eget ornare orci. Nulla mattis purus a posuere sodales. Nullam sit amet leo felis. Duis sit amet consequat arcu, sed sollicitudin nunc. Phasellus id accumsan dui. Mauris tristique metus vitae urna malesuada pellentesque. Aliquam pretium nec dolor vel hendrerit.<br><br>

                        Nullam elementum purus vel turpis placerat accumsan. Donec blandit ultrices ligula. Nunc sit amet ipsum nulla. Mauris egestas posuere dui non elementum. Vivamus vitae fringilla purus. Donec lacinia sapien in nisi pellentesque, eu aliquet erat congue. Morbi egestas, diam et interdum sagittis,

                        <img src="https://i.pinimg.com/564x/75/01/05/7501059234b92270a49679811c67a606.jpg" style="float:right;width:200px; margin:20px" />

                        justo lorem aliquet dui, sit amet blandit sapien elit vitae ex. Pellentesque sed justo ac lectus maximus maximus. Fusce ut risus elit. Aliquam nec dui dapibus, ultrices lorem a, vestibulum eros. Fusce nec ante sed eros dictum iaculis at a nisi. Phasellus a magna lobortis, aliquet est eget, lacinia magna.

                        <br><br>

                        justo lorem aliquet dui, sit amet blandit sapien elit vitae ex. Pellentesque sed justo ac lectus maximus maximus. Fusce ut risus elit. Aliquam nec dui dapibus, ultrices lorem a, vestibulum eros. Fusce nec ante sed eros dictum iaculis at a nisi. Phasellus a magna lobortis, aliquet est eget, lacinia magna.

                        <!-- END OF LESSON -->

                    </p>
                    ❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁
                </center>
            </div>

            <div style="-webkit-mask-image:url(https://i.imgur.com/cjZ7r6Q.png); -webkit-mask-size:100% 100%; width:100%; height:80px; background-color:rgba(243, 219, 204, 1); position:absolute; transform:rotate(270deg); margin:-600px 0px 0px 240px; " class="text-divider">
            </div>

            <div style="-webkit-mask-image:url(https://i.imgur.com/cjZ7r6Q.png); -webkit-mask-size:100% 100%; width:100%; height:70px; background-color:rgba(243, 219, 204, 1); margin-left:auto; margin-right:auto">
            </div>

            <br>

            <div style="background-color:rgba(243, 219, 204, 0.8 );width:90%;margin-left:auto;margin-right:auto;padding:5px 20px 20px 20px;color:rgb(60, 60, 60);">
                <center>

                    ❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁

                    <h2 style="text-align:center;letter-spacing:7px;font-family:serif">
                        <img src="https://fontmeme.com/permalink/200429/011b255fcbc841671829d3d7bd806bfb.png" style="width:300px" />
                    </h2>

                    <!-- LESSON QUESTIONS HERE -->

                    <p style="text-align:justify; font-size:20px">
                        Place the instructions <b>here</b></p>

                    <p style="text-align:justify;">
                        ❁ Question 1<br>
                        ❁ Question 2<br>
                        ❁ Question 3<br>
                        ❁ Question 4<br>



                    </p>

                    ❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁
                </center>
            </div><br>
            <div style="background-color:rgba(243, 219, 204, 0.8 );width:90%;margin-left:auto;margin-right:auto;padding:20px;color:rgb(60, 60, 60);margin-top:-10px">

                <center>
                    ❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁
                </center>

                <h2 style="text-align:center;letter-spacing:7px;font-family:serif">
                    <img src="https://fontmeme.com/permalink/200429/3a0821b5a23fbe64ad4efb47ec235b7b.png" style="width:300px" />
                </h2>
                <!-- REQUIREMENTS -->
                • You must answer all questions in the correct format to get am Outstanding grade.<br>
                • Please mention all of your sources that you used during this lesson. Your imagination can be included!<br>
                • If you are going to use a real user, be sure to ask their permission first, then put their permission in your sources.<br>
                • Copying and/or plagiarizing would give you an Troll grade and a very horrible message from the Instructor!<br>
                • Creativity and originality would be rewarded and be much appreciated!<br><br>

                <center>

                    <!-- ADDITIONAL NOTES -->

                    <span style="font-size:22px;font-family:serif"><b>
                            If you have any questions about my code, send my Discord <span style="color:#6caf37">Kawaii-Lau#6316</span> a message or check out the Coding Discord server in my Tumblr blog.</b></span>

                    <br><br>

                    <!-- SIGNATURE URL -->

                    <img src="https://fontmeme.com/permalink/200429/b0a2dfe359d66ec72695e6a9d99427a8.png" style="width:450px" alt="SIGNATURE" />

                </center>
                <center>
                    ❁ ≖≖✿❁ ≖≖✿❁ ≖≖✿❁ ≖≖ ❁
                </center>

            </div>
        </div>

    <!-- DO NOT REMOVE THE CREDITS **EVER**
        USE "EDITED BY [CODER]" IF YOU LIKE TO ADD YOUR NAME FOR EDITING.
-->

    <div class="credits" style="padding:20px;text-align:center">
    <a href="https://kawaii-lau.tumblr.com" target="_blank">2020 &copy; Coding by Kawaii-Lau</a>
    </div>

    <div style="color:white">
        <!-- Place "EDITED BY" here -->
    </div>

    </div>
    <br>
</div>