Scroll Banter RP HTML

<!--------------------------------
    SCROLL BANTER

    PLEASE EDIT WITH WYSIWYG TURNED OFF!
        i would highly recommend using circlejourney:
        https://th.circlejourney.net/

        i would also highly recommend checking out a
        beefier text editor such as Visual Code Studio
        (which is free, btw) as it has a VERY beefy
        find + replace functions, regex search functions,
        and color coding + autoformatting...

    COLORS THAT YOU CAN CTRL+FIND REPLACE WITH A #000000 HEX:
                   PAPER COLOR: #e1e1e1
                  BORDER COLOR: #ce8c25
               SPEAKER 1 COLOR: #aa1e1e
               SPEAKER 2 COLOR: #8d7227

    For dialogue, surround it with
    <span style="color: #COLOR;"> "DIALOGUE HERE" </span>
    You can replace the <i class=""></i> icons with anything
    from fontawesome: https://fontawesome.com/

--------------------------------->

<div class="mx-auto p-0" style="max-width: 800px;">

    <!-- start post -->
    <div class="p-md-4 p-3 mb-3"
         style="background-color: #e1e1e1; color: rgba(0,0,0,.75);
                border: 3px inset #ce8c25; border-radius: 1em;">
        <p class="text-uppercase mb-0" style="filter: opacity(70%); font-family: Palatino Linotype;">
            <i class="fas fa-tint"></i> Juni - Elisha
        </p>
        <hr class="my-2" style="border-color: #ce8c25;">
        <p>
            <span style="color:#aa1e1e;">"Lorem ipsum dolor sit amet,"</span> consectetur adipiscing elit. Quisque efficitur ligula laoreet, laoreet elit vel, dictum libero. Curabitur cursus finibus ornare. Etiam nisi dui, mollis at rhoncus nec, malesuada a velit. Ut pulvinar velit eget neque congue bibendum. Vestibulum auctor orci eget euismod hendrerit. Sed quis arcu quis urna faucibus tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam turpis ipsum, bibendum vitae eros quis, iaculis convallis est.
        </p>
        <p>
            Suspendisse pharetra ultrices lorem. Aenean molestie mauris non blandit pellentesque. Fusce sollicitudin pretium enim, a iaculis urna scelerisque in. Curabitur a urna id lectus cursus aliquam eu eget erat. Cras suscipit enim eget dictum sodales. Nulla ut pellentesque sapien, id maximus erat. Maecenas non massa at diam vehicula volutpat. Morbi ultricies purus a sem imperdiet congue.
        </p>
    </div>
    <!-- end post -->

    <!-- start post -->
    <div class="p-md-4 p-3 mb-3"
         style="background-color: #e1e1e1; color: rgba(0,0,0,.75);
                border: 3px inset #ce8c25; border-radius: 1em;">
        <p class="text-uppercase mb-0" style="filter: opacity(70%); font-family: Palatino Linotype;">
            <i class="fas fa-church"></i> Cory - Hastur</p>
        <hr class="my-2" style="border-color: #ce8c25;">
        <p>
            <span style="color: #8d7227;">"Aliquam dictum urna nisl,"</span> in lacinia eros finibus ut. Nulla elit lectus, ornare ut est sit amet, tempor sagittis elit. Vestibulum tempor ligula lacinia leo cursus fringilla. Nunc rutrum hendrerit volutpat. Curabitur dignissim suscipit dignissim. Suspendisse mattis condimentum sollicitudin. Quisque quis maximus ex. Etiam euismod massa mauris, vitae elementum arcu rutrum sit amet.
        </p>
    </div>
    <!-- end post -->

</div>