March Sushi Cafe Roomintro

/roomintro <!-- scrolling images --> <div style="background-color: green"> <marquee loop="true" scrollamount="5" style="border: 2px solid green; background-image: url(https://i.imgur.com/m2bRmhu.jpg); padding: 0px; background-size: cover; height: 100px; background-position: bottom; 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(http://ajimenu.ca/wp-content/uploads/2016/06/3-3.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Salmon Rose"></div> <div class="cafe-image" style="background-image: url(https://asiatraveldeals.info/wp-content/uploads/2016/10/unagi-sushi.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Unagi sushi"></div> <div class="cafe-image" style="background-image: url(https://i.pinimg.com/originals/c2/71/f1/c271f13700b17421b1115932cedcb506.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Hamachi sushi"></div> <div class="cafe-image" style="background-image: url(http://www.makesushi.com/wp-content/uploads/2014/09/81J71OGAd-L._SL1500_.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Tuna sushi"></div> <div class="cafe-image" style="background-image: url(http://img12.deviantart.net/db72/i/2014/130/4/3/gunkan_maki_by_past1978-d7hulvo.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Gunkamaki sushi"></div> <div class="cafe-image" style="background-image: url(http://www.sushiflash.com.my/wp-content/uploads/2014/06/Ika-Sushi-Cuttlefish-Nigiri-RM3-700x460.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Ika sushi"></div> <div class="cafe-image" style="background-image: url(http://www.makesushi.com/wp-content/uploads/2015/02/tobikko-fliying-fish-roe.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Tobikko sushi"></div> <div class="cafe-image" style="background-image: url(https://s3-media3.fl.yelpcdn.com/bphoto/CpjNgT9rvrtjFX60sdE-Pg/o.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Tai sushi (red snapper)"></div> <div class="cafe-image" style="background-image: url(https://cdn.indonesiatunafactory.com/wp-content/uploads/2017/08/Bluefin-Tuna-Supplier-raw-Japanese-bluefin-sushi-1024x768.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Toro sushi"></div> <div class="cafe-image" style="background-image: url(http://www.sensuru-restaurant.co.uk/wp/wp-content/uploads/2015/04/23-Dish-12.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Hokkigai sushi"></div> <div class="cafe-image" style="background-image: url(http://www.thedeliciouslife.com/wp-content/plugins/hot-linked-image-cacher/upload/2.bp.blogspot.com/_6ViJQ8MWALY/R8eVUNCXlGI/AAAAAAAACB8/KlbcX-V3DOs/s400/kabuki_hirame_sushi.jpg);background-size: cover; display: inline-block; border: 1.5px dashed green; 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="Hirame sushi"></div> </marquee> <!-- table with the buttons --> <center> <table style="width: 100%; background-image: url(http://new-cloudfront.zekkei-japan.jp/images/spots/aflo_BDGA015266.jpg); background-size: cover; 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: lightblue; border: 1px solid cornsilk; 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: lightblue; border: 1px solid cornsilk; 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: lightblue; border: 1px solid cornsilk; 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: green; border-radius: 15px; padding: 3px; padding-bottom: 10px; border: 2px solid green; font-size: 8pt; box-shadow: inset 0 0 20px rgba(255,255,255,0.7), 0 0 20px rgba(255,255,255,0.8); color: cornsilk">“Sushi is something very exclusive. It is not like a McDonald's, not like a hot dog, not like a French fry. It's very high-class cooking in Japan.” - Nobu Matsuhisa</div> <div style="font-weight: bold; background: green; border-radius: 15px; padding: 3px; margin-top: -5px; border: 2px solid green; box-shadow: inset 0 0 20px rgba(255,255,255,0.7), 0 0 10px rgba(255,255,255,0.4); color: cornsilk;">Welcome to The Café!</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: lightblue; border: 1px solid cornsilk; 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: lightblue; border: 1px solid cornsilk; 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: lightblue; border: 1px solid cornsilk; 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>