<!-- <p style="text-align: center; font-family: Arial, sans-serif; /* change the font */ font-size: 16px; /* adjust the font size */ border-radius: 5px; padding: 10px; display: block; color: #ffffff; background-color: #ff1947;"><strong style="color: #ffd119;">IMPORTANT</strong>: I’m gradually building stock for GLO rings. Some sizes are ready to ship immediately, while others are still a few batches away from being in stock. For <strong style="color: #ffd119;">PRE-ORDER</strong> rings, it takes about a month to make a new batch. <strong style="color: #ffd119;">Please don't place an order if you can't wait.</strong> Thank you for understanding!</p> --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* body { background: #303030; margin: 0; padding: 2em; } */ .dynamic-sections { overflow-x: visible !important; } .gotham-regular { color: #fff; font-family: "Gotham Book", sans-serif; font-weight: 300 !important; } .gotham-regular-description { color: #fff; font-family: "Gotham Book", sans-serif; font-weight: 300 !important; font-size: 12px; } .main-container { display: flex; width: 100%; background-color: green; height: 50%; } .item-1 { background-color: red; width: 100%; } .item-2 { background-color: blue; margin: 10px; } .item-3 { background-color: blue; margin: 10px; } .video-2 { width: 100%; height: auto; border-radius: 3px; } .image-3 { width: 100%; height: auto; display: block; border-radius: 3px; padding-bottom: 10px; margin-bottom: 0 !important; } .wrapper-top { display: flex; flex-flow: row wrap; text-align: center; font-weight: 300; color: #fff; border-radius: 3px; } .wrapper-top p { font-size: 17.5px; } .wrapper-top > * { flex: 1 100%; } .gotham-bold-glow { font-family: "Gotham", sans-serif; /* text-shadow: 0 4px px #ffd119; */ color: #ffd119; font-size: 30px; } .gotham-bold-glow-body { font-family: "Gotham", sans-serif; /* text-shadow: 0 4px px #ffd119; */ color: #ffd119; /* font-size: 20px; */ } .gotham-bold-glow-body-1 { font-family: "Gotham", sans-serif; /* text-shadow: 0 4px px #ffd119; */ color: #C92B47; /* font-size: 20px; */ } .header-top { /* text-align: left; */ display: flex; flex-wrap: wrap; justify-content: space-between; /* background-color: magenta; */ font-style: italic; } .description-1 { /* background-color: blue; */ text-align:justify; width: 300px; /* margin-left: 30px; margin-right: 30px; */ } .description-2 { /* background-color: green; */ text-align: justify; width: 300px; /* margin-left: 30px; margin-right: 30px; */ } .footer-top { margin-left: 10rem; margin-right: 10rem; margin-top: 1rem; } .main-top { text-align: center; padding: 10px; font-family: "Gotham Book", sans-serif; overflow: hidden; } .image-top { width: 100%; } .image-footer { width: 50%; } .aside-1 { border-radius: 3px; font-family: "Gotham Book", sans-serif; } .text-top { padding: 10px; text-align: left; } .text-top-header { display: inline-block; text-align: center; background-color: red; } .text-1 { text-align: left; padding: 5px; } .text-2 { text-align: right; padding: 5px; } .aside-2 { font-family: "Gotham Book", sans-serif; } @media all and (min-width: 600px) { .aside { flex: 1 0 0; } } @media all and (min-width: 800px) { .main-top { flex: 1 0px; } .aside-1 { order: 1; } .main-top { order: 2; } .aside-2 { order: 3; } .footer-top { order: 4; } } @media only screen and (max-width: 798px) { .is-hidden-mobile-only { display: none !important; } .text-1 { text-align: center; } .text-2 { text-align: center; } .main-top { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 10px; } .footer-top { margin-left: 0; margin-right: 0; margin-top: 1rem; } } #customers { font-family: Arial, Helvetica, sans-serif; color: #fff; border-collapse: collapse; width: 100%; } #customers td, #customers th { border: 1px solid #5b4e01; padding: 8px; } #customers tr:nth-child(even){background-color: #121212;} /* #customers tr:hover {background-color: #ddd;} */ #customers th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #04AA6D; color: white; } .gotham-bold-glow-custom { color: #8b6ad5; font-family: "Gotham", sans-serif; text-shadow: 1px 1px 5px #8b6ad5, /* A soft purple glow for a subtle effect */ -1px -1px 5px #00fffe, /* A mirrored shadow in teal for depth */ 1px 1px 10px #00fffe; /* A brighter teal for a more pronounced glow */ } @keyframes flickerAnimation { 0% { text-shadow: 1px 1px 5px #8b6ad5; } 50% { text-shadow: 1px 1px 10px #00fffe; } 100% { text-shadow: 1px 1px 5px #8b6ad5; } } .ancient-glo-custom { color: #8b6ad5; /* The base color for the text, a bright glowing green */ font-family: 'Gotham', sans-serif; animation: flickerAnimation 1.5s infinite alternate; } </style> <div class="wrapper-top"> <header class="header-top"> </header> <div class="main-top"> <video class="video-2" src="https://cdn.shopify.com/videos/c/o/v/ef33158aeb634bb9ad00c9349226637a.mp4" loop="loop" playsinline="" autoplay="autoplay" muted=""></video> <p class="text-top"> The <strong class="gotham-bold-glow-custom ancient-glo-custom">Electric Purple</strong> ring, forged in the hidden realms where lightning meets lavender twilight, captures the essence of thunderous skies. This mystical band is imbued with the energy of the storm gods themselves, its surface swirling with ancient runes that glow with a potent, electric purple light in the shroud of night. Legend holds that wearing it connects you to the celestial dramas of old, where every flash of its radiant light whispers tales of divine power and eternal mysteries. Don the <strong class="gotham-bold-glow-custom ancient-glo-custom">Electric Purple</strong> and carry the storm's legacy on your finger. </p> <img class="image-3" src="https://cdn.shopify.com/s/files/1/1197/3550/files/Electric_Purple_2.jpg?v=1715709082" style="float: none"> </div> <aside class="aside aside-1"> <p class="text-1"> <br><strong class="gotham-bold-glow">All of our rings are handmade.</strong><br><br> <strong class="gotham-bold-glow-body">GLO</strong> rings are made from a mixture of resin and phosphorus glow powder. The glow will remain visible for several hours after it's charged. <strong class="gotham-bold-glow-body"> Don't expect the glow to maintain its peak brightness for hours on end—it naturally dims over time.</strong> While our rings can glow as vividly as depicted in videos, their luminance gently fades until recharged with light. We encourage you to read about how this captivating process works. The real enchantment unfolds when you step from the sun's embrace into the shade indoors—that's when you'll witness the magical glow of our rings. <strong class="gotham-bold-glow-body">Direct sunlight or UV flashlight are the best!</strong></p> <video class="video-2" src="https://cdn.shopify.com/videos/c/o/v/d4e505352f2c47619d1f88fd26d695cd.mp4" loop="loop" playsinline="" autoplay="autoplay" muted=""></video> <!-- <img class="image-3" src="https://cdn.shopify.com/s/files/1/1197/3550/files/Autumn_on_hand_3.jpg?v=1672953519" style="float: none"> --> </aside> <aside class="aside aside-2"> <p class="text-2"> <br><strong class="gotham-bold-glow">Durable &amp; Waterproof</strong><br><br> Wear it every day and everywhere. Wear it at your next moonlit pool party!</p> <img class="image-3" src="https://cdn.shopify.com/s/files/1/1197/3550/files/GLO_Drawing.jpg?v=1673023211" style="float: none"> <img class="image-3" src="https://cdn.shopify.com/s/files/1/1197/3550/files/Electric_Purple_1.jpg?v=1715709082" style="float: none"> </aside> <footer class="footer-top gotham-regular"> <strong class="gotham-bold-glow">Tribute To Yourself, Not To Fashion</strong> <p><strong class="gotham-bold-glow-body">GLO Rings</strong> are as much a reflection of your individual identity as they are a <strong class="gotham-bold-glow-body">one-of-a-kind art piece</strong>. They contain your memories and your dreams. Each ring in your collection is yours alone with the meaning that you choose to assign it.</p> </footer> </div> <br> <header class="header-top"> <table id="customers"> <tr> <td>Product Type</td> <td>GLO (glow in the dark ring)</td> </tr> <tr> <td>Product Name</td> <td>Electric Purple</td> </tr> <tr> <td>Product Category</td> <td>Ring</td> </tr> <tr> <td>Material(s)</td> <td>Paint, Resin, Glow Powder</td> </tr> <tr> <td>Weight</td> <td>3 g</td> </tr> <tr> <td>Coating/Plating</td> <td>Resin</td> </tr> <tr> <td>Dimensions</td> <td>R 23-28 mm | W 8 mm </td> </tr> <tr> <td>Designed by</td> <td>Secret Woods, Canada</td> </tr> </table> </header>