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=079f9ab3-548a-4dcb-b0e6-850109751fb8 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 9 10 <title>Find My Brewery</title> 11 12 <!-- external CSS link --> 13 <link rel="stylesheet" href="css/normalize.css"> 14 <link rel="stylesheet" href="css/style.css"> 15 </head> 16 <body> 17 18 <main> 19 <h1>Find My Brewery</h1> 20 <h3>Search for breweries in your area! To get started select your state and city</h3> 21 <!--Dropdown Selector with all of the states --> 22 <section class = "states"> 23 <label for="state">Enter a State name</label> 24 <select name="state" id="state"> 25 <option value="" selected="selected">Select a State</option> 26 <option value="Alabama">Alabama</option> 27 <option value="Alaska">Alaska</option> 28 <option value="Arizona">Arizona</option> 29 <option value="Arkansas">Arkansas</option> 30 <option value="California">California</option> 31 <option value="Colorado">Colorado</option> 32 <option value="Connecticut">Connecticut</option> 33 <option value="Delaware">Delaware</option> 34 <option value="District Of Columbia">District Of Columbia</option> 35 <option value="Florida">Florida</option> 36 <option value="Georgia">Georgia</option> 37 <option value="Hawaii">Hawaii</option> 38 <option value="Idaho">Idaho</option> 39 <option value="Illinois">Illinois</option> 40 <option value="Indiana">Indiana</option> 41 <option value="Iowa">Iowa</option> 42 <option value="Kansas">Kansas</option> 43 <option value="Kentucky">Kentucky</option> 44 <option value="Louisiana">Louisiana</option> 45 <option value="Maine">Maine</option> 46 <option value="Maryland">Maryland</option> 47 <option value="Massachusetts">Massachusetts</option> 48 <option value="Michigan">Michigan</option> 49 <option value="Minnesota">Minnesota</option> 50 <option value="Mississippi">Mississippi</option> 51 <option value="Missouri">Missouri</option> 52 <option value="Montana">Montana</option> 53 <option value="Nebraska">Nebraska</option> 54 <option value="Nevada">Nevada</option> 55 <option value="New Hampshire">New Hampshire</option> 56 <option value="New Jersey">New Jersey</option> 57 <option value="New Mexico">New Mexico</option> 58 <option value="New York">New York</option> 59 <option value="North Carolina">North Carolina</option> 60 <option value="North Dakota">North Dakota</option> 61 <option value="Ohio">Ohio</option> 62 <option value="Oklahoma">Oklahoma</option> 63 <option value="Oregon">Oregon</option> 64 <option value="Pennsylvania">Pennsylvania</option> 65 <option value="Rhode Island">Rhode Island</option> 66 <option value="South Carolina">South Carolina</option> 67 <option value="South Dakota">South Dakota</option> 68 <option value="Tennessee">Tennessee</option> 69 <option value="Texas">Texas</option> 70 <option value="Utah">Utah</option> 71 <option value="Vermont">Vermont</option> 72 <option value="Virginia">Virginia</option> 73 <option value="Washington">Washington</option> 74 <option value="West Virginia">West Virginia</option> 75 <option value="Wisconsin">Wisconsin</option> 76 <option value="Wyoming">Wyoming</option> 77 </select> 78 </section> 79 80 81 <!--City Selector which will be populated with city options upon the user selecting a state in the State Selector --> 82 <section class = "cities"> 83 <label for="city">Enter a City name</label> 84 <select name="city" id="city"> 85 <option value="starter" selected="selected" id="city-starter-option">Select a State first</option> 86 </select> 87 </section> 88 89 <section class="search-button"> 90 <button type="button" name="button" id="city-search">Beer Me!</button> 91 </section> 92 93 <section class="main-image"> 94 <img src="img/beer.jpg" alt="a picture of a full beer mug"> 95 </section> 96 97 <section class="type-section"> 98 <h3>Important info for types of breweries</h3> 99 <div class="list-box"> 100 <ul class="type-list"> 101 <li>Micro - Most craft breweries. For example, Samual Adams is still considered a micro brewery</li> 102 <li>Nano - An extremely small brewery which typically only distributes locally.</li> 103 <li>Regional - A regional location of an expanded brewery. Ex. Sierra Nevadaâs Asheville, NC location.</li> 104 <li>Brewpub - A beer-focused restaurant or restaurant/bar with a brewery on-premise</li> 105 <li>Planning - A brewery in planning or not yet opened to the public</li> 106 <li>Contract - A brewery that uses another breweryâs equipment.</li> 107 <li>Proprietor - Similar to contract brewing but refers more to a brewery incubator</li> 108 <li>Closed - A location which has been closed.</li> 109 </ul> 110 </div> 111 </section> 112 </main> 113 114 <section> 115 <table id="brewery-table"> 116 <tr> 117 <th>
117Name</th> 118 <th>Type</th> 119 <th>Street</th> 120 <th>State</th> 121 <th>City</th> 122 <th>Website</th> 123 </tr> 124 </table> 125 </section> 126 127 128 129
129<script type="text/javascript" src="js/main.js"></script>
129 130 </body> 131</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.