HTML Light Music Profile Code

<!---
Rules:

- Turn off WYSIWYG when editing
- Please, don't remove my credit
- Edit all you want
- Do not redistribute my codes
- Please fav if using
- Please feel free to post your work of my codes in the thread

Thank you!

MUSIC INSTRUCTION
Google Drive only
1) Click the paperclip icon and make sure the "Anyone with the link" is enabled
2) Copy a link like this (https://drive.google.com/file/d/XXXXXXXXXXXXXXXXXX/view?usp=sharing)
3) Copy the "X"s which is the ID file of your mp3
4) Replace the "X"s of this link---> (http://docs.google.com/uc?export=open&id=XXXXXXXXXXXXXXXXXX) with your previously copied ID file
5) Place the correct code in the src = ""

 --->



<!--- Description Section --->
    <div class="container-fluid text-center" style="border-radius: 30px;box-shadow: 3px 3px 13px rgb(128,132,135);filter: blur(0px);margin-top: 40px;width: 330px;background: linear-gradient(rgb(252,160,188), rgb(242,134,242) 54%, rgb(184,251,255) 100%);">
        <p style="font-size: 25px;padding-top: 20px;color: rgb(255,230,230);text-shadow: 2px 2px 0px rgb(0,162,173);">
          You're a Hit Song</p>
        <img class="rounded-circle" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1d7cf0ff-3689-44f3-94a5-ef5ccac7ca4e/debdgay-17daaf26-f19b-4577-8143-f77fb239effa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMWQ3Y2YwZmYtMzY4OS00NGYzLTk0YTUtZWY1Y2NhYzdjYTRlXC9kZWJkZ2F5LTE3ZGFhZjI2LWYxOWItNDU3Ny04MTQzLWY3N2ZiMjM5ZWZmYS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.bbUFopNA3-5AfbKF6ddUmXQ6mBT66wrKtfvkSA7WKek" style="width: 150px;max-width: 50%;">
        <p style="color: rgb(255,240,240);font-size: 12px;text-shadow: 1px 1px 4px rgb(249,108,108);">
            <br>Name | Age | Gender | Etc.<br>
            <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit nisi sed sollicitudin pellentesque.
            Nunc posuere purus rhoncus pulvinar aliquam. Ut aliquet tristique nisl vitae volutpat. Nulla aliquet
            porttitor venenatis.</p><br>

<!--- Music Section --->
        <div class="row">
            <div class="col">
                <audio controls="" style="opacity: 0.79;filter: saturate(74%);">
                    <source src="http://docs.google.com/uc?export=open&id=1U71x6aaWfJJPDSjaaeOvmtWQRDAMptxX" type="audio/mpeg">
                </audio></div>

<!--- Icons Section --->
            <div class="col d-xl-flex justify-content-xl-center align-items-xl-center" style="padding-top: 10px;padding-bottom: 20px;padding-left: 55px;">
                <a href = "URL HERE" target="_blank">
                  <i class="fas fa-star" style="cursor: pointer; font-size: 23px;letter-spacing: 30px;color: #fcc9c6;text-shadow: 2px 2px #00a2ad;"></i></a>
                <a href = "URL HERE" target="_blank">
                  <i class="fas fa-heart" style="cursor: pointer; font-size: 23px;letter-spacing: 30px;color: #fcc9c6;text-shadow: 2px 2px #00a2ad;"></i></a>
                <a href = "URL HERE" target="_blank">
                  <i class="fas fa-music" style="cursor: pointer; font-size: 23px;letter-spacing: 30px;color: #fcc9c6;text-shadow: 2px 2px #00a2ad;"></i></a>
            </div>
        </div>
    </div>

<!--- Credit Section Please don't remove! --->
    <a class="d-block text-muted text-center m-1" href="https://toyhou.se/thatalex" style="font-size:0.2em;letter-spacing: 3px; color: rgba(193,194,195,0.53);">Code by ThatAlex</a>

<!--- Remove only if you're going to change music --->
    <a class="d-block text-muted text-center m-1" href="https://www.cave.town/home" target="_blank" style="font-size:0.2em;letter-spacing: 3px; color: rgba(193,194,195,0.53);">Song by Cavetown</a>