February Café Roomintro

/roomintro <!-- scrolling images --> <div style="background-color: red"> <marquee loop="true" scrollamount="5" style="border: 2px solid red; background-image: url(https://i.imgur.com/U7du34q.jpg); padding: 0px; background-size: cover; height: 100px; background-position: 50% 40%; padding-bottom: 0px; border-bottom: none"> <!-- image reference <div class="cafe-image" style="background-image: url();" title=""></div> --> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/1_1_orig.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Key Lime Cream Poke Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/2_3.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Pumpkin Fluff Icebox Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/3_2.jpg); background-position: top;background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Valentines Drip Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/4_3.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Fresh Berry Vanilla Layered Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/5_2.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Layered Wedding Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/6_1.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Strawberry Chocolate Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/7_1.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Mini Ombre Cakes"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/8_1.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Red Velvet Layered Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/9_1.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Lemon Coconut Cake"></div> <div class="cafe-image" style="background-image: url(https://cafelewows.weebly.com/uploads/4/2/4/0/42404019/10_1.jpg);background-size: cover; display: inline-block; border: 1.5px dashed rgb(255, 96, 96); box-shadow: white 0px 0px 50px inset; background-repeat: no-repeat; background-position: center center; height: 92px; width: 120px; margin-top: 2px; border-radius: 5px;" title="Chocolate Lava Cake"></div> </marquee> <!-- table with the buttons --> <center> <table style="width: 100%; background: linear-gradient(to right, #FCC8C8, white, #FCC8C8, indianred, red, red, indian red, #FCC8C8, white, #FFC8C8); padding-top: 0px"> <tbody><tr> <!-- Column 1: rules, site and theme --> <td style="width: 25%"> <a href="https://cafelewows.weebly.com/rules.html"><button style="color: rgb(252, 200, 200); border: 1px solid red; border-radius: 7px; background-color: indianred; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px inset, rgba(255, 0, 0, 0.5) 0px 0px 100px;">Rules</button></a><br> <a href="https://cafelewows.weebly.com/"><button style="color: rgb(252, 200, 200); border: 1px solid red; border-radius: 7px; background-color: indianred; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px inset, rgba(255, 0, 0, 0.5) 0px 0px 100px;">Website</button></a><br> <a href="https://cafelewows.weebly.com/theme.html"><button style="color: rgb(252, 200, 200); border: 1px solid red; border-radius: 7px; background-color: indianred; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px inset, rgba(255, 0, 0, 0.5) 0px 0px 100px;">Theme</button></a> </td> <!-- Center Column: welcome and quote --> <td style="text-align: center"> <div style="font-style: italic; background: #FF6666; border-radius: 15px; padding: 3px; padding-bottom: 10px; border: 1px solid red; font-size: 8pt; box-shadow: inset 0 0 20px rgba(255,255,255,0.7), 0 0 20px rgba(255,255,255,0.8);">To make your cake lighter, try gently using a balloon whisk to mix your ingredients! The air pockets in the mix keeps the cake light and soft!</div> <div style="font-weight: bold; background: #FF9090; border-radius: 15px; padding: 3px; margin-top: -5px; border: 1px solid red; box-shadow: inset 0 0 20px rgba(255,255,255,0.4), 0 0 10px rgba(255,255,255,0.4);">Welcome to Café le Wow!</div> </td> <!-- Column 3: article, foodmons link and beginner tips. --> <td style="text-align: right; width: 25%"> <a href="http://www.smogon.com/articles/behind-the-kitchen"><button style="color: rgb(252, 200, 200); border: 1px solid red; border-radius: 7px; background-color: indianred; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px inset, rgba(255, 0, 0, 0.5) 0px 0px 100px;">Article</button></a><br> <a href="http://www.smogon.com/forums/threads/cafe-le-wow-foodmons-wip.3626213/"><button style="color: rgb(252, 200, 200); border: 1px solid red; border-radius: 7px; background-color: indianred; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px inset, rgba(255, 0, 0, 0.5) 0px 0px 100px;">Foodmons</button></a><br> <a href="https://docs.google.com/document/d/e/2PACX-1vT4wuf0CBSpr3Zyuv6KZCcquEUFuABt1XfLsE1SZYddtnfWrDQwpbMcARtGt4A7x5jTVVvg7aLjI3zS/pub"><button style="color: rgb(252, 200, 200); border: 1px solid red; border-radius: 7px; background-color: indianred; padding: 3px; width: 125px; margin-bottom: 2px; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 20px inset, rgba(255, 0, 0, 0.5) 0px 0px 100px;">Beginner Tips</button></a> </td> </tr> </tbody></table> </center> </div>