Run ❯
Get your own website
❯Run Code Ctrl+Alt+R
Save Code Ctrl+Alt+A
Change Orientation Ctrl+Alt+O
Change Theme Ctrl+Alt+D
Go to Spaces Ctrl+Alt+P
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/w3css/5/w3.css"> <body> <div class="w3-container"> <h2>Tabbed Image Gallery</h2> <p>Click on the images below:</p> </div> <div class="w3-row-padding"> <div class="w3-col s3 w3-container"> <a href="javascript:void(0)" class="w3-hover-opacity" onclick="openImg('Nature');"> </a> </div> <div class="w3-col s3 w3-container"> <a href="javascript:void(0)" class="w3-hover-opacity" onclick="openImg('Snow');"> </a> </div> <div class="w3-col s3 w3-container"> <a href="javascript:void(0)" class="w3-hover-opacity" onclick="openImg('Mountains');"> </a> </div> <div class="w3-col s3 w3-container"> <a href="javascript:void(0)" class="w3-hover-opacity" onclick="openImg('Lights');"> </a> </div> </div><br> <div id="Nature" class="picture w3-display-container" style="display:none"> × <div class="w3-display-bottomleft w3-container w3-padding w3-text-white">Nature</div> </div> <div id="Snow" class="picture w3-display-container" style="display:none"> × <div class="w3-display-bottomleft w3-container w3-padding w3-text-white">Snow</div> </div> <div id="Mountains" class="picture w3-display-container" style="display:none"> × <div class="w3-display-bottomleft w3-container w3-padding w3-text-white">Mountains</div> </div> <div id="Lights" class="picture w3-display-container" style="display:none"> × <div class="w3-display-bottomleft w3-container w3-padding w3-text-white">Northern Lights</div> </div> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/edibu.js"></script> <script src="https://www.comfortsoftwaregroup.com/web/webmastertoolbag/tongji.js"></script></body> </html>