1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=8843224a-3682-4156-9bc8-d9dbb26f9bee 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9 10 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 11 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> 12 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> 13 <link rel="manifest" href="/site.webmanifest" /> 14 <!-- Compiled and minified CSS --> 15 <link 16 href="https://fonts.googleapis.com/icon?family=Material+Icons" 17 rel="stylesheet" 18 /> 19 <link 20 rel="stylesheet" 21 href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" 22 /> 23 <link rel="stylesheet" href="/css/style.css" /> 24 <link rel="stylesheet" href="css/responsive.css" /> 25 <title>Random Drink</title> 26 </head> 27 <body> 28 <main> 29 <div class="navbar-fixed"> 30 <nav> 31 <div class="nav-wrapper white"> 32 <a class='brand-logo center' href='/'> 33 <i id="glass-icon" class="material-icons hide-on-med-and-down" 34 >local_bar</i 35 > 36 Five O'Clock 37 <span class="hide-on-med-and-down">Somewhere</span></a 38 > 39 <a href="#" data-target="mobile-nav" class="sidenav-trigger right" 40 ><i class="material-icons hamburger">menu</i></a 41 > 42 <ul id="nav-mobile" class="right hide-on-med-and-down"> 43 <li><a href='/random'>RANDOM</a></li> 44 <li><a href='/popular'>POPULAR</a></li> 45 </ul> 46 </div> 47 </nav> 48 </div> 49 50 <!-- Side Navigation HTML --> 51 <ul class="sidenav" id="mobile-nav"> 52 <li><a href='/'>Home</a></li> 53 <li><a href='/popular'>Popular</a></li> 54 <li><a href='/random'>Random Drink</a></li> 55 </ul> 56 57 <div class="container"> 58 <div class="random-container"> 59 <h1 class="random-header flow-text"></h1> 60 <img src="#" alt="Random Drink Image" class="random-image" /> 61 <div class="ingredients"> 62 <h3 class="flow-text">Ingredients</h3> 63 <ul class="ingredient-list"></ul> 64 </div> 65 <div> 66 <h3 class="flow-text">Instructions</h3> 67 <ol class="instructions"></ol> 68 </div> 69 <a class='waves-effect waves-light btn btn-small' href='/random'>Another Random Drink</a 70 > 71 </div> 72 </div> 73 <footer class="page-footer"> 74 <div class="container"> 75 <div class="row"> 76 <div class="col l6 s12"> 77 <h5 class="white-text">Five o'clock Somewhere</h5> 78 <p class="grey-text text-lighten-4"> 79 Powered by 80 <a 81 href="http://www.thecocktaildb.com" 82 target="_blank" 83 class="white-text" 84 >The Cocktail Database</a 85 > 86 </p> 87 </div> 88 <div class="col l4 offset-l2 s12"> 89 <h5 class="white-text">Popular Links</h5> 90 <ul> 91 <li> 92 <a class='grey-text text-lighten-3' href='/'>Home</a> 93 </li> 94 <li> 95 <a class='grey-text text-lighten-3' href='/random'>Random Drink</a 96 > 97 </li> 98 <li> 99 <a class='grey-text text-lighten-3' href='/popular'>Popular Drinks</a 100 > 101 </li> 102 </ul> 103 </div> 104 </div> 105 </div> 106 <div class="footer-copyright"> 107 <div class="container center">© 2025 5o'Clock Somewhere</div> 108 </div> 109 </footer> 110 </main> 111
111<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
111 112
112<script src="js/main.js"></script>
112 113 </body> 114</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.