solutions_to_webscraping_workshop.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {
    "colab_type": "text",
    "id": "view-in-github"
   },
   "source": [
    "<a href=\"https://colab.research.google.com/github/samifriedrich/webscraping_workshop/blob/main/solutions_to_webscraping_workshop.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "GRa_1D3KYaqm"
   },
   "source": [
    "# Web Scraping in python: From HTML Soup to Tidy Data\n",
    "\n",
    "Thursday, Nov 19, 2020\n",
    "\n",
    "[BioData Club](https://biodata-club.github.io/) Workshop Series\n",
    "\n",
    "- Author: Sami Friedrich\n",
    "- Created: Nov 11, 2020\n",
    "- Updated Nov 19, 2020\n",
    "- Libraries used:\n",
    "  - `requests`\n",
    "  - `BeautifulSoup4`\n",
    "  - `pandas`\n",
    "- Additional tools used:\n",
    "  - the browser Inspector/Inspect tool\n",
    "\n",
    "\n",
    "## Workshop overview\n",
    "The internet is overflowing with data ripe for harvesting. The challenge is that not all of that data is formatted neatly or easily accessible. Enter the web scraping multitool! With the power of web scraping, the contents of virtually any webpage can be transformed into analysis-ready data. During this workshop, you’ll learn using python how to:\n",
    " \n",
    "1. Scavenge the contents of an HTML webpage\n",
    "2. Extract only the data you want\n",
    "3. Format the data into a table\n",
    "\n",
    "### Before we get started\n",
    "1. Some basic python knowledge (looping through list elements, passing arguments to functions, writing basic functions) is a prerequisite for this workshop. \n",
    "  - If you are new to python or want to brush up on these topics before the workshop, check out these free tutorials:\n",
    "    - http://introtopython.org/introducing_functions.html\n",
    "    - http://introtopython.org/lists_tuples.html#Lists-and-Looping\n",
    "2. We will also be working with HTML, and no prior experience is necessary.  However, it will be helpful to have a surface-level understanding of HTML elements - namely, their open/close tag structure, and how they nest within each other.\n",
    "  - If you are not familiar with HTML elements or tags, please take a look at [this short overview on HTML Basics](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics) before beginning."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "4khpJzLdfpCq"
   },
   "source": [
    "## Intro to Jupyter Notebooks\n",
    "We'll be working through exercises in a [Jupyter Notebook](https://jupyter.org/) hosted on Google CoLabs. A Jupyter Notebook is a coding environment that contains two types of cells - cells with narrative/explanation, like this one you're reading now, and cells with executable code, like the next cell down. Run the code in the cell below by clicking on the cell and pressing the \"play\" button to the left of the cell, or typing `SHIFT+ENTER`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "H55kCttA2RWy",
    "outputId": "979fccbf-b051-4600-ad1c-5afb9c5a736b"
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Welcome to web scraping\n"
     ]
    }
   ],
   "source": [
    "# This is a comment and will not affect the output\n",
    "# Run this code cell\n",
    "message = \"Welcome to web scraping\"\n",
    "print(message)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "0GDiOhbf2qh0"
   },
   "source": [
    "The output of a code cell is displayed below it - in this case, the output is the printed string `Welcome to web scraping`. \n",
    "\n",
    "### A note on printing vs displaying in Notebooks\n",
    "Usually in python environments you need to use the `print()` function to see the contents of a variable. One nice feature of Jupyter Notebooks is a shortcut where you simply type the name of the variable to display it below the code cell. \n",
    "\n",
    "### Exercise: Display a variable in a Jupyter Notebook\n",
    "In the cell below, type the variable `message` on the second line and run the cell."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 35
    },
    "id": "dgp2BVgx3rDG",
    "outputId": "a5485ac9-47f8-4a82-c17f-3964e0532ce0"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'Welcome to web scraping'"
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "message = \"Welcome to web scraping\"\n",
    "# Write your code here\n",
    "message"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "G99Z0vP7Yaqs"
   },
   "source": [
    "That's all you need to know about notebooks for today, but head over to [Jupyter Project](https://jupyter.org/) to learn more.\n",
    "\n",
    "# Step 1: Loading the webpage HTML into python\n",
    "\n",
    "## 1.1 Sending a GET request\n",
    "\n",
    "First, we need to get a webpage's HTML into our python environment. We can do that using the `requests` library.\n",
    "\n",
    "Whenever you type a URL into your browser bar or click a link, your browser makes what is called a `GET` request to the web server hosting the webpage. What your browser receives back from the server is the information and resources to load that webpage, including the HTML, which it then renders in your browser window.\n",
    "\n",
    "We can use the `requests` library to send `GET` requests from within python.\n",
    "\n",
    "### Exercise 1.1.1: Make a GET request using the `requests` library\n",
    "Run the code block below by hitting the \"Run\" button, or pressing SHIFT+RETURN."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "wP3s237rYaqt",
    "outputId": "25162771-4bc1-4c33-9918-30c85010b9e4"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<Response [200]>"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Run this code cell\n",
    "import requests\n",
    "url = \"http://dataquestio.github.io/web-scraping-pages/simple.html\"\n",
    "page = requests.get(url)\n",
    "page"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "QUoTd0FFYaq3"
   },
   "source": [
    "What we get back is a Response object, which when printed displays a `status_code` that tells us how our request was handled. A status code of 200 means everything went smoothly and the webpage data was received. \n",
    "\n",
    "You're probably familiar with error codes like \"404\" - the \"not found error.\" We won't get into these other codes today but you can read more about them [here](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes)."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "IoZ6rmN1Yaq4"
   },
   "source": [
    "### Exercise 1.1.2: Extract the HTML from the `page` object\n",
    "Take a look at the methods available to the `page` variable by typing `page.` and scrolling through the list in the pop-up box. **Pay particular attention to the methods with the blue box symbol.** Try running one of these on the `page` variable. Experiment until you find a method that outputs something that looks like the page's HTML, and assign the output to a variable named `contents`.\n",
    "\n",
    "*Hint: The HTML should have the word \"doctype\" towards the top*"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "LIaWaETYYaq4",
    "outputId": "b0095661-18ff-40dd-bfee-87ca539d1fc7"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "b'<!DOCTYPE html>\\n<html>\\n    <head>\\n        <title>A simple example page</title>\\n    </head>\\n    <body>\\n        <p>Here is some simple content for this page.</p>\\n    </body>\\n</html>'"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Experiment here by trying out different methods on the page object\n",
    "# Write your code here\n",
    "contents = page.content\n",
    "contents"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "RON4UJyLYaq8"
   },
   "source": [
    "Now we have the tools we need from the `requests` library to retrieve a webpage, extract the HTML, and save it as a variable in our python environment."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "o4DuLlu9Yaq9"
   },
   "source": [
    "## 1.2 Our business case: \"One of your favorite beers is on tap!\"\n",
    "\n",
    "Let's pretend you're on a developer team that is working to build an app for beer enthusiasts. The team wants to design a feature that sends a notification to the user whenever a beer from the user's favorite beer list pops up on tap around town. It's your job as the PDX Data Wrangler to gather data about what's on tap at bars around Portland.\n",
    "\n",
    "To achieve this goal, the data we need to capture for each bar is:\n",
    "- the name of the beers on tap\n",
    "- the name of the breweries for those beers\n",
    "\n",
    "We'll start by choosing one bar to build our scraper around: Belmont Station. \n",
    "\n",
    "It just so happens that Belmont Station uses a service, TapHunter, to display their rotating tap list on their [bar's website](https://www.belmont-station.com/on-tap). This tap list is also available on [TapHunter](https://www.taphunter.com/location/belmont-station/6549318358269952), as are tap lists from other bars. \n",
    "\n",
    "We could scrape either the bar's page, or the TapHunter page. The benefit of designing our web scraper around the TapHunter page is that we're able to **reuse our code to scrape data for multiple bars** from TapHunter. \n",
    "\n",
    "\n",
    "### Exercise 1.2: Load in the HTML for Belmont Station's Taphunter page\n",
    "\n",
    "To avoid overloading the web servers over at TapHunter and ensure we're all looking at the exact same HTML, I downloaded the HTML of Belmont Station's TapHunter page this morning (Nov 19), then uploaded that .html file to a GitHub repository. Because this .html file is still a webpage (now hosted on GitHub servers), we can use the same approach we did above to retrieve its HTML. \n",
    "\n",
    "Using the `requests` library method we learned above, retrieve the webpage from the URL below, and save the HTML content to a variable named `contents`. Display the `contents` variable by typing it on the last line of your code block, then run the code."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "LEzd9sqVpVSG",
    "outputId": "40c81983-6739-47e6-f5f1-e5082656ad1e"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "b'b\\'\\\\n\\\\n\\\\n\\\\n\\\\n\\\\n<!DOCTYPE html>\\\\n<html lang=\"en\"><head prefix=\"og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#\"><meta charset=\"utf-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><meta property=\"fb:app_id\" content=\"132562649599\" /><meta name=\"twitter:app:country\" content=\"US\" /><meta name=\"twitter:app:name:iphone\" content=\"TapHunter - Find Beer, Spirits, & More\" /><meta name=\"twitter:app:id:iphone\" content=\"512023104\" /><meta name=\"twitter:app:name:googleplay\" content=\"TapHunter\" /><meta name=\"twitter:app:id:googleplay\" content=\"com.taphunter.webbased\" /><meta itemprop=\"market\" content=\"annarbor\" /><meta name=\"description\" content=\"Live drink menu of Belmont Station - including Russian River Pliny The Elder, 2 Towns Ciderhouse Easy Squeezy, and Barley Brown&#39;s Pallet Jack IPA\"><link rel=\"canonical\" href=\"https://www.taphunter.com/location/belmont-station/6549318358269952\" /><meta property=\"og:url\" content=\"https://www.taphunter.com/location/belmont-station/6549318358269952\" /><meta property=\"og:title\" content=\"Belmont Station Bottle Shop, On-Premise in Portland - Menu\" /><meta property=\"og:description\" content=\"Live menu of Belmont Station - including Russian River Pliny The Elder, 2 Towns Ciderhouse Easy Squeezy, and Barley Brown&#39;s Pallet Jack IPA\" /><meta property=\"og:updated_time\" content=\"2020-11-18\" /><meta name=\"twitter:card\" content=\"summary\" /><meta name=\"twitter:site\" content=\"@taphunter\" /><meta name=\"twitter:title\" content=\"Follow Belmont Station on TapHunter\" /><meta name=\"twitter:description\" content=\"See Belmont Station\\\\\\'s drink menu and follow them to stay up to date with their list.\" /><meta name=\"twitter:image\" content=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s750\" /><meta itemprop=\"location-key\" content=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\" /><meta itemprop=\"location-id\" content=\"6549318358269952\" /><script type=\"application/ld+json\">\\\\n\\\\t\\\\t{\\\\n \"@context\": \"http://schema.org\", \\\\n \"@type\": \"BarOrPub\", \\\\n \"address\": \"4500 SE Stark St, Portland, OR\", \\\\n \"description\": \"Since its founding in 1997, Belmont Station has become Portland\\\\\\'s premier beer destination. The bottleshop features 1,200+ bottles that have been thoughtfully selected, meticulously rotated, and properly stored under UV-filtered light to maintain the freshest selection of beer in the region.\\\\\\\\r\\\\\\\\nThe Taproom features 22 rotating taps and a cask \\\\\\\\\"beer engine\\\\\\\\\" pouring world-class brew on the cleanest draft system in Portland. Join us, and find out why we\\\\\\'re the most award winning beer spot in the Northwest!\", \\\\n \"geo\": \"45.5191167,-122.615905\", \\\\n \"logo\": \"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\", \\\\n \"name\": \"Belmont Station\", \\\\n \"telephone\": \"(503) 232-8538\", \\\\n \"url\": \"https://www.taphunter.com/location/belmont-station/6549318358269952\"\\\\n}\\\\n\\\\t</script><meta property=\"og:image\" content=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s750?fbrefresh=2020-11-18\"/><title>Belmont Station - Bottle Shop, On-Premise in Southeast Portland, Portland - Menu - TapHunter</title><script src=\"//use.typekit.net/oge1rtx.js\"></script><script>try{Typekit.load();}catch(e){}</script><script>\\\\n\\\\t\\\\t\\\\twindow.GEOPOINT = {\\\\n\\\\t\\\\t\\\\t\\\\tlat: 42.2734,\\\\n\\\\t\\\\t\\\\t\\\\tlng: -83.7133\\\\n\\\\t\\\\t\\\\t};\\\\n\\\\t\\\\t</script><link href=\"/static/collected/publicweb.4f9daa2d25dc.css\" rel=\"stylesheet\" type=\"text/css\"><link rel=\"apple-touch-icon\" href=\"/static/images/appicons/appicon-60.png\"><link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"/static/images/appicons/appicon-76.png\"><link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"/static/images/appicons/appicon-60@2x.png\"><link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"/static/images/appicons/appicon-76@2x.png\"><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\\\\\\'gtm.start\\\\\\':\\\\nnew Date().getTime(),event:\\\\\\'gtm.js\\\\\\'});var f=d.getElementsByTagName(s)[0],\\\\nj=d.createElement(s),dl=l!=\\\\\\'dataLayer\\\\\\'?\\\\\\'&l=\\\\\\'+l:\\\\\\'\\\\\\';j.async=true;j.src=\\\\n\\\\\\'https://www.googletagmanager.com/gtm.js?id=\\\\\\'+i+dl;f.parentNode.insertBefore(j,f);\\\\n})(window,document,\\\\\\'script\\\\\\',\\\\\\'dataLayer\\\\\\',\\\\\\'GTM-NNT2DX\\\\\\');</script><!-- End Google Tag Manager --><script src=\"https://www.google.com/recaptcha/api.js\"></script></head><body><!-- Google Tag Manager (noscript) --><noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-NNT2DX\"\\\\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript><!-- End Google Tag Manager (noscript) --><script>\\\\n\\\\tfb_refresh_on_auth_login = false;\\\\n\\\\twindow.fbAsyncInit = function() {\\\\n\\\\t\\\\tFB.init({appId: \\\\\\'132562649599\\\\\\'\\\\n\\\\t\\\\t\\\\t, version: \\\\\\'v2.0\\\\\\'\\\\n\\\\t\\\\t\\\\t, status: true\\\\n\\\\t\\\\t\\\\t, cookie: true\\\\n\\\\t\\\\t\\\\t, xfbml: true});\\\\n\\\\t\\\\tFB.Event.subscribe(\\\\\\'auth.logout\\\\\\', function(response) {\\\\n\\\\t\\\\t\\\\twindow.location.reload();\\\\n\\\\t\\\\t});\\\\n\\\\t\\\\tFB.Event.subscribe(\\\\\\'auth.login\\\\\\', function(response) {\\\\n\\\\t\\\\t\\\\t// If we\\\\\\'re using the \"login\" button then we want to refresh the page.\\\\n\\\\t\\\\t\\\\t// If we\\\\\\'re just updating a javascript auth token then we can pass that through ajax.\\\\n\\\\t\\\\t\\\\tif (fb_refresh_on_auth_login) {\\\\n\\\\t\\\\t\\\\t\\\\tfacebookLoginRedirect();\\\\n\\\\t\\\\t\\\\t} else {\\\\n\\\\t\\\\t\\\\t\\\\tfacebookRefreshToken();\\\\n\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t});\\\\n\\\\t};\\\\n\\\\t(function(d){\\\\n\\\\t\\\\tvar js, id = \\\\\\'facebook-jssdk\\\\\\'; if (d.getElementById(id)) {return;}\\\\n\\\\t\\\\tjs = d.createElement(\\\\\\'script\\\\\\'); js.id = id; js.async = true;\\\\n\\\\t\\\\tjs.src = \"//connect.facebook.com/en_US/sdk.js\";\\\\n\\\\t\\\\td.getElementsByTagName(\\\\\\'head\\\\\\')[0].appendChild(js);\\\\n\\\\t}(document));\\\\n\\\\tfunction facebookLoginRedirect() {\\\\n\\\\t\\\\tFB.getLoginStatus(function(response) {\\\\n\\\\t\\\\t\\\\tif (response.status === \\\\\\'connected\\\\\\') {\\\\n\\\\t\\\\t\\\\t\\\\twindow.location.href = \\\\\\'/user/fbLogin?token=\\\\\\'+response.authResponse.accessToken;\\\\n\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t});\\\\n\\\\t}\\\\n\\\\tfunction facebookRefreshToken() {\\\\n\\\\t\\\\tFB.getLoginStatus(function(response) {\\\\n\\\\t\\\\t\\\\tif (response.status === \\\\\\'connected\\\\\\') {\\\\n\\\\t\\\\t\\\\t\\\\t$.get(\"/user/ajax/fbToken\", {token: response.authResponse.accessToken});\\\\n\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t});\\\\n\\\\t}\\\\n</script><header id=\"header\"><div class=\"header-cta\"><span id=\"b2b-cta-text\"><strong>Get listed on TapHunter!</strong> FREE for 60 days for a limited time. &nbsp;</span><span><a href=\"/get-listed/start?promo_code=covid60\" class=\"btn btn-primary gtm-link\">Get Started!</a></span></div><nav class=\"navbar navbar-inverse navbar-green\"><div class=\"container\"><div class=\"navbar-header\"><button type=\"button\" class=\"navbar-toggle collapsed\" data-toggle=\"collapse\" data-target=\"#navbar\" aria-expanded=\"false\" aria-controls=\"navbar\"><span class=\"sr-only\">Toggle navigation</span><span class=\"icon-bar\"></span><span class=\"icon-bar\"></span><span class=\"icon-bar\"></span></button><a class=\"navbar-brand\" href=\"/location/\"></a></div><div id=\"navbar\" class=\"navbar-collapse collapse\"><form id=\"searchform\" action=\"/search/\"><div class=\"input-group\"><span class=\"input-group-addon\">Find:</span><input class=\"form-control\" name=\"search\" placeholder=\"Bars, Breweries, or Drinks\" ></div><div class=\"input-group\"><span class=\"input-group-addon\">Near:</span><input class=\"form-control\" name=\"near\" placeholder=\"City, State, or Zip\" value=\"Ann Arbor, Michigan\"><span class=\"input-group-addon\"><button type=\"button\" class=\"btn btn-link geolocation-and-search gtm-track-click\" data-gtm-label=\"Current Location\" data-loading-text=\"<span class=\\\\\\'fa fa-spin fa-spinner\\\\\\'></span>\" data-error-text=\"<span class=\\\\\\'fa fa-exclamation-triangle\\\\\\'></span>\"><span class=\"fa fa-location-arrow\"></span></button></span></div><button class=\"btn btn-primary\"><i class=\"fa fa-search\"></i></button></form></div><!--/.navbar-collapse --></div></nav></header><div role=\"navigation\" id=\"subnavigation\"><div class=\"container\"><ul class=\"nav nav-pills\"><li role=\"presentation\"><a href=\"/search/?type=locations&near=Ann%20Arbor%2C%20Michigan\">Places</a></li><li role=\"presentation\"><a href=\"/search/?type=beers&near=Ann%20Arbor%2C%20Michigan\">Beer</a></li><li role=\"presentation\"><a href=\"/search/?type=breweries&near=Ann%20Arbor%2C%20Michigan\">Breweries</a></li><li role=\"presentation\"><a href=\"/search/?type=wines&near=Ann%20Arbor%2C%20Michigan\">Wine</a></li><li role=\"presentation\"><a href=\"/search/?type=spirits&near=Ann%20Arbor%2C%20Michigan\">Spirits</a></li><li role=\"presentation\"><a href=\"/search/?type=cocktails&near=Ann%20Arbor%2C%20Michigan\">Cocktails</a></li><li role=\"presentation\"><a href=\"/search/?type=events&near=Ann%20Arbor%2C%20Michigan\">Events</a></li><li role=\"presentation\" class=\"pull-right\"><a href=\"/u/login/\">Log In</a></li><li role=\"presentation\" class=\"pull-right\"><a href=\"/u/signup/\">Sign Up</a></li></ul></div></div><div class=\"container\"><div class=\"detailview\"><div data-location-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\" data-location-id=\"6549318358269952\"><div class=\"row\"><div class=\"col-xs-12 col-sm-6 col-sm-push-2\"><!-- displayed only on mobile --><div class=\"col-xs-12 visible-xs\"><img class=\"img-responsive logo\" src=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\" alt=\"Logo for Belmont Station\" /></div><div class=\"col-xs-12\"><h1>Belmont Station</h1><p class=\"lead half-margin-bottom\">Bottle Shop, On-Premise</p><p><span>Hours today: <strong>10:00am - 11:00pm</strong></span></p><div class=\"emergency-status\"><p><span class=\"label label-primary\">Open for to-go only</span></p><p><span class=\"label label-default\">Alcohol To-Go</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Curbside Pickup</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t</p><p>Bottle shop ONLY open for curbside pickup. Please order from the inventory link &amp; call 503-232-8538 to place your order. Thanks!</p><a class=\"btn btn-block btn-primary gtm-location-event\" href=\"https://www.belmont-station.com/bottles\" target=\"_blank\" data-gtm-label=\"orderonline\"><span class=\"fa fa-shopping-cart\"></span>&nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tOrder Online\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t</a></div><div class=\"buttons\"><a href=\"/user/follow/location/6549318358269952\" class=\"btn btn-block btn-primary\"><span class=\"follow fa fa-star-o\" title=\"Login and follow Belmont Station\"></span> Follow</a></div><div class=\"location-description\">\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tSince its founding in 1997, Belmont Station has become Portland&#39;s premier beer destination. The bottleshop features 1,200+ bottles that have been thoughtfully selected, meticulously rotated, and properly stored under UV-filtered light to maintain the freshest selection of beer in the region.<br />The Taproom features 22 rotating taps and a cask &quot;beer engine&quot; pouring world-class brew on the cleanest draft system in Portland. Join us, and find out why we&#39;re the most award winning beer spot in the Northwest!\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t</div></div></div><div class=\"col-xs-12 col-sm-2 col-sm-pull-6\"><div class=\"row\"><!-- hidden from mobile --><div class=\"col-sm-12 hidden-xs\"><img class=\"img-responsive logo\" src=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\" alt=\"Logo for Belmont Station\" /></div><div class=\"col-xs-12\"><hr class=\"visible-xs\" /><br class=\"hidden-xs\" /><b>Updated</b><br class=\"hidden-xs\" />\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t2 days ago\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<br /><br class=\"hidden-xs\" /></div></div></div><div class=\"col-xs-12 col-sm-4 secondary\"><ul class=\"list-unstyled\"><li><span class=\"fa fa-map\"></span>&nbsp; <a href=\"http://maps.google.com/maps?q=4500%20SE%20Stark%20St%2C%20Portland%2C%20OR\" target=\"_blank\" class=\"gtm-location-event\" data-gtm-label=\"openmap\">4500 SE Stark St, Portland, OR</a>\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t(Southeast Portland)\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t</li><li><span class=\"fa fa-phone\"></span><span>&nbsp; </span><span>(503) 232-8538</span></li></ul><ul class=\"social list-unstyled\"><li class=\"facebook\"><a href=\"http://www.facebook.com/BelmontStationPDX/\" title=\"Facebook\" target=\"_blank\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"facebook\"><span class=\"fa fa-facebook\"></span></a></li><li class=\"twitter\"><a href=\"http://twitter.com/belmontstation\" title=\"Twitter\" target=\"_blank\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"twitter\"><span class=\"fa fa-twitter\"></span></a></li><li class=\"instagram\"><a href=\"http://instagram.com/belmontstation\" title=\"Instagram\" target=\"_blank\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"instagram\"><span class=\"fa fa-instagram\"></span></a></li><li class=\"foursquare\"><a href=\"https://foursquare.com/v/Belmont-Station/46a09fb9f964a5201e491fe3\" title=\"Foursquare\" target=\"_blank\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"foursquare\"><span class=\"fa fa-foursquare\"></span></a></li><li class=\"yelp\"><a href=\"https://www.yelp.com/biz/belmont-station-portland\" title=\"Yelp\" target=\"_blank\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"yelp\"><span class=\"fa fa-yelp\"></span></a></li><li class=\"tripadvisor\"><a href=\"https://www.tripadvisor.com/Search?q=Belmont%20Station%2C+Portland%2C+OR\" title=\"TripAdvisor\" target=\"_blank\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"tripadvisor\"><span class=\"fa fa-tripadvisor\"></span></a></li><li class=\"website\"><a href=\"http://www.belmont-station.com\" target=\"_blank\" title=\"Open Website\" class=\"btn grey-button gtm-location-event\" data-gtm-label=\"website\"><span class=\"fa fa-globe\"></span></a></li></ul><div class=\"tertiary\"><span class=\"label label-default\">Beer Flights</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Beer Garden</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Blank Growler Fills</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Bottles To Go</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Food On-Site</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Gluten Free Beer Available</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Growler Fills</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Kegs Available</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Kid Friendly</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Outside Seating</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Patio</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t<span class=\"label label-default\">Pok\\\\xc3\\\\xa9mon Poke Stop</span> &nbsp;\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t</div></div></div><hr /><div id=\"content-tabs\" class=\"row\"><div class=\"col-xs-12 col-sm-9\"><!-- Nav tabs --><ul class=\"nav nav-tabs nav-justified tabs-dark-grey-green\" role=\"tablist\"><li role=\"presentation\" class=\"active\"><a href=\"#tab_tap\" role=\"tab\" data-toggle=\"tab\">Tap</a></li><li role=\"presentation\"><a href=\"#tab_wine\" role=\"tab\" data-toggle=\"tab\">Wine</a></li></ul><div class=\"tab-content\"><!-- tap --><div role=\"tabpanel\" class=\"tab-pane active\" id=\"tab_tap\"><div class=\"row\"><div class=\"col-xs-12 col-sm-9\"><h3>Tap List - 16</h3></div><div class=\"col-xs-12 col-sm-3\"></div></div><div class=\"row\"><div class=\"col-xs-12\"><hr class=\"thin\" /></div></div><div class=\"row\"><div class=\"col-xs-12\"><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmM7TnKMKDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/_aNGXV4qVTtsgMTfJ46xxLTENufBr5rTukr57-vsj11CA0LIDTduMqxWJF6PQ1vHPab4zSi519zH92VOwe3BiWFx0CnIUQ=s150\" alt=\"Russian River Pliny The Elder\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/russian-river-pliny-the-elder/71\">Russian River Pliny The Elder</a></h4><p class=\"separated\"><span>Double IPA</span><span>8.0%&nbsp;ABV</span><span>100&nbsp;IBU</span></p><p class=\"separated\"><span>Russian River Brewing Company</span><span>Santa Rosa, CA</span></p><p class=\"text-muted small twolines\"><em>Bright hop aromatics | Bitter finish</em></p><p class=\"tags\"><span class=\"label label-info\" title=\"Added within the last 48 hours\">Fresh</span></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFAsSDnRhcGh1bnRlcl9iZWVyGEcM\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Russian River Pliny The Elder\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNTqzZcLDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/hiYEFLr4q36WgA3qMGGxRe9DJDqC2PUPhFzxOLAR7SRHqHq5-3pOuZf5elCDpT-AeX4OTgGMGEQJPJNiITRsvARSNJag=s150\" alt=\"2 Towns Ciderhouse Easy Squeezy\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/2-towns-ciderhouse-easy-squeezy/6270590062297088\">2 Towns Ciderhouse Easy Squeezy</a></h4><p class=\"separated\"><span>Fruit Cider</span><span>5.0%&nbsp;ABV</span></p><p class=\"separated\"><span>2 Towns Ciderhouse</span><span>Corvallis, OR</span></p><p class=\"text-muted small twolines\"><em>Pink lemonade | Citrusy | Refreshing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyKmY4pELDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 2 Towns Ciderhouse Easy Squeezy\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMaP4o8KDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/r7Rv2_1DxWN5abguVs9DCK3PilhCzd3VzVvpd1lNeENIVgePRRTMreZSBs1Kn29v5iabIxOwXjq6vZ_KnaXa5JDqdAQGbw=s150\" alt=\"Barley Brown&#39;s Pallet Jack IPA\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">Barley Brown&#39;s Pallet Jack IPA</a></h4><p class=\"separated\"><span>American IPA</span><span>7.0%&nbsp;ABV</span><span>70&nbsp;IBU</span></p><p class=\"separated\"><span>Barley Brown&#39;s</span><span>Baker City, OR</span></p><p class=\"text-muted small twolines\"><em>Pine | Citrus | Tropical fruit</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAgK70w_8IDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Barley Brown&#39;s Pallet Jack IPA\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNSk-qgIDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/DfIHq2hS2Uaezp7DocdAf6RfAZtwUGL9pncHY3ZZucFXFqhW7zN5o8sAL7SMV6cATWCnWfe0Pc2uwTtB8usZWgSKwOarvw=s150\" alt=\"Boneyard Elixir Lemon Ginger CBD\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/boneyard-elixir-lemon-ginger-cbd/5026627593568256\">Boneyard Elixir Lemon Ginger CBD</a></h4><p class=\"separated\"><span>Specialty Beer</span></p><p class=\"separated\"><span>Boneyard Elixir LLC</span><span>Bend, OR</span></p><p class=\"text-muted small twolines\"><em>Warming ginger | Touch of lemon | Relaxing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAiIGP9vYIDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Boneyard Elixir Lemon Ginger CBD\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMbovvQKDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/Nv1v7Z0KxUDbsjySeiPv4QOpOm11gMflL50rPPQ2WJgsOrdeM9uSG-aK2tminf2xXQicp4NhdOC8wFZOK_0Tm0cI2Q4Z=s150\" alt=\"Breakside IPA\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/breakside-ipa/51885749\">Breakside IPA</a></h4><p class=\"separated\"><span>American IPA</span><span>6.2%&nbsp;ABV</span><span>73&nbsp;IBU</span></p><p class=\"separated\"><span>Breakside Brewery</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Huge citrus | Pine | Caramel sweetness</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFwsSDnRhcGh1bnRlcl9iZWVyGLXt3hgM\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside IPA\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmIKS5PAJDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/Nv1v7Z0KxUDbsjySeiPv4QOpOm11gMflL50rPPQ2WJgsOrdeM9uSG-aK2tminf2xXQicp4NhdOC8wFZOK_0Tm0cI2Q4Z=s150\" alt=\"Breakside Up Top!\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/breakside-up-top/5170932696350720\">Breakside Up Top!</a></h4><p class=\"separated\"><span>4.0%&nbsp;ABV</span></p><p class=\"separated\"><span>Breakside Brewery</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Softly floral | Easy drinkin&#39; | Refreshing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmLT53ZcJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside Up Top!\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLyv46YLDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/YTcppCRfsGF3t0nc0qOvisls5AI4kWXMep-x65XyNE1oIFEpwD9fQpsoSUfaPa57i5zQf1CIfxiwbark-DFopmDB3jozNg=s150\" alt=\"Double Mountain Killer Juicy\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/double-mountain-killer-juicy/5493658219053056\">Double Mountain Killer Juicy</a></h4><p class=\"separated\"><span>5.6%&nbsp;ABV</span></p><p class=\"separated\"><span>Double Mountain Brewery</span><span>Hood River, OR</span></p><p class=\"text-muted small twolines\"><em>Sticky mango | Ripe peach | Light cannabis</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAqNW_juEJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Double Mountain Killer Juicy\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMbb2fgIDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/qj1cJx6kKfu2YAwVzuVT4NM9tmPA0DfKRTkRE050P1WCMT6FxaLI4OgduxJ0KR8IcYsDeXSBiEFLwM9vQ1SFYyilA9bRwg=s150\" alt=\"Ex Novo Vision Of Love\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/ex-novo-vision-of-love/5391374212268032\">Ex Novo Vision Of Love</a></h4><p class=\"separated\"><span>6.2%&nbsp;ABV</span></p><p class=\"separated\"><span>Ex Novo Brewing Co.</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Citrus | Mango | Tropical fruit</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmIbS7ckJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Ex Novo Vision Of Love\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNz3ndkKDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh6.ggpht.com/xhpHO3k_yrPsnZfLGQaR0AE4UHSdUB71co3XWdgGeaWh-YZTcnIvS_NlJ0WvzVTZH0J7Ag3xj88D8q0FY2vnmb_UCeOZxQ=s150\" alt=\"Fort George Fresh Hop Field Of Greens\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/fort-george-fresh-hop-field-of-greens/5083030905815040\">Fort George Fresh Hop Field Of Greens</a></h4><p class=\"separated\"><span>7.6%&nbsp;ABV</span></p><p class=\"separated\"><span>Fort George Brewery</span><span>Astoria, OR</span></p><p class=\"text-muted small twolines\"><em>Soft | Grapefruit | Lychee</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNzV34MJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Fort George Fresh Hop Field Of Greens\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLqNyu8KDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/x23--QmS5WswNEUWdlokNDRrc597p6ndhtLdk7CBQ8hDoy47slfYIvpSyxcqUYNtLYLivxnFCXz4q_cKMowyKEkBAZ4CbQ=s150\" alt=\"GOW Ticklish warrior\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/gow-ticklish-warrior/6383995322499072\">GOW Ticklish warrior</a></h4><p class=\"separated\"><span>American IPA</span><span>4.8%&nbsp;ABV</span></p><p class=\"separated\"><span>Grains Of Wrath</span><span>Camas, WA</span></p><p class=\"text-muted small twolines\"><em>Light citrus | Hint of toast | Easy drinkin&#39;</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyOvbxqsLDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow GOW Ticklish warrior\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMrzpbIKDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/_sMJPGbgcgP2LHd-aup_qZPITZf3f0isy1yziZSpetP5In3L0PHE2XyfwBPQz2qDWGJ_Me4nzThkIHjeyp-pqQ1A4RFX=s150\" alt=\"Heater Allen Pils\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/heater-allen-pils/4630967212048384\">Heater Allen Pils</a></h4><p class=\"separated\"><span>Bohemian-style Pilsner</span><span>5.0%&nbsp;ABV</span><span>36&nbsp;IBU</span></p><p class=\"separated\"><span>Heater Allen Brewing</span><span>McMinnville, OR</span></p><p class=\"text-muted small twolines\"><em>Strong hop character | Rich | Refreshing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAkJ3x-pwIDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Heater Allen Pils\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMzF3oMKDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/t_HDQIh5DqNyAAb9ws8aiIG8IJSbbIvSdah2bmlTvaxTCT1hNH03u9s0wJtpZ51Qz08mAfwC6C5RAD9fugvfvXTH0RjxvzQ=s150\" alt=\"Little Beast Dream State (2018)\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/little-beast-dream-state-2018/5655124778811392\">Little Beast Dream State (2018)</a></h4><p class=\"separated\"><span>7.0%&nbsp;ABV</span></p><p class=\"separated\"><span>Little Beast Brewing</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Lush fruit | Soft acidity | Complex depth</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICA6Lzl6YUKDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Little Beast Dream State (2018)\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmJKe_u4LDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/54I5dJ_1gfS7phJsWVQj0yrje4ZqW9xdw6riZr4bQH933kgslLeQZ8cli5nu5zCP4m5wTEoVQVhHu2oCjpeENXVHvvX5=s150\" alt=\"Sierra Nevada  Bigfoot Barleywine\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/sierra-nevada-bigfoot-barleywine/5282319454175232\">Sierra Nevada  Bigfoot Barleywine</a></h4><p class=\"separated\"><span>American Barleywine</span><span>9.6%&nbsp;ABV</span><span>90&nbsp;IBU</span></p><p class=\"separated\"><span>Sierra Nevada Brewing Company</span><span>Chico, CA</span></p><p class=\"text-muted small twolines\"><em>Bittersweet malt | Aggressive hops | A classic</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAoLXdh7EJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada  Bigfoot Barleywine\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmOat1qILDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/XB-D9edgQ8dQQ5lSv2Cccaj_5FBxDt07sdqVgjKDstvLvyLhjt3xwfKyk8TPk9P1wCMM0a4k6fRTLbk9XTvC0j5FLjM04g=s150\" alt=\"Sierra Nevada Celebration\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/sierra-nevada-celebration/252528\">Sierra Nevada Celebration</a></h4><p class=\"separated\"><span>American IPA</span><span>6.8%&nbsp;ABV</span><span>65&nbsp;IBU</span></p><p class=\"separated\"><span>Sierra Nevada Brewing Company</span><span>Chico, CA</span></p><p class=\"text-muted small twolines\"><em>Bold | Intense citrus | Pine</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFgsSDnRhcGh1bnRlcl9iZWVyGPC0Dww\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada Celebration\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLrJrfgKDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/Q8oj2hwskr-YCroS-LwQa9KABt1Li5vE5oihrsAsiNETPliigTuploI-Oq-EdyF03HVBV2wp4l3FjPvnS0M2sz9a8qiyuA=s150\" alt=\"Stormbreaker Black is Beautiful\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/stormbreaker-black-is-beautiful/5104083468156928\">Stormbreaker Black is Beautiful</a></h4><p class=\"separated\"><span>Russian Imperial Stout</span><span>10.0%&nbsp;ABV</span></p><p class=\"separated\"><span>StormBreaker Brewing</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Rich chocolate | Strawberry ganache | Dessert in a glass</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNCwxIgJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Stormbreaker Black is Beautiful\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbeer\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmPrx7e0JDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/vL-YRMh5M78fAU52obIupiIRJcAxOB7b5LuP-36Gvb7m67mijfU6baZCpsqEfjcQ-7zZpUNGm_tW6Ns5LfeKzimmQEpab6Q=s150\" alt=\"pFriem Czech Dark Lager\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/pfriem-czech-dark-lager/5642593298939904\">pFriem Czech Dark Lager</a></h4><p class=\"separated\"><span>Czech Pale Lager</span><span>5.3%&nbsp;ABV</span></p><p class=\"separated\"><span>pFriem Family Brewers</span><span>Hood River, OR</span></p><p class=\"text-muted small twolines\"><em>Dates | Toffee | Bread Crust</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyImK_YIKDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow pFriem Czech Dark Lager\"></span></a></div></div></div></div></div><!-- bottle --><!-- spirits --><!-- wine --><div role=\"tabpanel\" class=\"tab-pane\" id=\"tab_wine\"><div class=\"row\"><div class=\"col-xs-12 col-sm-9\"><h3>Wine - 2</h3></div></div><div class=\"row\"><div class=\"col-xs-12\"><hr class=\"thin\" /></div></div><div class=\"row\"><div class=\"col-xs-12\"><div class=\"media listrow \" data-type=\"locbev\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF2JldmF0b19sb2NhdGlvbmJldmVyYWdlGICAiIiHlb0KDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"/static/v3/images/photoDefault.png\" alt=\"14 Hands Cabernet Sauvignon\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beverage/14-hands-cabernet-sauvignon/4801167997665280\">14 Hands Cabernet Sauvignon</a></h4><p class=\"separated\"><span>Cabernet Sauvignon</span><span>13.5%</span></p><p class=\"separated\"><span>14 Hands</span><span>Washington</span></p><p class=\"text-muted small twolines\"><em>Full bodied, flavors of dark fruit and toasted wood.</em></p><p class=\"tags\"><span class=\"label label-default\">Vintage: 2015</span></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIjIsNTDCAw\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 14 Hands Cabernet Sauvignon\"></span></a></div></div><div class=\"media listrow \" data-type=\"locbev\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF2JldmF0b19sb2NhdGlvbmJldmVyYWdlGICAiLikr-gJDA\"  data-location-id=\"6549318358269952\"><div class=\"media-left\"><img class=\"media-object\" src=\"https://lh3.googleusercontent.com/CcsXX_2PoWDCYPg2ECajLSQ_1NfEHuDtcxIBZtDw_dRbRxsql8LT3K1n15vuVZVILohR7snKXSZ-30ZQOZ2bSOqggvgMTA=s150\" alt=\"Acrobat Pinot Gris\" /></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beverage/acrobat-pinot-gris/4857905153179648\">Acrobat Pinot Gris</a></h4><p class=\"separated\"><span>Pinot Grigio/Gris</span><span>13.5%</span></p><p class=\"separated\"><span>Acrobat Vineyards</span><span>Oregon</span></p><p class=\"text-muted small twolines\"><em>Grapefruit, lime &amp; lemon zest. Bright finish.</em></p><p class=\"tags\"><span class=\"label label-default\">Vintage: 2016</span></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIj40sfQCAw\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Acrobat Pinot Gris\"></span></a></div></div></div></div></div><!-- cocktails --><!-- events --><!-- ondeck --></div><div id=\"location-detailview-leadgen\" class=\"detailview-leadgen text-center\"><strong>Get listed on TapHunter!</strong><p>FREE for 60 days for a limited time.</p><a href=\"/get-listed/start?promo_code=covid60\" class=\"btn btn-sm btn-primary gtm-link\">Get Started!</a></div></div><div class=\"col-xs-12 col-sm-3\"><div id=\"location-photos\"></div></div></div></div></div></div><footer id=\"footer\"><div class=\"container\"><div class=\"row\"><!--Footer About Description --><div class=\"col-md-3 col-sm-6\"><h4>Contact</h4><p></p><ul class=\"contact-list\"><li><i class=\"fa fa-envelope-o\"></i><a href=\"info@taphunter.com\">info@taphunter.com</a></li></ul><!-- Start Social Links --><ul class=\"social\"><li class=\"facebook\"><a href=\"https://facebook.com/evergreenhq\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a></li><li class=\"twitter\"><a href=\"https://twitter.com/taphunter\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a></li><li class=\"instagram\"><a href=\"https://instagram.com/evergreen.technology\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a></li><li class=\"snapchat\"><a href=\"https://www.snapchat.com/add/trytaphunter\"><i class=\"fa fa-snapchat-ghost\"></i></a></li></ul><!-- End Social Links\\\\t--></div><!-- End Footer About Description --><!-- Start Contact Details\\\\t--><div class=\"col-md-3 col-sm-6\"><div class=\"contact-info\"><h4>Company</h4><ul class=\"quick-links\"><li><a href=\"https://www.evergreenhq.com/story/\">About</a></li><li><a href=\"https://taphunter.workable.com/\">Careers</a></li><li><a href=\"https://www.evergreenhq.com/blog/\">Blog</a></li><li><a href=\"https://www.evergreenhq.com/privacy-policy/\">Privacy Policy</a></li></ul></div><!-- End Contact Details\\\\t--></div><div class=\"col-md-3 col-sm-6\"><div class=\"contact-info\"><h4>For Business</h4><ul class=\"quick-links\"><li><a href=\"https://www.evergreenhq.com/products/digital-drink-menu/\" class=\"gtm-link\">Digital Menus</a></li><li><a href=\"https://www.evergreenhq.com/products/print-menu/\" class=\"gtm-link\">Print Menus</a></li><li><a href=\"https://www.evergreenhq.com/products/inventory/\" class=\"gtm-link\">Inventory</a></li><li><a href=\"https://www.evergreenhq.com/products/social-media-tools/\" class=\"gtm-link\">Social Media</a></li><li><a href=\"https://www.evergreenhq.com/products/pos-integration/\" class=\"gtm-link\">POS Integration</a></li></ul></div></div><div class=\"col-md-3 col-sm-6 bottom-contact\"><h4>Get the App</h4><ul class=\"appstores\"><li class=\"apple\"><a class=\"gtm-link\" href=\"http://ad.apps.fm/hXanksBKeRFzCmsY1rO4gPE7og6fuV2oOMeOQdRqrE12gTZftEA26pyYTBQeK1ul15LvB3mAIVv-2blyDKgqKIV4EkBzhuiTQ6_P48Dm81I\" target=\"_blank\">Download on the AppStore</a></li><li class=\"google\"><a class=\"gtm-link\" href=\"http://market.android.com/details?id=com.taphunter.webbased\" target=\"_blank\">Get it on Google Play</a></li></ul></div></div><div class=\"row city-links\"><div class=\"col-xs-12 \"><p class=\"text-center\"><a href=\"/search/?near=San+Diego,+CA\">San Diego</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=New+York,+NY\">New York</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Atlanta,+GA\">Atlanta</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=San+Francisco,+CA\">San Francisco</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Charlotte,+NC\">Charlotte</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Chicago,+IL\">Chicago</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Dallas,+TX\">Dallas</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Denver,+CO\">Denver</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Houston,+TX\">Houston</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Orange+County,+CA\">Orange County</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/?near=Los+Angeles,+CA\">Los Angeles</a> | \\\\n\\\\t\\\\t\\\\t\\\\t\\\\t<a href=\"/search/more-cities/\">More cities</a></p></div></div><div class=\"row\"><div class=\"col-xs-12\"><p>&copy; 2020 TapHunter</p></div></div></div></footer><script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyAZkpuFS98PYHLvfFkiMVJt7G_BtMDS5S4&libraries=places\"></script><script src=\"/static/collected/publicweb.5c9abd51e83f.js\"></script><link rel=\"stylesheet\" href=\"/static/js/jquery.appbanner/jquery.appbanner.css\" type=\"text/css\" media=\"screen\" /><script src=\"/static/js/jquery.appbanner/jquery.appbanner.js\"></script><script>\\\\n\\\\tfb_refresh_on_auth_login = false;\\\\n\\\\twindow.fbAsyncInit = function() {\\\\n\\\\t\\\\tFB.init({appId: \\\\\\'132562649599\\\\\\'\\\\n\\\\t\\\\t\\\\t, version: \\\\\\'v2.0\\\\\\'\\\\n\\\\t\\\\t\\\\t, status: true\\\\n\\\\t\\\\t\\\\t, cookie: true\\\\n\\\\t\\\\t\\\\t, xfbml: true});\\\\n\\\\t\\\\tFB.Event.subscribe(\\\\\\'auth.logout\\\\\\', function(response) {\\\\n\\\\t\\\\t\\\\twindow.location.reload();\\\\n\\\\t\\\\t});\\\\n\\\\t\\\\tFB.Event.subscribe(\\\\\\'auth.login\\\\\\', function(response) {\\\\n\\\\t\\\\t\\\\t// If we\\\\\\'re using the \"login\" button then we want to refresh the page.\\\\n\\\\t\\\\t\\\\t// If we\\\\\\'re just updating a javascript auth token then we can pass that through ajax.\\\\n\\\\t\\\\t\\\\tif (fb_refresh_on_auth_login) {\\\\n\\\\t\\\\t\\\\t\\\\tfacebookLoginRedirect();\\\\n\\\\t\\\\t\\\\t} else {\\\\n\\\\t\\\\t\\\\t\\\\tfacebookRefreshToken();\\\\n\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t});\\\\n\\\\t};\\\\n\\\\t(function(d){\\\\n\\\\t\\\\tvar js, id = \\\\\\'facebook-jssdk\\\\\\'; if (d.getElementById(id)) {return;}\\\\n\\\\t\\\\tjs = d.createElement(\\\\\\'script\\\\\\'); js.id = id; js.async = true;\\\\n\\\\t\\\\tjs.src = \"//connect.facebook.com/en_US/sdk.js\";\\\\n\\\\t\\\\td.getElementsByTagName(\\\\\\'head\\\\\\')[0].appendChild(js);\\\\n\\\\t}(document));\\\\n\\\\tfunction facebookLoginRedirect() {\\\\n\\\\t\\\\tFB.getLoginStatus(function(response) {\\\\n\\\\t\\\\t\\\\tif (response.status === \\\\\\'connected\\\\\\') {\\\\n\\\\t\\\\t\\\\t\\\\twindow.location.href = \\\\\\'/user/fbLogin?token=\\\\\\'+response.authResponse.accessToken;\\\\n\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t});\\\\n\\\\t}\\\\n\\\\tfunction facebookRefreshToken() {\\\\n\\\\t\\\\tFB.getLoginStatus(function(response) {\\\\n\\\\t\\\\t\\\\tif (response.status === \\\\\\'connected\\\\\\') {\\\\n\\\\t\\\\t\\\\t\\\\t$.get(\"/user/ajax/fbToken\", {token: response.authResponse.accessToken});\\\\n\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t});\\\\n\\\\t}\\\\n</script><script type=\"text/javascript\">\\\\n\\\\n\\\\t\\\\t$(document).ready(function() {\\\\n\\\\n\\\\t\\\\t\\\\t$(\\\\\\'.beersMore\\\\\\').click(function() {\\\\n\\\\t\\\\t\\\\t\\\\tvar clickedButton = $(this);\\\\n\\\\t\\\\t\\\\t\\\\tclickedButton.hide();\\\\n\\\\t\\\\t\\\\t\\\\tvar loadingButton = $(this).parent().next();\\\\n\\\\t\\\\t\\\\t\\\\tloadingButton.show();\\\\n\\\\t\\\\t\\\\t\\\\t$.getJSON(\\\\\\'/location/id/ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww/more?type=\\\\\\'+$(this).attr(\\\\\\'data-beertype\\\\\\')+\\\\\\'&cursor=\\\\\\'+$(this).attr(\\\\\\'data-cursor\\\\\\'), function(data) {\\\\n\\\\t\\\\t\\\\t\\\\t\\\\tclickedButton.parent().before(data.responseHTML);\\\\n\\\\t\\\\t\\\\t\\\\t\\\\tloadingButton.hide();\\\\n\\\\t\\\\t\\\\t\\\\t\\\\tif (data.beersCursor != \"\") {\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tclickedButton.attr(\\\\\\'data-cursor\\\\\\',data.beersCursor);\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tclickedButton.children(\\\\\\'span\\\\\\').html(clickedButton.closest(\\\\\\'.tap-in-full\\\\\\').find(\\\\\\'.beerListEntry\\\\\\').length);\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tclickedButton.show();\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t}\\\\n\\\\t\\\\t\\\\t\\\\t});\\\\n\\\\t\\\\t\\\\t});\\\\n\\\\n\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t\\\\t$(\"#location-photos\").load(\"/ajax/locationPhotos/ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\");\\\\n\\\\t\\\\t\\\\t\\\\n\\\\n\\\\t\\\\t\\\\t\\\\n\\\\t\\\\t\\\\t$(document).on(\"click\", \"[data-load-more-cursor]\", function(event) {\\\\n\\\\t\\\\t\\\\t\\\\tevent.preventDefault();\\\\n\\\\t\\\\t\\\\t\\\\tvar theButton = $(this);\\\\n\\\\t\\\\t\\\\t\\\\tvar url = \\\\\\'/location/id/\\\\\\' + theButton.closest(\\\\\\'[data-location-key]\\\\\\').attr(\\\\\\'data-location-key\\\\\\') + \\\\\\'/more\\\\\\';\\\\n\\\\t\\\\t\\\\t\\\\ttheButton.button(\\\\\\'loading\\\\\\');\\\\n\\\\t\\\\t\\\\t\\\\t$.get(url, {\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tcursor: theButton.attr(\\\\\\'data-load-more-cursor\\\\\\'),\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\ttype: theButton.attr(\\\\\\'data-load-more-type\\\\\\'),\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t}).done(function(response) {\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tvar tab_pane = theButton.closest(\\\\\\'.tab-pane\\\\\\');\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\ttheButton.closest(\\\\\\'.cursor-row\\\\\\').remove();\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\ttab_pane.append(response);\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t}).fail(function() {\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\ttheButton.button(\\\\\\'error\\\\\\');\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\tsetTimeout(function() {\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t\\\\ttheButton.button(\\\\\\'reset\\\\\\');\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t\\\\t}, 1000);\\\\n\\\\t\\\\t\\\\t\\\\t\\\\t});\\\\n\\\\t\\\\t\\\\t});\\\\n\\\\n\\\\t\\\\t});\\\\n\\\\n\\\\t</script></body></html>\\\\n\\'\\n'"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Retrieve the web content from the url below and save the HTML to the variable \"contents\"\n",
    "url = \"https://raw.githubusercontent.com/samifriedrich/webscraping_workshop/main/taphunter_belmont_station.html\"\n",
    "# Write your code here\n",
    "page = requests.get(url)\n",
    "contents = page.content\n",
    "contents"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "3AJT-GSzYarA"
   },
   "source": [
    "As it stands, the `contents` variable we created is one, long, unweildy stream of characters with the type `str` (string). We could try to parse it as is, but why brute force it when there are pre-built handy tools to help us make sense of this soup?\n",
    "\n",
    "Enter the `BeautifulSoup` library!"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "0MYAvLruYarB"
   },
   "source": [
    "## 1.3 Time to make soup\n",
    "\n",
    "Our next step is to transform the long unwieldy HTML string contained in our `contents` variable into a `BeautifulSoup` object. \n",
    "\n",
    "We first import the `BeautifulSoup` data structure from the bs4 (BeautifulSoup4) library. Run the code block below to do this."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {
    "id": "g9e1yX_tYarB"
   },
   "outputs": [],
   "source": [
    "# Run this code cell\n",
    "from bs4 import BeautifulSoup"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "YsVr0GX2YarE"
   },
   "source": [
    "### Upgrading `contents` from string to soup\n",
    "\n",
    "With the BeautifulSoup library loaded, next we \"pour\" our `contents` variable into a BeautifulSoup object, thus creating a new variable. Under the hood, BeautifulSoup will parse the `contents` variable, devising its structure based on rules of HTML, and making it a much more accessible and interactive object.\n",
    "\n",
    "Though it may seem confusing at first, BeautifulSoup is the name of a web scraping library but it is also the name of a function, `BeautifulSoup()`, within that library. \n",
    "\n",
    "You can think of the `BeautifulSoup()` constructor as a function that puts a wrapper around whatever object we pass it. Our original `contents` string will remain intact, but it will be transformed into a BeautifulSoup object that is decorated and **supercharged with methods** beyond what base python offers us. These are the benefits of upgrading `contents` from a `str` type object to a `BeautifulSoup` type object.\n",
    "\n",
    "We create a BeautifulSoup object by passing `contents` to the `BeautifulSoup()` constructor function, and saving the output to a new variable.\n",
    "\n",
    "Because BeautifulSoup can parse other kinds of documents, such as XML, we also need to pass in one additional argument, the string `\"html.parser\"`, to tell `BeautifulSoup()` to parse our string as HTML.\n",
    "\n",
    "Here's an example of how to use the `BeautifulSoup()` constructor:\n",
    "```python\n",
    "bs_object = BeautifulSoup(html_var, \"html.parser\")\n",
    "```\n",
    "### Exercise 1.3: Creating a BeautifulSoup object\n",
    "\n",
    "Call the `BeautifulSoup()` constructor function on the `contents` variable, and pass the string `\"html.parser\"` as the second argument to the function. Save this to a variable named `soup`, and display `soup`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "shdgfW2WYarE",
    "outputId": "41d8a376-edf8-4676-955c-69fae8d9fb65"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "b'\\n\\n\\n\\n\\n\\n<!DOCTYPE html>\n",
       "\\n<html lang=\"en\"><head prefix=\"og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#\"><meta charset=\"utf-8\"/><meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\"/><meta content=\"width=device-width, initial-scale=1\" name=\"viewport\"/><meta content=\"132562649599\" property=\"fb:app_id\"><meta content=\"US\" name=\"twitter:app:country\"><meta content=\"TapHunter - Find Beer, Spirits, &amp; More\" name=\"twitter:app:name:iphone\"><meta content=\"512023104\" name=\"twitter:app:id:iphone\"/><meta content=\"TapHunter\" name=\"twitter:app:name:googleplay\"/><meta content=\"com.taphunter.webbased\" name=\"twitter:app:id:googleplay\"/><meta content=\"annarbor\" itemprop=\"market\"/><meta content=\"Live drink menu of Belmont Station - including Russian River Pliny The Elder, 2 Towns Ciderhouse Easy Squeezy, and Barley Brown's Pallet Jack IPA\" name=\"description\"/><link href=\"https://www.taphunter.com/location/belmont-station/6549318358269952\" rel=\"canonical\"/><meta content=\"https://www.taphunter.com/location/belmont-station/6549318358269952\" property=\"og:url\"><meta content=\"Belmont Station Bottle Shop, On-Premise in Portland - Menu\" property=\"og:title\"/><meta content=\"Live menu of Belmont Station - including Russian River Pliny The Elder, 2 Towns Ciderhouse Easy Squeezy, and Barley Brown's Pallet Jack IPA\" property=\"og:description\"/><meta content=\"2020-11-18\" property=\"og:updated_time\"/><meta content=\"summary\" name=\"twitter:card\"/><meta content=\"@taphunter\" name=\"twitter:site\"/><meta content=\"Follow Belmont Station on TapHunter\" name=\"twitter:title\"/><meta content=\"See Belmont Station\\'s drink menu and follow them to stay up to date with their list.\" name=\"twitter:description\"/><meta content=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s750\" name=\"twitter:image\"/><meta content=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\" itemprop=\"location-key\"/><meta content=\"6549318358269952\" itemprop=\"location-id\"/><script type=\"application/ld+json\">\\n\\t\\t{\\n \"@context\": \"http://schema.org\", \\n \"@type\": \"BarOrPub\", \\n \"address\": \"4500 SE Stark St, Portland, OR\", \\n \"description\": \"Since its founding in 1997, Belmont Station has become Portland\\'s premier beer destination. The bottleshop features 1,200+ bottles that have been thoughtfully selected, meticulously rotated, and properly stored under UV-filtered light to maintain the freshest selection of beer in the region.\\\\r\\\\nThe Taproom features 22 rotating taps and a cask \\\\\"beer engine\\\\\" pouring world-class brew on the cleanest draft system in Portland. Join us, and find out why we\\'re the most award winning beer spot in the Northwest!\", \\n \"geo\": \"45.5191167,-122.615905\", \\n \"logo\": \"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\", \\n \"name\": \"Belmont Station\", \\n \"telephone\": \"(503) 232-8538\", \\n \"url\": \"https://www.taphunter.com/location/belmont-station/6549318358269952\"\\n}\\n\\t</script><meta content=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s750?fbrefresh=2020-11-18\" property=\"og:image\"/><title>Belmont Station - Bottle Shop, On-Premise in Southeast Portland, Portland - Menu - TapHunter</title><script src=\"//use.typekit.net/oge1rtx.js\"></script><script>try{Typekit.load();}catch(e){}</script><script>\\n\\t\\t\\twindow.GEOPOINT = {\\n\\t\\t\\t\\tlat: 42.2734,\\n\\t\\t\\t\\tlng: -83.7133\\n\\t\\t\\t};\\n\\t\\t</script><link href=\"/static/collected/publicweb.4f9daa2d25dc.css\" rel=\"stylesheet\" type=\"text/css\"/><link href=\"/static/images/appicons/appicon-60.png\" rel=\"apple-touch-icon\"/><link href=\"/static/images/appicons/appicon-76.png\" rel=\"apple-touch-icon\" sizes=\"76x76\"/><link href=\"/static/images/appicons/appicon-60@2x.png\" rel=\"apple-touch-icon\" sizes=\"120x120\"/><link href=\"/static/images/appicons/appicon-76@2x.png\" rel=\"apple-touch-icon\" sizes=\"152x152\"/><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\\'gtm.start\\':\\nnew Date().getTime(),event:\\'gtm.js\\'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!=\\'dataLayer\\'?\\'&l=\\'+l:\\'\\';j.async=true;j.src=\\n\\'https://www.googletagmanager.com/gtm.js?id=\\'+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,\\'script\\',\\'dataLayer\\',\\'GTM-NNT2DX\\');</script><!-- End Google Tag Manager --><script src=\"https://www.google.com/recaptcha/api.js\"></script></meta></meta></meta></meta></head><body><!-- Google Tag Manager (noscript) --><noscript><iframe \\nheight=\"0\" src=\"https://www.googletagmanager.com/ns.html?id=GTM-NNT2DX\" style=\"display:none;visibility:hidden\" width=\"0\"></iframe></noscript><!-- End Google Tag Manager (noscript) --><script>\\n\\tfb_refresh_on_auth_login = false;\\n\\twindow.fbAsyncInit = function() {\\n\\t\\tFB.init({appId: \\'132562649599\\'\\n\\t\\t\\t, version: \\'v2.0\\'\\n\\t\\t\\t, status: true\\n\\t\\t\\t, cookie: true\\n\\t\\t\\t, xfbml: true});\\n\\t\\tFB.Event.subscribe(\\'auth.logout\\', function(response) {\\n\\t\\t\\twindow.location.reload();\\n\\t\\t});\\n\\t\\tFB.Event.subscribe(\\'auth.login\\', function(response) {\\n\\t\\t\\t// If we\\'re using the \"login\" button then we want to refresh the page.\\n\\t\\t\\t// If we\\'re just updating a javascript auth token then we can pass that through ajax.\\n\\t\\t\\tif (fb_refresh_on_auth_login) {\\n\\t\\t\\t\\tfacebookLoginRedirect();\\n\\t\\t\\t} else {\\n\\t\\t\\t\\tfacebookRefreshToken();\\n\\t\\t\\t}\\n\\t\\t});\\n\\t};\\n\\t(function(d){\\n\\t\\tvar js, id = \\'facebook-jssdk\\'; if (d.getElementById(id)) {return;}\\n\\t\\tjs = d.createElement(\\'script\\'); js.id = id; js.async = true;\\n\\t\\tjs.src = \"//connect.facebook.com/en_US/sdk.js\";\\n\\t\\td.getElementsByTagName(\\'head\\')[0].appendChild(js);\\n\\t}(document));\\n\\tfunction facebookLoginRedirect() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\twindow.location.href = \\'/user/fbLogin?token=\\'+response.authResponse.accessToken;\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n\\tfunction facebookRefreshToken() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\t$.get(\"/user/ajax/fbToken\", {token: response.authResponse.accessToken});\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n</script><header id=\"header\"><div class=\"header-cta\"><span id=\"b2b-cta-text\"><strong>Get listed on TapHunter!</strong> FREE for 60 days for a limited time.  </span><span><a class=\"btn btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">Get Started!</a></span></div><nav class=\"navbar navbar-inverse navbar-green\"><div class=\"container\"><div class=\"navbar-header\"><button aria-controls=\"navbar\" aria-expanded=\"false\" class=\"navbar-toggle collapsed\" data-target=\"#navbar\" data-toggle=\"collapse\" type=\"button\"><span class=\"sr-only\">Toggle navigation</span><span class=\"icon-bar\"></span><span class=\"icon-bar\"></span><span class=\"icon-bar\"></span></button><a class=\"navbar-brand\" href=\"/location/\"></a></div><div class=\"navbar-collapse collapse\" id=\"navbar\"><form action=\"/search/\" id=\"searchform\"><div class=\"input-group\"><span class=\"input-group-addon\">Find:</span><input class=\"form-control\" name=\"search\" placeholder=\"Bars, Breweries, or Drinks\"/></div><div class=\"input-group\"><span class=\"input-group-addon\">Near:</span><input class=\"form-control\" name=\"near\" placeholder=\"City, State, or Zip\" value=\"Ann Arbor, Michigan\"/><span class=\"input-group-addon\"><button class=\"btn btn-link geolocation-and-search gtm-track-click\" data-error-text=\"&lt;span class=\\'fa fa-exclamation-triangle\\'&gt;&lt;/span&gt;\" data-gtm-label=\"Current Location\" data-loading-text=\"&lt;span class=\\'fa fa-spin fa-spinner\\'&gt;&lt;/span&gt;\" type=\"button\"><span class=\"fa fa-location-arrow\"></span></button></span></div><button class=\"btn btn-primary\"><i class=\"fa fa-search\"></i></button></form></div><!--/.navbar-collapse --></div></nav></header><div id=\"subnavigation\" role=\"navigation\"><div class=\"container\"><ul class=\"nav nav-pills\"><li role=\"presentation\"><a href=\"/search/?type=locations&amp;near=Ann%20Arbor%2C%20Michigan\">Places</a></li><li role=\"presentation\"><a href=\"/search/?type=beers&amp;near=Ann%20Arbor%2C%20Michigan\">Beer</a></li><li role=\"presentation\"><a href=\"/search/?type=breweries&amp;near=Ann%20Arbor%2C%20Michigan\">Breweries</a></li><li role=\"presentation\"><a href=\"/search/?type=wines&amp;near=Ann%20Arbor%2C%20Michigan\">Wine</a></li><li role=\"presentation\"><a href=\"/search/?type=spirits&amp;near=Ann%20Arbor%2C%20Michigan\">Spirits</a></li><li role=\"presentation\"><a href=\"/search/?type=cocktails&amp;near=Ann%20Arbor%2C%20Michigan\">Cocktails</a></li><li role=\"presentation\"><a href=\"/search/?type=events&amp;near=Ann%20Arbor%2C%20Michigan\">Events</a></li><li class=\"pull-right\" role=\"presentation\"><a href=\"/u/login/\">Log In</a></li><li class=\"pull-right\" role=\"presentation\"><a href=\"/u/signup/\">Sign Up</a></li></ul></div></div><div class=\"container\"><div class=\"detailview\"><div data-location-id=\"6549318358269952\" data-location-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\"><div class=\"row\"><div class=\"col-xs-12 col-sm-6 col-sm-push-2\"><!-- displayed only on mobile --><div class=\"col-xs-12 visible-xs\"><img alt=\"Logo for Belmont Station\" class=\"img-responsive logo\" src=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\"/></div><div class=\"col-xs-12\"><h1>Belmont Station</h1><p class=\"lead half-margin-bottom\">Bottle Shop, On-Premise</p><p><span>Hours today: <strong>10:00am - 11:00pm</strong></span></p><div class=\"emergency-status\"><p><span class=\"label label-primary\">Open for to-go only</span></p><p><span class=\"label label-default\">Alcohol To-Go</span>  \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Curbside Pickup</span>  \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t</p><p>Bottle shop ONLY open for curbside pickup. Please order from the inventory link &amp; call 503-232-8538 to place your order. Thanks!</p><a class=\"btn btn-block btn-primary gtm-location-event\" data-gtm-label=\"orderonline\" href=\"https://www.belmont-station.com/bottles\" target=\"_blank\"><span class=\"fa fa-shopping-cart\"></span> \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tOrder Online\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t</a></div><div class=\"buttons\"><a class=\"btn btn-block btn-primary\" href=\"/user/follow/location/6549318358269952\"><span class=\"follow fa fa-star-o\" title=\"Login and follow Belmont Station\"></span> Follow</a></div><div class=\"location-description\">\\n\\t\\t\\t\\t\\t\\t\\tSince its founding in 1997, Belmont Station has become Portland's premier beer destination. The bottleshop features 1,200+ bottles that have been thoughtfully selected, meticulously rotated, and properly stored under UV-filtered light to maintain the freshest selection of beer in the region.<br/>The Taproom features 22 rotating taps and a cask \"beer engine\" pouring world-class brew on the cleanest draft system in Portland. Join us, and find out why we're the most award winning beer spot in the Northwest!\\n\\t\\t\\t\\t\\t\\t</div></div></div><div class=\"col-xs-12 col-sm-2 col-sm-pull-6\"><div class=\"row\"><!-- hidden from mobile --><div class=\"col-sm-12 hidden-xs\"><img alt=\"Logo for Belmont Station\" class=\"img-responsive logo\" src=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\"/></div><div class=\"col-xs-12\"><hr class=\"visible-xs\"/><br class=\"hidden-xs\"/><b>Updated</b><br class=\"hidden-xs\"/>\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t2 days ago\\n\\t\\t\\t\\t\\t\\t\\t<br/><br class=\"hidden-xs\"/></div></div></div><div class=\"col-xs-12 col-sm-4 secondary\"><ul class=\"list-unstyled\"><li><span class=\"fa fa-map\"></span>  <a class=\"gtm-location-event\" data-gtm-label=\"openmap\" href=\"http://maps.google.com/maps?q=4500%20SE%20Stark%20St%2C%20Portland%2C%20OR\" target=\"_blank\">4500 SE Stark St, Portland, OR</a>\\n\\t\\t\\t\\t\\t\\t\\t(Southeast Portland)\\n\\t\\t\\t\\t\\t\\t</li><li><span class=\"fa fa-phone\"></span><span>  </span><span>(503) 232-8538</span></li></ul><ul class=\"social list-unstyled\"><li class=\"facebook\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"facebook\" href=\"http://www.facebook.com/BelmontStationPDX/\" target=\"_blank\" title=\"Facebook\"><span class=\"fa fa-facebook\"></span></a></li><li class=\"twitter\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"twitter\" href=\"http://twitter.com/belmontstation\" target=\"_blank\" title=\"Twitter\"><span class=\"fa fa-twitter\"></span></a></li><li class=\"instagram\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"instagram\" href=\"http://instagram.com/belmontstation\" target=\"_blank\" title=\"Instagram\"><span class=\"fa fa-instagram\"></span></a></li><li class=\"foursquare\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"foursquare\" href=\"https://foursquare.com/v/Belmont-Station/46a09fb9f964a5201e491fe3\" target=\"_blank\" title=\"Foursquare\"><span class=\"fa fa-foursquare\"></span></a></li><li class=\"yelp\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"yelp\" href=\"https://www.yelp.com/biz/belmont-station-portland\" target=\"_blank\" title=\"Yelp\"><span class=\"fa fa-yelp\"></span></a></li><li class=\"tripadvisor\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"tripadvisor\" href=\"https://www.tripadvisor.com/Search?q=Belmont%20Station%2C+Portland%2C+OR\" target=\"_blank\" title=\"TripAdvisor\"><span class=\"fa fa-tripadvisor\"></span></a></li><li class=\"website\"><a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"website\" href=\"http://www.belmont-station.com\" target=\"_blank\" title=\"Open Website\"><span class=\"fa fa-globe\"></span></a></li></ul><div class=\"tertiary\"><span class=\"label label-default\">Beer Flights</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Beer Garden</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Blank Growler Fills</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Bottles To Go</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Food On-Site</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Gluten Free Beer Available</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Growler Fills</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Kegs Available</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Kid Friendly</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Outside Seating</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Patio</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t<span class=\"label label-default\">Pok\\xc3\\xa9mon Poke Stop</span>  \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t</div></div></div><hr/><div class=\"row\" id=\"content-tabs\"><div class=\"col-xs-12 col-sm-9\"><!-- Nav tabs --><ul class=\"nav nav-tabs nav-justified tabs-dark-grey-green\" role=\"tablist\"><li class=\"active\" role=\"presentation\"><a data-toggle=\"tab\" href=\"#tab_tap\" role=\"tab\">Tap</a></li><li role=\"presentation\"><a data-toggle=\"tab\" href=\"#tab_wine\" role=\"tab\">Wine</a></li></ul><div class=\"tab-content\"><!-- tap --><div class=\"tab-pane active\" id=\"tab_tap\" role=\"tabpanel\"><div class=\"row\"><div class=\"col-xs-12 col-sm-9\"><h3>Tap List - 16</h3></div><div class=\"col-xs-12 col-sm-3\"></div></div><div class=\"row\"><div class=\"col-xs-12\"><hr class=\"thin\"/></div></div><div class=\"row\"><div class=\"col-xs-12\"><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmM7TnKMKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Russian River Pliny The Elder\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/_aNGXV4qVTtsgMTfJ46xxLTENufBr5rTukr57-vsj11CA0LIDTduMqxWJF6PQ1vHPab4zSi519zH92VOwe3BiWFx0CnIUQ=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/russian-river-pliny-the-elder/71\">Russian River Pliny The Elder</a></h4><p class=\"separated\"><span>Double IPA</span><span>8.0% ABV</span><span>100 IBU</span></p><p class=\"separated\"><span>Russian River Brewing Company</span><span>Santa Rosa, CA</span></p><p class=\"text-muted small twolines\"><em>Bright hop aromatics | Bitter finish</em></p><p class=\"tags\"><span class=\"label label-info\" title=\"Added within the last 48 hours\">Fresh</span></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFAsSDnRhcGh1bnRlcl9iZWVyGEcM\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Russian River Pliny The Elder\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNTqzZcLDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"2 Towns Ciderhouse Easy Squeezy\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/hiYEFLr4q36WgA3qMGGxRe9DJDqC2PUPhFzxOLAR7SRHqHq5-3pOuZf5elCDpT-AeX4OTgGMGEQJPJNiITRsvARSNJag=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/2-towns-ciderhouse-easy-squeezy/6270590062297088\">2 Towns Ciderhouse Easy Squeezy</a></h4><p class=\"separated\"><span>Fruit Cider</span><span>5.0% ABV</span></p><p class=\"separated\"><span>2 Towns Ciderhouse</span><span>Corvallis, OR</span></p><p class=\"text-muted small twolines\"><em>Pink lemonade | Citrusy | Refreshing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyKmY4pELDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 2 Towns Ciderhouse Easy Squeezy\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMaP4o8KDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Barley Brown's Pallet Jack IPA\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/r7Rv2_1DxWN5abguVs9DCK3PilhCzd3VzVvpd1lNeENIVgePRRTMreZSBs1Kn29v5iabIxOwXjq6vZ_KnaXa5JDqdAQGbw=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">Barley Brown's Pallet Jack IPA</a></h4><p class=\"separated\"><span>American IPA</span><span>7.0% ABV</span><span>70 IBU</span></p><p class=\"separated\"><span>Barley Brown's</span><span>Baker City, OR</span></p><p class=\"text-muted small twolines\"><em>Pine | Citrus | Tropical fruit</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAgK70w_8IDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Barley Brown's Pallet Jack IPA\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNSk-qgIDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Boneyard Elixir Lemon Ginger CBD\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/DfIHq2hS2Uaezp7DocdAf6RfAZtwUGL9pncHY3ZZucFXFqhW7zN5o8sAL7SMV6cATWCnWfe0Pc2uwTtB8usZWgSKwOarvw=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/boneyard-elixir-lemon-ginger-cbd/5026627593568256\">Boneyard Elixir Lemon Ginger CBD</a></h4><p class=\"separated\"><span>Specialty Beer</span></p><p class=\"separated\"><span>Boneyard Elixir LLC</span><span>Bend, OR</span></p><p class=\"text-muted small twolines\"><em>Warming ginger | Touch of lemon | Relaxing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAiIGP9vYIDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Boneyard Elixir Lemon Ginger CBD\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMbovvQKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Breakside IPA\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/Nv1v7Z0KxUDbsjySeiPv4QOpOm11gMflL50rPPQ2WJgsOrdeM9uSG-aK2tminf2xXQicp4NhdOC8wFZOK_0Tm0cI2Q4Z=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/breakside-ipa/51885749\">Breakside IPA</a></h4><p class=\"separated\"><span>American IPA</span><span>6.2% ABV</span><span>73 IBU</span></p><p class=\"separated\"><span>Breakside Brewery</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Huge citrus | Pine | Caramel sweetness</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFwsSDnRhcGh1bnRlcl9iZWVyGLXt3hgM\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside IPA\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmIKS5PAJDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Breakside Up Top!\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/Nv1v7Z0KxUDbsjySeiPv4QOpOm11gMflL50rPPQ2WJgsOrdeM9uSG-aK2tminf2xXQicp4NhdOC8wFZOK_0Tm0cI2Q4Z=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/breakside-up-top/5170932696350720\">Breakside Up Top!</a></h4><p class=\"separated\"><span>4.0% ABV</span></p><p class=\"separated\"><span>Breakside Brewery</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Softly floral | Easy drinkin' | Refreshing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmLT53ZcJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside Up Top!\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLyv46YLDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Double Mountain Killer Juicy\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/YTcppCRfsGF3t0nc0qOvisls5AI4kWXMep-x65XyNE1oIFEpwD9fQpsoSUfaPa57i5zQf1CIfxiwbark-DFopmDB3jozNg=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/double-mountain-killer-juicy/5493658219053056\">Double Mountain Killer Juicy</a></h4><p class=\"separated\"><span>5.6% ABV</span></p><p class=\"separated\"><span>Double Mountain Brewery</span><span>Hood River, OR</span></p><p class=\"text-muted small twolines\"><em>Sticky mango | Ripe peach | Light cannabis</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAqNW_juEJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Double Mountain Killer Juicy\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMbb2fgIDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Ex Novo Vision Of Love\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/qj1cJx6kKfu2YAwVzuVT4NM9tmPA0DfKRTkRE050P1WCMT6FxaLI4OgduxJ0KR8IcYsDeXSBiEFLwM9vQ1SFYyilA9bRwg=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/ex-novo-vision-of-love/5391374212268032\">Ex Novo Vision Of Love</a></h4><p class=\"separated\"><span>6.2% ABV</span></p><p class=\"separated\"><span>Ex Novo Brewing Co.</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Citrus | Mango | Tropical fruit</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmIbS7ckJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Ex Novo Vision Of Love\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNz3ndkKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Fort George Fresh Hop Field Of Greens\" class=\"media-object\" src=\"https://lh6.ggpht.com/xhpHO3k_yrPsnZfLGQaR0AE4UHSdUB71co3XWdgGeaWh-YZTcnIvS_NlJ0WvzVTZH0J7Ag3xj88D8q0FY2vnmb_UCeOZxQ=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/fort-george-fresh-hop-field-of-greens/5083030905815040\">Fort George Fresh Hop Field Of Greens</a></h4><p class=\"separated\"><span>7.6% ABV</span></p><p class=\"separated\"><span>Fort George Brewery</span><span>Astoria, OR</span></p><p class=\"text-muted small twolines\"><em>Soft | Grapefruit | Lychee</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNzV34MJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Fort George Fresh Hop Field Of Greens\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLqNyu8KDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"GOW Ticklish warrior\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/x23--QmS5WswNEUWdlokNDRrc597p6ndhtLdk7CBQ8hDoy47slfYIvpSyxcqUYNtLYLivxnFCXz4q_cKMowyKEkBAZ4CbQ=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/gow-ticklish-warrior/6383995322499072\">GOW Ticklish warrior</a></h4><p class=\"separated\"><span>American IPA</span><span>4.8% ABV</span></p><p class=\"separated\"><span>Grains Of Wrath</span><span>Camas, WA</span></p><p class=\"text-muted small twolines\"><em>Light citrus | Hint of toast | Easy drinkin'</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyOvbxqsLDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow GOW Ticklish warrior\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMrzpbIKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Heater Allen Pils\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/_sMJPGbgcgP2LHd-aup_qZPITZf3f0isy1yziZSpetP5In3L0PHE2XyfwBPQz2qDWGJ_Me4nzThkIHjeyp-pqQ1A4RFX=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/heater-allen-pils/4630967212048384\">Heater Allen Pils</a></h4><p class=\"separated\"><span>Bohemian-style Pilsner</span><span>5.0% ABV</span><span>36 IBU</span></p><p class=\"separated\"><span>Heater Allen Brewing</span><span>McMinnville, OR</span></p><p class=\"text-muted small twolines\"><em>Strong hop character | Rich | Refreshing</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAkJ3x-pwIDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Heater Allen Pils\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMzF3oMKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Little Beast Dream State (2018)\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/t_HDQIh5DqNyAAb9ws8aiIG8IJSbbIvSdah2bmlTvaxTCT1hNH03u9s0wJtpZ51Qz08mAfwC6C5RAD9fugvfvXTH0RjxvzQ=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/little-beast-dream-state-2018/5655124778811392\">Little Beast Dream State (2018)</a></h4><p class=\"separated\"><span>7.0% ABV</span></p><p class=\"separated\"><span>Little Beast Brewing</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Lush fruit | Soft acidity | Complex depth</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICA6Lzl6YUKDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Little Beast Dream State (2018)\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmJKe_u4LDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Sierra Nevada  Bigfoot Barleywine\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/54I5dJ_1gfS7phJsWVQj0yrje4ZqW9xdw6riZr4bQH933kgslLeQZ8cli5nu5zCP4m5wTEoVQVhHu2oCjpeENXVHvvX5=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/sierra-nevada-bigfoot-barleywine/5282319454175232\">Sierra Nevada  Bigfoot Barleywine</a></h4><p class=\"separated\"><span>American Barleywine</span><span>9.6% ABV</span><span>90 IBU</span></p><p class=\"separated\"><span>Sierra Nevada Brewing Company</span><span>Chico, CA</span></p><p class=\"text-muted small twolines\"><em>Bittersweet malt | Aggressive hops | A classic</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAoLXdh7EJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada  Bigfoot Barleywine\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmOat1qILDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Sierra Nevada Celebration\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/XB-D9edgQ8dQQ5lSv2Cccaj_5FBxDt07sdqVgjKDstvLvyLhjt3xwfKyk8TPk9P1wCMM0a4k6fRTLbk9XTvC0j5FLjM04g=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/sierra-nevada-celebration/252528\">Sierra Nevada Celebration</a></h4><p class=\"separated\"><span>American IPA</span><span>6.8% ABV</span><span>65 IBU</span></p><p class=\"separated\"><span>Sierra Nevada Brewing Company</span><span>Chico, CA</span></p><p class=\"text-muted small twolines\"><em>Bold | Intense citrus | Pine</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFgsSDnRhcGh1bnRlcl9iZWVyGPC0Dww\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada Celebration\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLrJrfgKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"Stormbreaker Black is Beautiful\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/Q8oj2hwskr-YCroS-LwQa9KABt1Li5vE5oihrsAsiNETPliigTuploI-Oq-EdyF03HVBV2wp4l3FjPvnS0M2sz9a8qiyuA=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/stormbreaker-black-is-beautiful/5104083468156928\">Stormbreaker Black is Beautiful</a></h4><p class=\"separated\"><span>Russian Imperial Stout</span><span>10.0% ABV</span></p><p class=\"separated\"><span>StormBreaker Brewing</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Rich chocolate | Strawberry ganache | Dessert in a glass</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNCwxIgJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Stormbreaker Black is Beautiful\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmPrx7e0JDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\"><div class=\"media-left\"><img alt=\"pFriem Czech Dark Lager\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/vL-YRMh5M78fAU52obIupiIRJcAxOB7b5LuP-36Gvb7m67mijfU6baZCpsqEfjcQ-7zZpUNGm_tW6Ns5LfeKzimmQEpab6Q=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/pfriem-czech-dark-lager/5642593298939904\">pFriem Czech Dark Lager</a></h4><p class=\"separated\"><span>Czech Pale Lager</span><span>5.3% ABV</span></p><p class=\"separated\"><span>pFriem Family Brewers</span><span>Hood River, OR</span></p><p class=\"text-muted small twolines\"><em>Dates | Toffee | Bread Crust</em></p><p class=\"tags\"></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyImK_YIKDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow pFriem Czech Dark Lager\"></span></a></div></div></div></div></div><!-- bottle --><!-- spirits --><!-- wine --><div class=\"tab-pane\" id=\"tab_wine\" role=\"tabpanel\"><div class=\"row\"><div class=\"col-xs-12 col-sm-9\"><h3>Wine - 2</h3></div></div><div class=\"row\"><div class=\"col-xs-12\"><hr class=\"thin\"/></div></div><div class=\"row\"><div class=\"col-xs-12\"><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF2JldmF0b19sb2NhdGlvbmJldmVyYWdlGICAiIiHlb0KDA\" data-location-id=\"6549318358269952\" data-type=\"locbev\"><div class=\"media-left\"><img alt=\"14 Hands Cabernet Sauvignon\" class=\"media-object\" src=\"/static/v3/images/photoDefault.png\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beverage/14-hands-cabernet-sauvignon/4801167997665280\">14 Hands Cabernet Sauvignon</a></h4><p class=\"separated\"><span>Cabernet Sauvignon</span><span>13.5%</span></p><p class=\"separated\"><span>14 Hands</span><span>Washington</span></p><p class=\"text-muted small twolines\"><em>Full bodied, flavors of dark fruit and toasted wood.</em></p><p class=\"tags\"><span class=\"label label-default\">Vintage: 2015</span></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIjIsNTDCAw\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 14 Hands Cabernet Sauvignon\"></span></a></div></div><div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF2JldmF0b19sb2NhdGlvbmJldmVyYWdlGICAiLikr-gJDA\" data-location-id=\"6549318358269952\" data-type=\"locbev\"><div class=\"media-left\"><img alt=\"Acrobat Pinot Gris\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/CcsXX_2PoWDCYPg2ECajLSQ_1NfEHuDtcxIBZtDw_dRbRxsql8LT3K1n15vuVZVILohR7snKXSZ-30ZQOZ2bSOqggvgMTA=s150\"/></div><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beverage/acrobat-pinot-gris/4857905153179648\">Acrobat Pinot Gris</a></h4><p class=\"separated\"><span>Pinot Grigio/Gris</span><span>13.5%</span></p><p class=\"separated\"><span>Acrobat Vineyards</span><span>Oregon</span></p><p class=\"text-muted small twolines\"><em>Grapefruit, lime &amp; lemon zest. Bright finish.</em></p><p class=\"tags\"><span class=\"label label-default\">Vintage: 2016</span></p></div><div class=\"media-right media-middle\"><a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIj40sfQCAw\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Acrobat Pinot Gris\"></span></a></div></div></div></div></div><!-- cocktails --><!-- events --><!-- ondeck --></div><div class=\"detailview-leadgen text-center\" id=\"location-detailview-leadgen\"><strong>Get listed on TapHunter!</strong><p>FREE for 60 days for a limited time.</p><a class=\"btn btn-sm btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">Get Started!</a></div></div><div class=\"col-xs-12 col-sm-3\"><div id=\"location-photos\"></div></div></div></div></div></div><footer id=\"footer\"><div class=\"container\"><div class=\"row\"><!--Footer About Description --><div class=\"col-md-3 col-sm-6\"><h4>Contact</h4><p></p><ul class=\"contact-list\"><li><i class=\"fa fa-envelope-o\"></i><a href=\"info@taphunter.com\">info@taphunter.com</a></li></ul><!-- Start Social Links --><ul class=\"social\"><li class=\"facebook\"><a href=\"https://facebook.com/evergreenhq\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a></li><li class=\"twitter\"><a href=\"https://twitter.com/taphunter\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a></li><li class=\"instagram\"><a href=\"https://instagram.com/evergreen.technology\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a></li><li class=\"snapchat\"><a href=\"https://www.snapchat.com/add/trytaphunter\"><i class=\"fa fa-snapchat-ghost\"></i></a></li></ul><!-- End Social Links\\t--></div><!-- End Footer About Description --><!-- Start Contact Details\\t--><div class=\"col-md-3 col-sm-6\"><div class=\"contact-info\"><h4>Company</h4><ul class=\"quick-links\"><li><a href=\"https://www.evergreenhq.com/story/\">About</a></li><li><a href=\"https://taphunter.workable.com/\">Careers</a></li><li><a href=\"https://www.evergreenhq.com/blog/\">Blog</a></li><li><a href=\"https://www.evergreenhq.com/privacy-policy/\">Privacy Policy</a></li></ul></div><!-- End Contact Details\\t--></div><div class=\"col-md-3 col-sm-6\"><div class=\"contact-info\"><h4>For Business</h4><ul class=\"quick-links\"><li><a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/digital-drink-menu/\">Digital Menus</a></li><li><a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/print-menu/\">Print Menus</a></li><li><a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/inventory/\">Inventory</a></li><li><a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/social-media-tools/\">Social Media</a></li><li><a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/pos-integration/\">POS Integration</a></li></ul></div></div><div class=\"col-md-3 col-sm-6 bottom-contact\"><h4>Get the App</h4><ul class=\"appstores\"><li class=\"apple\"><a class=\"gtm-link\" href=\"http://ad.apps.fm/hXanksBKeRFzCmsY1rO4gPE7og6fuV2oOMeOQdRqrE12gTZftEA26pyYTBQeK1ul15LvB3mAIVv-2blyDKgqKIV4EkBzhuiTQ6_P48Dm81I\" target=\"_blank\">Download on the AppStore</a></li><li class=\"google\"><a class=\"gtm-link\" href=\"http://market.android.com/details?id=com.taphunter.webbased\" target=\"_blank\">Get it on Google Play</a></li></ul></div></div><div class=\"row city-links\"><div class=\"col-xs-12\"><p class=\"text-center\"><a href=\"/search/?near=San+Diego,+CA\">San Diego</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=New+York,+NY\">New York</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Atlanta,+GA\">Atlanta</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=San+Francisco,+CA\">San Francisco</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Charlotte,+NC\">Charlotte</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Chicago,+IL\">Chicago</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Dallas,+TX\">Dallas</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Denver,+CO\">Denver</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Houston,+TX\">Houston</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Orange+County,+CA\">Orange County</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/?near=Los+Angeles,+CA\">Los Angeles</a> | \\n\\t\\t\\t\\t\\t<a href=\"/search/more-cities/\">More cities</a></p></div></div><div class=\"row\"><div class=\"col-xs-12\"><p>© 2020 TapHunter</p></div></div></div></footer><script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyAZkpuFS98PYHLvfFkiMVJt7G_BtMDS5S4&amp;libraries=places\"></script><script src=\"/static/collected/publicweb.5c9abd51e83f.js\"></script><link href=\"/static/js/jquery.appbanner/jquery.appbanner.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\"><script src=\"/static/js/jquery.appbanner/jquery.appbanner.js\"></script><script>\\n\\tfb_refresh_on_auth_login = false;\\n\\twindow.fbAsyncInit = function() {\\n\\t\\tFB.init({appId: \\'132562649599\\'\\n\\t\\t\\t, version: \\'v2.0\\'\\n\\t\\t\\t, status: true\\n\\t\\t\\t, cookie: true\\n\\t\\t\\t, xfbml: true});\\n\\t\\tFB.Event.subscribe(\\'auth.logout\\', function(response) {\\n\\t\\t\\twindow.location.reload();\\n\\t\\t});\\n\\t\\tFB.Event.subscribe(\\'auth.login\\', function(response) {\\n\\t\\t\\t// If we\\'re using the \"login\" button then we want to refresh the page.\\n\\t\\t\\t// If we\\'re just updating a javascript auth token then we can pass that through ajax.\\n\\t\\t\\tif (fb_refresh_on_auth_login) {\\n\\t\\t\\t\\tfacebookLoginRedirect();\\n\\t\\t\\t} else {\\n\\t\\t\\t\\tfacebookRefreshToken();\\n\\t\\t\\t}\\n\\t\\t});\\n\\t};\\n\\t(function(d){\\n\\t\\tvar js, id = \\'facebook-jssdk\\'; if (d.getElementById(id)) {return;}\\n\\t\\tjs = d.createElement(\\'script\\'); js.id = id; js.async = true;\\n\\t\\tjs.src = \"//connect.facebook.com/en_US/sdk.js\";\\n\\t\\td.getElementsByTagName(\\'head\\')[0].appendChild(js);\\n\\t}(document));\\n\\tfunction facebookLoginRedirect() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\twindow.location.href = \\'/user/fbLogin?token=\\'+response.authResponse.accessToken;\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n\\tfunction facebookRefreshToken() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\t$.get(\"/user/ajax/fbToken\", {token: response.authResponse.accessToken});\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n</script><script type=\"text/javascript\">\\n\\n\\t\\t$(document).ready(function() {\\n\\n\\t\\t\\t$(\\'.beersMore\\').click(function() {\\n\\t\\t\\t\\tvar clickedButton = $(this);\\n\\t\\t\\t\\tclickedButton.hide();\\n\\t\\t\\t\\tvar loadingButton = $(this).parent().next();\\n\\t\\t\\t\\tloadingButton.show();\\n\\t\\t\\t\\t$.getJSON(\\'/location/id/ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww/more?type=\\'+$(this).attr(\\'data-beertype\\')+\\'&cursor=\\'+$(this).attr(\\'data-cursor\\'), function(data) {\\n\\t\\t\\t\\t\\tclickedButton.parent().before(data.responseHTML);\\n\\t\\t\\t\\t\\tloadingButton.hide();\\n\\t\\t\\t\\t\\tif (data.beersCursor != \"\") {\\n\\t\\t\\t\\t\\t\\tclickedButton.attr(\\'data-cursor\\',data.beersCursor);\\n\\t\\t\\t\\t\\t\\tclickedButton.children(\\'span\\').html(clickedButton.closest(\\'.tap-in-full\\').find(\\'.beerListEntry\\').length);\\n\\t\\t\\t\\t\\t\\tclickedButton.show();\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t});\\n\\t\\t\\t});\\n\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t$(\"#location-photos\").load(\"/ajax/locationPhotos/ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\");\\n\\t\\t\\t\\n\\n\\t\\t\\t\\n\\t\\t\\t$(document).on(\"click\", \"[data-load-more-cursor]\", function(event) {\\n\\t\\t\\t\\tevent.preventDefault();\\n\\t\\t\\t\\tvar theButton = $(this);\\n\\t\\t\\t\\tvar url = \\'/location/id/\\' + theButton.closest(\\'[data-location-key]\\').attr(\\'data-location-key\\') + \\'/more\\';\\n\\t\\t\\t\\ttheButton.button(\\'loading\\');\\n\\t\\t\\t\\t$.get(url, {\\n\\t\\t\\t\\t\\t\\tcursor: theButton.attr(\\'data-load-more-cursor\\'),\\n\\t\\t\\t\\t\\t\\ttype: theButton.attr(\\'data-load-more-type\\'),\\n\\t\\t\\t\\t\\t}).done(function(response) {\\n\\t\\t\\t\\t\\t\\tvar tab_pane = theButton.closest(\\'.tab-pane\\');\\n\\t\\t\\t\\t\\t\\ttheButton.closest(\\'.cursor-row\\').remove();\\n\\t\\t\\t\\t\\t\\ttab_pane.append(response);\\n\\t\\t\\t\\t\\t}).fail(function() {\\n\\t\\t\\t\\t\\t\\ttheButton.button(\\'error\\');\\n\\t\\t\\t\\t\\t\\tsetTimeout(function() {\\n\\t\\t\\t\\t\\t\\t\\ttheButton.button(\\'reset\\');\\n\\t\\t\\t\\t\\t\\t}, 1000);\\n\\t\\t\\t\\t\\t});\\n\\t\\t\\t});\\n\\n\\t\\t});\\n\\n\\t</script></link></body></html>\\n'"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Transform the contents variable into a BeautifulSoup object \n",
    "# Write your code here\n",
    "soup = BeautifulSoup(contents, \"html.parser\")\n",
    "soup"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "t7-T1vi7YarN"
   },
   "source": [
    "## 1.4 Printing pretty with `.prettify()`\n",
    "\n",
    "With our new, supercharged BeautifulSoup object, `soup`, we can use methods that didn't exist for the `contents` string-type variable.\n",
    "\n",
    "One great feature of BeautifulSoup object is its `.prettify()` method, which formats a BeautifulSoup object with indentation, making it easier to read and see how HTML elements are nested. \n",
    "\n",
    "### Exercise 1.4: Print some pretty soup\n",
    "Try using the `.prettify()` method on our `soup` BeautifulSoup object. \n",
    "\n",
    "This method **requires open and closed parentheses** after it.\n",
    "\n",
    "To see the effects of this method, the \"prettified\" object **must be printed**."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "_UbmQwKOYarN",
    "outputId": "a82e4cb8-4920-468f-ba18-38cfc66d5209"
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "b'\\n\\n\\n\\n\\n\\n\n",
      "<!DOCTYPE html>\n",
      "\\n\n",
      "<html lang=\"en\">\n",
      " <head prefix=\"og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#\">\n",
      "  <meta charset=\"utf-8\"/>\n",
      "  <meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\"/>\n",
      "  <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\"/>\n",
      "  <meta content=\"132562649599\" property=\"fb:app_id\">\n",
      "   <meta content=\"US\" name=\"twitter:app:country\">\n",
      "    <meta content=\"TapHunter - Find Beer, Spirits, &amp; More\" name=\"twitter:app:name:iphone\">\n",
      "     <meta content=\"512023104\" name=\"twitter:app:id:iphone\"/>\n",
      "     <meta content=\"TapHunter\" name=\"twitter:app:name:googleplay\"/>\n",
      "     <meta content=\"com.taphunter.webbased\" name=\"twitter:app:id:googleplay\"/>\n",
      "     <meta content=\"annarbor\" itemprop=\"market\"/>\n",
      "     <meta content=\"Live drink menu of Belmont Station - including Russian River Pliny The Elder, 2 Towns Ciderhouse Easy Squeezy, and Barley Brown's Pallet Jack IPA\" name=\"description\"/>\n",
      "     <link href=\"https://www.taphunter.com/location/belmont-station/6549318358269952\" rel=\"canonical\"/>\n",
      "     <meta content=\"https://www.taphunter.com/location/belmont-station/6549318358269952\" property=\"og:url\">\n",
      "      <meta content=\"Belmont Station Bottle Shop, On-Premise in Portland - Menu\" property=\"og:title\"/>\n",
      "      <meta content=\"Live menu of Belmont Station - including Russian River Pliny The Elder, 2 Towns Ciderhouse Easy Squeezy, and Barley Brown's Pallet Jack IPA\" property=\"og:description\"/>\n",
      "      <meta content=\"2020-11-18\" property=\"og:updated_time\"/>\n",
      "      <meta content=\"summary\" name=\"twitter:card\"/>\n",
      "      <meta content=\"@taphunter\" name=\"twitter:site\"/>\n",
      "      <meta content=\"Follow Belmont Station on TapHunter\" name=\"twitter:title\"/>\n",
      "      <meta content=\"See Belmont Station\\'s drink menu and follow them to stay up to date with their list.\" name=\"twitter:description\"/>\n",
      "      <meta content=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s750\" name=\"twitter:image\"/>\n",
      "      <meta content=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\" itemprop=\"location-key\"/>\n",
      "      <meta content=\"6549318358269952\" itemprop=\"location-id\"/>\n",
      "      <script type=\"application/ld+json\">\n",
      "       \\n\\t\\t{\\n \"@context\": \"http://schema.org\", \\n \"@type\": \"BarOrPub\", \\n \"address\": \"4500 SE Stark St, Portland, OR\", \\n \"description\": \"Since its founding in 1997, Belmont Station has become Portland\\'s premier beer destination. The bottleshop features 1,200+ bottles that have been thoughtfully selected, meticulously rotated, and properly stored under UV-filtered light to maintain the freshest selection of beer in the region.\\\\r\\\\nThe Taproom features 22 rotating taps and a cask \\\\\"beer engine\\\\\" pouring world-class brew on the cleanest draft system in Portland. Join us, and find out why we\\'re the most award winning beer spot in the Northwest!\", \\n \"geo\": \"45.5191167,-122.615905\", \\n \"logo\": \"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\", \\n \"name\": \"Belmont Station\", \\n \"telephone\": \"(503) 232-8538\", \\n \"url\": \"https://www.taphunter.com/location/belmont-station/6549318358269952\"\\n}\\n\\t\n",
      "      </script>\n",
      "      <meta content=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s750?fbrefresh=2020-11-18\" property=\"og:image\"/>\n",
      "      <title>\n",
      "       Belmont Station - Bottle Shop, On-Premise in Southeast Portland, Portland - Menu - TapHunter\n",
      "      </title>\n",
      "      <script src=\"//use.typekit.net/oge1rtx.js\">\n",
      "      </script>\n",
      "      <script>\n",
      "       try{Typekit.load();}catch(e){}\n",
      "      </script>\n",
      "      <script>\n",
      "       \\n\\t\\t\\twindow.GEOPOINT = {\\n\\t\\t\\t\\tlat: 42.2734,\\n\\t\\t\\t\\tlng: -83.7133\\n\\t\\t\\t};\\n\\t\\t\n",
      "      </script>\n",
      "      <link href=\"/static/collected/publicweb.4f9daa2d25dc.css\" rel=\"stylesheet\" type=\"text/css\"/>\n",
      "      <link href=\"/static/images/appicons/appicon-60.png\" rel=\"apple-touch-icon\"/>\n",
      "      <link href=\"/static/images/appicons/appicon-76.png\" rel=\"apple-touch-icon\" sizes=\"76x76\"/>\n",
      "      <link href=\"/static/images/appicons/appicon-60@2x.png\" rel=\"apple-touch-icon\" sizes=\"120x120\"/>\n",
      "      <link href=\"/static/images/appicons/appicon-76@2x.png\" rel=\"apple-touch-icon\" sizes=\"152x152\"/>\n",
      "      <!-- Google Tag Manager -->\n",
      "      <script>\n",
      "       (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({\\'gtm.start\\':\\nnew Date().getTime(),event:\\'gtm.js\\'});var f=d.getElementsByTagName(s)[0],\\nj=d.createElement(s),dl=l!=\\'dataLayer\\'?\\'&l=\\'+l:\\'\\';j.async=true;j.src=\\n\\'https://www.googletagmanager.com/gtm.js?id=\\'+i+dl;f.parentNode.insertBefore(j,f);\\n})(window,document,\\'script\\',\\'dataLayer\\',\\'GTM-NNT2DX\\');\n",
      "      </script>\n",
      "      <!-- End Google Tag Manager -->\n",
      "      <script src=\"https://www.google.com/recaptcha/api.js\">\n",
      "      </script>\n",
      "     </meta>\n",
      "    </meta>\n",
      "   </meta>\n",
      "  </meta>\n",
      " </head>\n",
      " <body>\n",
      "  <!-- Google Tag Manager (noscript) -->\n",
      "  <noscript>\n",
      "   <iframe \\nheight=\"0\" src=\"https://www.googletagmanager.com/ns.html?id=GTM-NNT2DX\" style=\"display:none;visibility:hidden\" width=\"0\">\n",
      "   </iframe>\n",
      "  </noscript>\n",
      "  <!-- End Google Tag Manager (noscript) -->\n",
      "  <script>\n",
      "   \\n\\tfb_refresh_on_auth_login = false;\\n\\twindow.fbAsyncInit = function() {\\n\\t\\tFB.init({appId: \\'132562649599\\'\\n\\t\\t\\t, version: \\'v2.0\\'\\n\\t\\t\\t, status: true\\n\\t\\t\\t, cookie: true\\n\\t\\t\\t, xfbml: true});\\n\\t\\tFB.Event.subscribe(\\'auth.logout\\', function(response) {\\n\\t\\t\\twindow.location.reload();\\n\\t\\t});\\n\\t\\tFB.Event.subscribe(\\'auth.login\\', function(response) {\\n\\t\\t\\t// If we\\'re using the \"login\" button then we want to refresh the page.\\n\\t\\t\\t// If we\\'re just updating a javascript auth token then we can pass that through ajax.\\n\\t\\t\\tif (fb_refresh_on_auth_login) {\\n\\t\\t\\t\\tfacebookLoginRedirect();\\n\\t\\t\\t} else {\\n\\t\\t\\t\\tfacebookRefreshToken();\\n\\t\\t\\t}\\n\\t\\t});\\n\\t};\\n\\t(function(d){\\n\\t\\tvar js, id = \\'facebook-jssdk\\'; if (d.getElementById(id)) {return;}\\n\\t\\tjs = d.createElement(\\'script\\'); js.id = id; js.async = true;\\n\\t\\tjs.src = \"//connect.facebook.com/en_US/sdk.js\";\\n\\t\\td.getElementsByTagName(\\'head\\')[0].appendChild(js);\\n\\t}(document));\\n\\tfunction facebookLoginRedirect() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\twindow.location.href = \\'/user/fbLogin?token=\\'+response.authResponse.accessToken;\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n\\tfunction facebookRefreshToken() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\t$.get(\"/user/ajax/fbToken\", {token: response.authResponse.accessToken});\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n\n",
      "  </script>\n",
      "  <header id=\"header\">\n",
      "   <div class=\"header-cta\">\n",
      "    <span id=\"b2b-cta-text\">\n",
      "     <strong>\n",
      "      Get listed on TapHunter!\n",
      "     </strong>\n",
      "     FREE for 60 days for a limited time.\n",
      "    </span>\n",
      "    <span>\n",
      "     <a class=\"btn btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">\n",
      "      Get Started!\n",
      "     </a>\n",
      "    </span>\n",
      "   </div>\n",
      "   <nav class=\"navbar navbar-inverse navbar-green\">\n",
      "    <div class=\"container\">\n",
      "     <div class=\"navbar-header\">\n",
      "      <button aria-controls=\"navbar\" aria-expanded=\"false\" class=\"navbar-toggle collapsed\" data-target=\"#navbar\" data-toggle=\"collapse\" type=\"button\">\n",
      "       <span class=\"sr-only\">\n",
      "        Toggle navigation\n",
      "       </span>\n",
      "       <span class=\"icon-bar\">\n",
      "       </span>\n",
      "       <span class=\"icon-bar\">\n",
      "       </span>\n",
      "       <span class=\"icon-bar\">\n",
      "       </span>\n",
      "      </button>\n",
      "      <a class=\"navbar-brand\" href=\"/location/\">\n",
      "      </a>\n",
      "     </div>\n",
      "     <div class=\"navbar-collapse collapse\" id=\"navbar\">\n",
      "      <form action=\"/search/\" id=\"searchform\">\n",
      "       <div class=\"input-group\">\n",
      "        <span class=\"input-group-addon\">\n",
      "         Find:\n",
      "        </span>\n",
      "        <input class=\"form-control\" name=\"search\" placeholder=\"Bars, Breweries, or Drinks\"/>\n",
      "       </div>\n",
      "       <div class=\"input-group\">\n",
      "        <span class=\"input-group-addon\">\n",
      "         Near:\n",
      "        </span>\n",
      "        <input class=\"form-control\" name=\"near\" placeholder=\"City, State, or Zip\" value=\"Ann Arbor, Michigan\"/>\n",
      "        <span class=\"input-group-addon\">\n",
      "         <button class=\"btn btn-link geolocation-and-search gtm-track-click\" data-error-text=\"&lt;span class=\\'fa fa-exclamation-triangle\\'&gt;&lt;/span&gt;\" data-gtm-label=\"Current Location\" data-loading-text=\"&lt;span class=\\'fa fa-spin fa-spinner\\'&gt;&lt;/span&gt;\" type=\"button\">\n",
      "          <span class=\"fa fa-location-arrow\">\n",
      "          </span>\n",
      "         </button>\n",
      "        </span>\n",
      "       </div>\n",
      "       <button class=\"btn btn-primary\">\n",
      "        <i class=\"fa fa-search\">\n",
      "        </i>\n",
      "       </button>\n",
      "      </form>\n",
      "     </div>\n",
      "     <!--/.navbar-collapse -->\n",
      "    </div>\n",
      "   </nav>\n",
      "  </header>\n",
      "  <div id=\"subnavigation\" role=\"navigation\">\n",
      "   <div class=\"container\">\n",
      "    <ul class=\"nav nav-pills\">\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=locations&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Places\n",
      "      </a>\n",
      "     </li>\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=beers&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Beer\n",
      "      </a>\n",
      "     </li>\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=breweries&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Breweries\n",
      "      </a>\n",
      "     </li>\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=wines&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Wine\n",
      "      </a>\n",
      "     </li>\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=spirits&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Spirits\n",
      "      </a>\n",
      "     </li>\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=cocktails&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Cocktails\n",
      "      </a>\n",
      "     </li>\n",
      "     <li role=\"presentation\">\n",
      "      <a href=\"/search/?type=events&amp;near=Ann%20Arbor%2C%20Michigan\">\n",
      "       Events\n",
      "      </a>\n",
      "     </li>\n",
      "     <li class=\"pull-right\" role=\"presentation\">\n",
      "      <a href=\"/u/login/\">\n",
      "       Log In\n",
      "      </a>\n",
      "     </li>\n",
      "     <li class=\"pull-right\" role=\"presentation\">\n",
      "      <a href=\"/u/signup/\">\n",
      "       Sign Up\n",
      "      </a>\n",
      "     </li>\n",
      "    </ul>\n",
      "   </div>\n",
      "  </div>\n",
      "  <div class=\"container\">\n",
      "   <div class=\"detailview\">\n",
      "    <div data-location-id=\"6549318358269952\" data-location-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\">\n",
      "     <div class=\"row\">\n",
      "      <div class=\"col-xs-12 col-sm-6 col-sm-push-2\">\n",
      "       <!-- displayed only on mobile -->\n",
      "       <div class=\"col-xs-12 visible-xs\">\n",
      "        <img alt=\"Logo for Belmont Station\" class=\"img-responsive logo\" src=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\"/>\n",
      "       </div>\n",
      "       <div class=\"col-xs-12\">\n",
      "        <h1>\n",
      "         Belmont Station\n",
      "        </h1>\n",
      "        <p class=\"lead half-margin-bottom\">\n",
      "         Bottle Shop, On-Premise\n",
      "        </p>\n",
      "        <p>\n",
      "         <span>\n",
      "          Hours today:\n",
      "          <strong>\n",
      "           10:00am - 11:00pm\n",
      "          </strong>\n",
      "         </span>\n",
      "        </p>\n",
      "        <div class=\"emergency-status\">\n",
      "         <p>\n",
      "          <span class=\"label label-primary\">\n",
      "           Open for to-go only\n",
      "          </span>\n",
      "         </p>\n",
      "         <p>\n",
      "          <span class=\"label label-default\">\n",
      "           Alcohol To-Go\n",
      "          </span>\n",
      "          \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\t\n",
      "          <span class=\"label label-default\">\n",
      "           Curbside Pickup\n",
      "          </span>\n",
      "          \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\n",
      "         </p>\n",
      "         <p>\n",
      "          Bottle shop ONLY open for curbside pickup. Please order from the inventory link &amp; call 503-232-8538 to place your order. Thanks!\n",
      "         </p>\n",
      "         <a class=\"btn btn-block btn-primary gtm-location-event\" data-gtm-label=\"orderonline\" href=\"https://www.belmont-station.com/bottles\" target=\"_blank\">\n",
      "          <span class=\"fa fa-shopping-cart\">\n",
      "          </span>\n",
      "          \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tOrder Online\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\n",
      "         </a>\n",
      "        </div>\n",
      "        <div class=\"buttons\">\n",
      "         <a class=\"btn btn-block btn-primary\" href=\"/user/follow/location/6549318358269952\">\n",
      "          <span class=\"follow fa fa-star-o\" title=\"Login and follow Belmont Station\">\n",
      "          </span>\n",
      "          Follow\n",
      "         </a>\n",
      "        </div>\n",
      "        <div class=\"location-description\">\n",
      "         \\n\\t\\t\\t\\t\\t\\t\\tSince its founding in 1997, Belmont Station has become Portland's premier beer destination. The bottleshop features 1,200+ bottles that have been thoughtfully selected, meticulously rotated, and properly stored under UV-filtered light to maintain the freshest selection of beer in the region.\n",
      "         <br/>\n",
      "         The Taproom features 22 rotating taps and a cask \"beer engine\" pouring world-class brew on the cleanest draft system in Portland. Join us, and find out why we're the most award winning beer spot in the Northwest!\\n\\t\\t\\t\\t\\t\\t\n",
      "        </div>\n",
      "       </div>\n",
      "      </div>\n",
      "      <div class=\"col-xs-12 col-sm-2 col-sm-pull-6\">\n",
      "       <div class=\"row\">\n",
      "        <!-- hidden from mobile -->\n",
      "        <div class=\"col-sm-12 hidden-xs\">\n",
      "         <img alt=\"Logo for Belmont Station\" class=\"img-responsive logo\" src=\"https://lh3.googleusercontent.com/hNkYLkO0oblmLlRbEhPaJPsGrKAGuO1V15tiDddg4g_0w8wZwDguh5RkMM8wFfQpX16y0IZDwKrwusVfq_y82bNVq0_qAw=s150\"/>\n",
      "        </div>\n",
      "        <div class=\"col-xs-12\">\n",
      "         <hr class=\"visible-xs\"/>\n",
      "         <br class=\"hidden-xs\"/>\n",
      "         <b>\n",
      "          Updated\n",
      "         </b>\n",
      "         <br class=\"hidden-xs\"/>\n",
      "         \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t2 days ago\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "         <br/>\n",
      "         <br class=\"hidden-xs\"/>\n",
      "        </div>\n",
      "       </div>\n",
      "      </div>\n",
      "      <div class=\"col-xs-12 col-sm-4 secondary\">\n",
      "       <ul class=\"list-unstyled\">\n",
      "        <li>\n",
      "         <span class=\"fa fa-map\">\n",
      "         </span>\n",
      "         <a class=\"gtm-location-event\" data-gtm-label=\"openmap\" href=\"http://maps.google.com/maps?q=4500%20SE%20Stark%20St%2C%20Portland%2C%20OR\" target=\"_blank\">\n",
      "          4500 SE Stark St, Portland, OR\n",
      "         </a>\n",
      "         \\n\\t\\t\\t\\t\\t\\t\\t(Southeast Portland)\\n\\t\\t\\t\\t\\t\\t\n",
      "        </li>\n",
      "        <li>\n",
      "         <span class=\"fa fa-phone\">\n",
      "         </span>\n",
      "         <span>\n",
      "         </span>\n",
      "         <span>\n",
      "          (503) 232-8538\n",
      "         </span>\n",
      "        </li>\n",
      "       </ul>\n",
      "       <ul class=\"social list-unstyled\">\n",
      "        <li class=\"facebook\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"facebook\" href=\"http://www.facebook.com/BelmontStationPDX/\" target=\"_blank\" title=\"Facebook\">\n",
      "          <span class=\"fa fa-facebook\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "        <li class=\"twitter\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"twitter\" href=\"http://twitter.com/belmontstation\" target=\"_blank\" title=\"Twitter\">\n",
      "          <span class=\"fa fa-twitter\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "        <li class=\"instagram\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"instagram\" href=\"http://instagram.com/belmontstation\" target=\"_blank\" title=\"Instagram\">\n",
      "          <span class=\"fa fa-instagram\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "        <li class=\"foursquare\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"foursquare\" href=\"https://foursquare.com/v/Belmont-Station/46a09fb9f964a5201e491fe3\" target=\"_blank\" title=\"Foursquare\">\n",
      "          <span class=\"fa fa-foursquare\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "        <li class=\"yelp\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"yelp\" href=\"https://www.yelp.com/biz/belmont-station-portland\" target=\"_blank\" title=\"Yelp\">\n",
      "          <span class=\"fa fa-yelp\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "        <li class=\"tripadvisor\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"tripadvisor\" href=\"https://www.tripadvisor.com/Search?q=Belmont%20Station%2C+Portland%2C+OR\" target=\"_blank\" title=\"TripAdvisor\">\n",
      "          <span class=\"fa fa-tripadvisor\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "        <li class=\"website\">\n",
      "         <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"website\" href=\"http://www.belmont-station.com\" target=\"_blank\" title=\"Open Website\">\n",
      "          <span class=\"fa fa-globe\">\n",
      "          </span>\n",
      "         </a>\n",
      "        </li>\n",
      "       </ul>\n",
      "       <div class=\"tertiary\">\n",
      "        <span class=\"label label-default\">\n",
      "         Beer Flights\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Beer Garden\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Blank Growler Fills\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Bottles To Go\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Food On-Site\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Gluten Free Beer Available\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Growler Fills\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Kegs Available\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Kid Friendly\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Outside Seating\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Patio\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\n",
      "        <span class=\"label label-default\">\n",
      "         Pok\\xc3\\xa9mon Poke Stop\n",
      "        </span>\n",
      "        \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\n",
      "       </div>\n",
      "      </div>\n",
      "     </div>\n",
      "     <hr/>\n",
      "     <div class=\"row\" id=\"content-tabs\">\n",
      "      <div class=\"col-xs-12 col-sm-9\">\n",
      "       <!-- Nav tabs -->\n",
      "       <ul class=\"nav nav-tabs nav-justified tabs-dark-grey-green\" role=\"tablist\">\n",
      "        <li class=\"active\" role=\"presentation\">\n",
      "         <a data-toggle=\"tab\" href=\"#tab_tap\" role=\"tab\">\n",
      "          Tap\n",
      "         </a>\n",
      "        </li>\n",
      "        <li role=\"presentation\">\n",
      "         <a data-toggle=\"tab\" href=\"#tab_wine\" role=\"tab\">\n",
      "          Wine\n",
      "         </a>\n",
      "        </li>\n",
      "       </ul>\n",
      "       <div class=\"tab-content\">\n",
      "        <!-- tap -->\n",
      "        <div class=\"tab-pane active\" id=\"tab_tap\" role=\"tabpanel\">\n",
      "         <div class=\"row\">\n",
      "          <div class=\"col-xs-12 col-sm-9\">\n",
      "           <h3>\n",
      "            Tap List - 16\n",
      "           </h3>\n",
      "          </div>\n",
      "          <div class=\"col-xs-12 col-sm-3\">\n",
      "          </div>\n",
      "         </div>\n",
      "         <div class=\"row\">\n",
      "          <div class=\"col-xs-12\">\n",
      "           <hr class=\"thin\"/>\n",
      "          </div>\n",
      "         </div>\n",
      "         <div class=\"row\">\n",
      "          <div class=\"col-xs-12\">\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmM7TnKMKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Russian River Pliny The Elder\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/_aNGXV4qVTtsgMTfJ46xxLTENufBr5rTukr57-vsj11CA0LIDTduMqxWJF6PQ1vHPab4zSi519zH92VOwe3BiWFx0CnIUQ=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/russian-river-pliny-the-elder/71\">\n",
      "               Russian River Pliny The Elder\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Double IPA\n",
      "              </span>\n",
      "              <span>\n",
      "               8.0% ABV\n",
      "              </span>\n",
      "              <span>\n",
      "               100 IBU\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Russian River Brewing Company\n",
      "              </span>\n",
      "              <span>\n",
      "               Santa Rosa, CA\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Bright hop aromatics | Bitter finish\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "              <span class=\"label label-info\" title=\"Added within the last 48 hours\">\n",
      "               Fresh\n",
      "              </span>\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFAsSDnRhcGh1bnRlcl9iZWVyGEcM\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Russian River Pliny The Elder\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNTqzZcLDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"2 Towns Ciderhouse Easy Squeezy\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/hiYEFLr4q36WgA3qMGGxRe9DJDqC2PUPhFzxOLAR7SRHqHq5-3pOuZf5elCDpT-AeX4OTgGMGEQJPJNiITRsvARSNJag=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/2-towns-ciderhouse-easy-squeezy/6270590062297088\">\n",
      "               2 Towns Ciderhouse Easy Squeezy\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Fruit Cider\n",
      "              </span>\n",
      "              <span>\n",
      "               5.0% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               2 Towns Ciderhouse\n",
      "              </span>\n",
      "              <span>\n",
      "               Corvallis, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Pink lemonade | Citrusy | Refreshing\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyKmY4pELDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 2 Towns Ciderhouse Easy Squeezy\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMaP4o8KDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Barley Brown's Pallet Jack IPA\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/r7Rv2_1DxWN5abguVs9DCK3PilhCzd3VzVvpd1lNeENIVgePRRTMreZSBs1Kn29v5iabIxOwXjq6vZ_KnaXa5JDqdAQGbw=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">\n",
      "               Barley Brown's Pallet Jack IPA\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               American IPA\n",
      "              </span>\n",
      "              <span>\n",
      "               7.0% ABV\n",
      "              </span>\n",
      "              <span>\n",
      "               70 IBU\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Barley Brown's\n",
      "              </span>\n",
      "              <span>\n",
      "               Baker City, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Pine | Citrus | Tropical fruit\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAgK70w_8IDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Barley Brown's Pallet Jack IPA\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNSk-qgIDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Boneyard Elixir Lemon Ginger CBD\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/DfIHq2hS2Uaezp7DocdAf6RfAZtwUGL9pncHY3ZZucFXFqhW7zN5o8sAL7SMV6cATWCnWfe0Pc2uwTtB8usZWgSKwOarvw=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/boneyard-elixir-lemon-ginger-cbd/5026627593568256\">\n",
      "               Boneyard Elixir Lemon Ginger CBD\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Specialty Beer\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Boneyard Elixir LLC\n",
      "              </span>\n",
      "              <span>\n",
      "               Bend, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Warming ginger | Touch of lemon | Relaxing\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAiIGP9vYIDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Boneyard Elixir Lemon Ginger CBD\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMbovvQKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Breakside IPA\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/Nv1v7Z0KxUDbsjySeiPv4QOpOm11gMflL50rPPQ2WJgsOrdeM9uSG-aK2tminf2xXQicp4NhdOC8wFZOK_0Tm0cI2Q4Z=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/breakside-ipa/51885749\">\n",
      "               Breakside IPA\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               American IPA\n",
      "              </span>\n",
      "              <span>\n",
      "               6.2% ABV\n",
      "              </span>\n",
      "              <span>\n",
      "               73 IBU\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Breakside Brewery\n",
      "              </span>\n",
      "              <span>\n",
      "               Portland, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Huge citrus | Pine | Caramel sweetness\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFwsSDnRhcGh1bnRlcl9iZWVyGLXt3hgM\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside IPA\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmIKS5PAJDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Breakside Up Top!\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/Nv1v7Z0KxUDbsjySeiPv4QOpOm11gMflL50rPPQ2WJgsOrdeM9uSG-aK2tminf2xXQicp4NhdOC8wFZOK_0Tm0cI2Q4Z=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/breakside-up-top/5170932696350720\">\n",
      "               Breakside Up Top!\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               4.0% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Breakside Brewery\n",
      "              </span>\n",
      "              <span>\n",
      "               Portland, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Softly floral | Easy drinkin' | Refreshing\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmLT53ZcJDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside Up Top!\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLyv46YLDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Double Mountain Killer Juicy\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/YTcppCRfsGF3t0nc0qOvisls5AI4kWXMep-x65XyNE1oIFEpwD9fQpsoSUfaPa57i5zQf1CIfxiwbark-DFopmDB3jozNg=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/double-mountain-killer-juicy/5493658219053056\">\n",
      "               Double Mountain Killer Juicy\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               5.6% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Double Mountain Brewery\n",
      "              </span>\n",
      "              <span>\n",
      "               Hood River, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Sticky mango | Ripe peach | Light cannabis\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAqNW_juEJDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Double Mountain Killer Juicy\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMbb2fgIDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Ex Novo Vision Of Love\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/qj1cJx6kKfu2YAwVzuVT4NM9tmPA0DfKRTkRE050P1WCMT6FxaLI4OgduxJ0KR8IcYsDeXSBiEFLwM9vQ1SFYyilA9bRwg=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/ex-novo-vision-of-love/5391374212268032\">\n",
      "               Ex Novo Vision Of Love\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               6.2% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Ex Novo Brewing Co.\n",
      "              </span>\n",
      "              <span>\n",
      "               Portland, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Citrus | Mango | Tropical fruit\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmIbS7ckJDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Ex Novo Vision Of Love\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmNz3ndkKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Fort George Fresh Hop Field Of Greens\" class=\"media-object\" src=\"https://lh6.ggpht.com/xhpHO3k_yrPsnZfLGQaR0AE4UHSdUB71co3XWdgGeaWh-YZTcnIvS_NlJ0WvzVTZH0J7Ag3xj88D8q0FY2vnmb_UCeOZxQ=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/fort-george-fresh-hop-field-of-greens/5083030905815040\">\n",
      "               Fort George Fresh Hop Field Of Greens\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               7.6% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Fort George Brewery\n",
      "              </span>\n",
      "              <span>\n",
      "               Astoria, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Soft | Grapefruit | Lychee\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNzV34MJDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Fort George Fresh Hop Field Of Greens\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLqNyu8KDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"GOW Ticklish warrior\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/x23--QmS5WswNEUWdlokNDRrc597p6ndhtLdk7CBQ8hDoy47slfYIvpSyxcqUYNtLYLivxnFCXz4q_cKMowyKEkBAZ4CbQ=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/gow-ticklish-warrior/6383995322499072\">\n",
      "               GOW Ticklish warrior\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               American IPA\n",
      "              </span>\n",
      "              <span>\n",
      "               4.8% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Grains Of Wrath\n",
      "              </span>\n",
      "              <span>\n",
      "               Camas, WA\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Light citrus | Hint of toast | Easy drinkin'\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyOvbxqsLDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow GOW Ticklish warrior\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMrzpbIKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Heater Allen Pils\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/_sMJPGbgcgP2LHd-aup_qZPITZf3f0isy1yziZSpetP5In3L0PHE2XyfwBPQz2qDWGJ_Me4nzThkIHjeyp-pqQ1A4RFX=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/heater-allen-pils/4630967212048384\">\n",
      "               Heater Allen Pils\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Bohemian-style Pilsner\n",
      "              </span>\n",
      "              <span>\n",
      "               5.0% ABV\n",
      "              </span>\n",
      "              <span>\n",
      "               36 IBU\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Heater Allen Brewing\n",
      "              </span>\n",
      "              <span>\n",
      "               McMinnville, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Strong hop character | Rich | Refreshing\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAkJ3x-pwIDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Heater Allen Pils\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmMzF3oMKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Little Beast Dream State (2018)\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/t_HDQIh5DqNyAAb9ws8aiIG8IJSbbIvSdah2bmlTvaxTCT1hNH03u9s0wJtpZ51Qz08mAfwC6C5RAD9fugvfvXTH0RjxvzQ=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/little-beast-dream-state-2018/5655124778811392\">\n",
      "               Little Beast Dream State (2018)\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               7.0% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Little Beast Brewing\n",
      "              </span>\n",
      "              <span>\n",
      "               Portland, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Lush fruit | Soft acidity | Complex depth\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICA6Lzl6YUKDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Little Beast Dream State (2018)\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmJKe_u4LDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Sierra Nevada  Bigfoot Barleywine\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/54I5dJ_1gfS7phJsWVQj0yrje4ZqW9xdw6riZr4bQH933kgslLeQZ8cli5nu5zCP4m5wTEoVQVhHu2oCjpeENXVHvvX5=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/sierra-nevada-bigfoot-barleywine/5282319454175232\">\n",
      "               Sierra Nevada  Bigfoot Barleywine\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               American Barleywine\n",
      "              </span>\n",
      "              <span>\n",
      "               9.6% ABV\n",
      "              </span>\n",
      "              <span>\n",
      "               90 IBU\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Sierra Nevada Brewing Company\n",
      "              </span>\n",
      "              <span>\n",
      "               Chico, CA\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Bittersweet malt | Aggressive hops | A classic\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAoLXdh7EJDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada  Bigfoot Barleywine\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmOat1qILDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Sierra Nevada Celebration\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/XB-D9edgQ8dQQ5lSv2Cccaj_5FBxDt07sdqVgjKDstvLvyLhjt3xwfKyk8TPk9P1wCMM0a4k6fRTLbk9XTvC0j5FLjM04g=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/sierra-nevada-celebration/252528\">\n",
      "               Sierra Nevada Celebration\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               American IPA\n",
      "              </span>\n",
      "              <span>\n",
      "               6.8% ABV\n",
      "              </span>\n",
      "              <span>\n",
      "               65 IBU\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Sierra Nevada Brewing Company\n",
      "              </span>\n",
      "              <span>\n",
      "               Chico, CA\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Bold | Intense citrus | Pine\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFgsSDnRhcGh1bnRlcl9iZWVyGPC0Dww\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada Celebration\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmLrJrfgKDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Stormbreaker Black is Beautiful\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/Q8oj2hwskr-YCroS-LwQa9KABt1Li5vE5oihrsAsiNETPliigTuploI-Oq-EdyF03HVBV2wp4l3FjPvnS0M2sz9a8qiyuA=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/stormbreaker-black-is-beautiful/5104083468156928\">\n",
      "               Stormbreaker Black is Beautiful\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Russian Imperial Stout\n",
      "              </span>\n",
      "              <span>\n",
      "               10.0% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               StormBreaker Brewing\n",
      "              </span>\n",
      "              <span>\n",
      "               Portland, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Rich chocolate | Strawberry ganache | Dessert in a glass\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNCwxIgJDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Stormbreaker Black is Beautiful\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF3RhcGh1bnRlcl9sb2NhdGlvbmJlZXJzGICAmPrx7e0JDA\" data-location-id=\"6549318358269952\" data-type=\"locbeer\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"pFriem Czech Dark Lager\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/vL-YRMh5M78fAU52obIupiIRJcAxOB7b5LuP-36Gvb7m67mijfU6baZCpsqEfjcQ-7zZpUNGm_tW6Ns5LfeKzimmQEpab6Q=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beer/pfriem-czech-dark-lager/5642593298939904\">\n",
      "               pFriem Czech Dark Lager\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Czech Pale Lager\n",
      "              </span>\n",
      "              <span>\n",
      "               5.3% ABV\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               pFriem Family Brewers\n",
      "              </span>\n",
      "              <span>\n",
      "               Hood River, OR\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Dates | Toffee | Bread Crust\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyImK_YIKDA\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow pFriem Czech Dark Lager\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "          </div>\n",
      "         </div>\n",
      "        </div>\n",
      "        <!-- bottle -->\n",
      "        <!-- spirits -->\n",
      "        <!-- wine -->\n",
      "        <div class=\"tab-pane\" id=\"tab_wine\" role=\"tabpanel\">\n",
      "         <div class=\"row\">\n",
      "          <div class=\"col-xs-12 col-sm-9\">\n",
      "           <h3>\n",
      "            Wine - 2\n",
      "           </h3>\n",
      "          </div>\n",
      "         </div>\n",
      "         <div class=\"row\">\n",
      "          <div class=\"col-xs-12\">\n",
      "           <hr class=\"thin\"/>\n",
      "          </div>\n",
      "         </div>\n",
      "         <div class=\"row\">\n",
      "          <div class=\"col-xs-12\">\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF2JldmF0b19sb2NhdGlvbmJldmVyYWdlGICAiIiHlb0KDA\" data-location-id=\"6549318358269952\" data-type=\"locbev\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"14 Hands Cabernet Sauvignon\" class=\"media-object\" src=\"/static/v3/images/photoDefault.png\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beverage/14-hands-cabernet-sauvignon/4801167997665280\">\n",
      "               14 Hands Cabernet Sauvignon\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Cabernet Sauvignon\n",
      "              </span>\n",
      "              <span>\n",
      "               13.5%\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               14 Hands\n",
      "              </span>\n",
      "              <span>\n",
      "               Washington\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Full bodied, flavors of dark fruit and toasted wood.\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "              <span class=\"label label-default\">\n",
      "               Vintage: 2015\n",
      "              </span>\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIjIsNTDCAw\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 14 Hands Cabernet Sauvignon\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "           <div class=\"media listrow\" data-key=\"ahJzfnRoZXRhcGh1bnRlci1ocmRyJAsSF2JldmF0b19sb2NhdGlvbmJldmVyYWdlGICAiLikr-gJDA\" data-location-id=\"6549318358269952\" data-type=\"locbev\">\n",
      "            <div class=\"media-left\">\n",
      "             <img alt=\"Acrobat Pinot Gris\" class=\"media-object\" src=\"https://lh3.googleusercontent.com/CcsXX_2PoWDCYPg2ECajLSQ_1NfEHuDtcxIBZtDw_dRbRxsql8LT3K1n15vuVZVILohR7snKXSZ-30ZQOZ2bSOqggvgMTA=s150\"/>\n",
      "            </div>\n",
      "            <div class=\"media-body\">\n",
      "             <h4 class=\"media-heading\">\n",
      "              <a href=\"/beverage/acrobat-pinot-gris/4857905153179648\">\n",
      "               Acrobat Pinot Gris\n",
      "              </a>\n",
      "             </h4>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Pinot Grigio/Gris\n",
      "              </span>\n",
      "              <span>\n",
      "               13.5%\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"separated\">\n",
      "              <span>\n",
      "               Acrobat Vineyards\n",
      "              </span>\n",
      "              <span>\n",
      "               Oregon\n",
      "              </span>\n",
      "             </p>\n",
      "             <p class=\"text-muted small twolines\">\n",
      "              <em>\n",
      "               Grapefruit, lime &amp; lemon zest. Bright finish.\n",
      "              </em>\n",
      "             </p>\n",
      "             <p class=\"tags\">\n",
      "              <span class=\"label label-default\">\n",
      "               Vintage: 2016\n",
      "              </span>\n",
      "             </p>\n",
      "            </div>\n",
      "            <div class=\"media-right media-middle\">\n",
      "             <a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIj40sfQCAw\">\n",
      "              <span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Acrobat Pinot Gris\">\n",
      "              </span>\n",
      "             </a>\n",
      "            </div>\n",
      "           </div>\n",
      "          </div>\n",
      "         </div>\n",
      "        </div>\n",
      "        <!-- cocktails -->\n",
      "        <!-- events -->\n",
      "        <!-- ondeck -->\n",
      "       </div>\n",
      "       <div class=\"detailview-leadgen text-center\" id=\"location-detailview-leadgen\">\n",
      "        <strong>\n",
      "         Get listed on TapHunter!\n",
      "        </strong>\n",
      "        <p>\n",
      "         FREE for 60 days for a limited time.\n",
      "        </p>\n",
      "        <a class=\"btn btn-sm btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">\n",
      "         Get Started!\n",
      "        </a>\n",
      "       </div>\n",
      "      </div>\n",
      "      <div class=\"col-xs-12 col-sm-3\">\n",
      "       <div id=\"location-photos\">\n",
      "       </div>\n",
      "      </div>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </div>\n",
      "  <footer id=\"footer\">\n",
      "   <div class=\"container\">\n",
      "    <div class=\"row\">\n",
      "     <!--Footer About Description -->\n",
      "     <div class=\"col-md-3 col-sm-6\">\n",
      "      <h4>\n",
      "       Contact\n",
      "      </h4>\n",
      "      <p>\n",
      "      </p>\n",
      "      <ul class=\"contact-list\">\n",
      "       <li>\n",
      "        <i class=\"fa fa-envelope-o\">\n",
      "        </i>\n",
      "        <a href=\"info@taphunter.com\">\n",
      "         info@taphunter.com\n",
      "        </a>\n",
      "       </li>\n",
      "      </ul>\n",
      "      <!-- Start Social Links -->\n",
      "      <ul class=\"social\">\n",
      "       <li class=\"facebook\">\n",
      "        <a href=\"https://facebook.com/evergreenhq\" target=\"_blank\">\n",
      "         <i class=\"fa fa-facebook\">\n",
      "         </i>\n",
      "        </a>\n",
      "       </li>\n",
      "       <li class=\"twitter\">\n",
      "        <a href=\"https://twitter.com/taphunter\" target=\"_blank\">\n",
      "         <i class=\"fa fa-twitter\">\n",
      "         </i>\n",
      "        </a>\n",
      "       </li>\n",
      "       <li class=\"instagram\">\n",
      "        <a href=\"https://instagram.com/evergreen.technology\" target=\"_blank\">\n",
      "         <i class=\"fa fa-instagram\">\n",
      "         </i>\n",
      "        </a>\n",
      "       </li>\n",
      "       <li class=\"snapchat\">\n",
      "        <a href=\"https://www.snapchat.com/add/trytaphunter\">\n",
      "         <i class=\"fa fa-snapchat-ghost\">\n",
      "         </i>\n",
      "        </a>\n",
      "       </li>\n",
      "      </ul>\n",
      "      <!-- End Social Links\\t-->\n",
      "     </div>\n",
      "     <!-- End Footer About Description -->\n",
      "     <!-- Start Contact Details\\t-->\n",
      "     <div class=\"col-md-3 col-sm-6\">\n",
      "      <div class=\"contact-info\">\n",
      "       <h4>\n",
      "        Company\n",
      "       </h4>\n",
      "       <ul class=\"quick-links\">\n",
      "        <li>\n",
      "         <a href=\"https://www.evergreenhq.com/story/\">\n",
      "          About\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a href=\"https://taphunter.workable.com/\">\n",
      "          Careers\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a href=\"https://www.evergreenhq.com/blog/\">\n",
      "          Blog\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a href=\"https://www.evergreenhq.com/privacy-policy/\">\n",
      "          Privacy Policy\n",
      "         </a>\n",
      "        </li>\n",
      "       </ul>\n",
      "      </div>\n",
      "      <!-- End Contact Details\\t-->\n",
      "     </div>\n",
      "     <div class=\"col-md-3 col-sm-6\">\n",
      "      <div class=\"contact-info\">\n",
      "       <h4>\n",
      "        For Business\n",
      "       </h4>\n",
      "       <ul class=\"quick-links\">\n",
      "        <li>\n",
      "         <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/digital-drink-menu/\">\n",
      "          Digital Menus\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/print-menu/\">\n",
      "          Print Menus\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/inventory/\">\n",
      "          Inventory\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/social-media-tools/\">\n",
      "          Social Media\n",
      "         </a>\n",
      "        </li>\n",
      "        <li>\n",
      "         <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/pos-integration/\">\n",
      "          POS Integration\n",
      "         </a>\n",
      "        </li>\n",
      "       </ul>\n",
      "      </div>\n",
      "     </div>\n",
      "     <div class=\"col-md-3 col-sm-6 bottom-contact\">\n",
      "      <h4>\n",
      "       Get the App\n",
      "      </h4>\n",
      "      <ul class=\"appstores\">\n",
      "       <li class=\"apple\">\n",
      "        <a class=\"gtm-link\" href=\"http://ad.apps.fm/hXanksBKeRFzCmsY1rO4gPE7og6fuV2oOMeOQdRqrE12gTZftEA26pyYTBQeK1ul15LvB3mAIVv-2blyDKgqKIV4EkBzhuiTQ6_P48Dm81I\" target=\"_blank\">\n",
      "         Download on the AppStore\n",
      "        </a>\n",
      "       </li>\n",
      "       <li class=\"google\">\n",
      "        <a class=\"gtm-link\" href=\"http://market.android.com/details?id=com.taphunter.webbased\" target=\"_blank\">\n",
      "         Get it on Google Play\n",
      "        </a>\n",
      "       </li>\n",
      "      </ul>\n",
      "     </div>\n",
      "    </div>\n",
      "    <div class=\"row city-links\">\n",
      "     <div class=\"col-xs-12\">\n",
      "      <p class=\"text-center\">\n",
      "       <a href=\"/search/?near=San+Diego,+CA\">\n",
      "        San Diego\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=New+York,+NY\">\n",
      "        New York\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Atlanta,+GA\">\n",
      "        Atlanta\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=San+Francisco,+CA\">\n",
      "        San Francisco\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Charlotte,+NC\">\n",
      "        Charlotte\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Chicago,+IL\">\n",
      "        Chicago\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Dallas,+TX\">\n",
      "        Dallas\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Denver,+CO\">\n",
      "        Denver\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Houston,+TX\">\n",
      "        Houston\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Orange+County,+CA\">\n",
      "        Orange County\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/?near=Los+Angeles,+CA\">\n",
      "        Los Angeles\n",
      "       </a>\n",
      "       | \\n\\t\\t\\t\\t\\t\n",
      "       <a href=\"/search/more-cities/\">\n",
      "        More cities\n",
      "       </a>\n",
      "      </p>\n",
      "     </div>\n",
      "    </div>\n",
      "    <div class=\"row\">\n",
      "     <div class=\"col-xs-12\">\n",
      "      <p>\n",
      "       © 2020 TapHunter\n",
      "      </p>\n",
      "     </div>\n",
      "    </div>\n",
      "   </div>\n",
      "  </footer>\n",
      "  <script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyAZkpuFS98PYHLvfFkiMVJt7G_BtMDS5S4&amp;libraries=places\">\n",
      "  </script>\n",
      "  <script src=\"/static/collected/publicweb.5c9abd51e83f.js\">\n",
      "  </script>\n",
      "  <link href=\"/static/js/jquery.appbanner/jquery.appbanner.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\">\n",
      "   <script src=\"/static/js/jquery.appbanner/jquery.appbanner.js\">\n",
      "   </script>\n",
      "   <script>\n",
      "    \\n\\tfb_refresh_on_auth_login = false;\\n\\twindow.fbAsyncInit = function() {\\n\\t\\tFB.init({appId: \\'132562649599\\'\\n\\t\\t\\t, version: \\'v2.0\\'\\n\\t\\t\\t, status: true\\n\\t\\t\\t, cookie: true\\n\\t\\t\\t, xfbml: true});\\n\\t\\tFB.Event.subscribe(\\'auth.logout\\', function(response) {\\n\\t\\t\\twindow.location.reload();\\n\\t\\t});\\n\\t\\tFB.Event.subscribe(\\'auth.login\\', function(response) {\\n\\t\\t\\t// If we\\'re using the \"login\" button then we want to refresh the page.\\n\\t\\t\\t// If we\\'re just updating a javascript auth token then we can pass that through ajax.\\n\\t\\t\\tif (fb_refresh_on_auth_login) {\\n\\t\\t\\t\\tfacebookLoginRedirect();\\n\\t\\t\\t} else {\\n\\t\\t\\t\\tfacebookRefreshToken();\\n\\t\\t\\t}\\n\\t\\t});\\n\\t};\\n\\t(function(d){\\n\\t\\tvar js, id = \\'facebook-jssdk\\'; if (d.getElementById(id)) {return;}\\n\\t\\tjs = d.createElement(\\'script\\'); js.id = id; js.async = true;\\n\\t\\tjs.src = \"//connect.facebook.com/en_US/sdk.js\";\\n\\t\\td.getElementsByTagName(\\'head\\')[0].appendChild(js);\\n\\t}(document));\\n\\tfunction facebookLoginRedirect() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\twindow.location.href = \\'/user/fbLogin?token=\\'+response.authResponse.accessToken;\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n\\tfunction facebookRefreshToken() {\\n\\t\\tFB.getLoginStatus(function(response) {\\n\\t\\t\\tif (response.status === \\'connected\\') {\\n\\t\\t\\t\\t$.get(\"/user/ajax/fbToken\", {token: response.authResponse.accessToken});\\n\\t\\t\\t}\\n\\t\\t});\\n\\t}\\n\n",
      "   </script>\n",
      "   <script type=\"text/javascript\">\n",
      "    \\n\\n\\t\\t$(document).ready(function() {\\n\\n\\t\\t\\t$(\\'.beersMore\\').click(function() {\\n\\t\\t\\t\\tvar clickedButton = $(this);\\n\\t\\t\\t\\tclickedButton.hide();\\n\\t\\t\\t\\tvar loadingButton = $(this).parent().next();\\n\\t\\t\\t\\tloadingButton.show();\\n\\t\\t\\t\\t$.getJSON(\\'/location/id/ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww/more?type=\\'+$(this).attr(\\'data-beertype\\')+\\'&cursor=\\'+$(this).attr(\\'data-cursor\\'), function(data) {\\n\\t\\t\\t\\t\\tclickedButton.parent().before(data.responseHTML);\\n\\t\\t\\t\\t\\tloadingButton.hide();\\n\\t\\t\\t\\t\\tif (data.beersCursor != \"\") {\\n\\t\\t\\t\\t\\t\\tclickedButton.attr(\\'data-cursor\\',data.beersCursor);\\n\\t\\t\\t\\t\\t\\tclickedButton.children(\\'span\\').html(clickedButton.closest(\\'.tap-in-full\\').find(\\'.beerListEntry\\').length);\\n\\t\\t\\t\\t\\t\\tclickedButton.show();\\n\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t});\\n\\t\\t\\t});\\n\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t$(\"#location-photos\").load(\"/ajax/locationPhotos/ahJzfnRoZXRhcGh1bnRlci1ocmRyHwsSEnRhcGh1bnRlcl9sb2NhdGlvbhiAgJCSoJLRCww\");\\n\\t\\t\\t\\n\\n\\t\\t\\t\\n\\t\\t\\t$(document).on(\"click\", \"[data-load-more-cursor]\", function(event) {\\n\\t\\t\\t\\tevent.preventDefault();\\n\\t\\t\\t\\tvar theButton = $(this);\\n\\t\\t\\t\\tvar url = \\'/location/id/\\' + theButton.closest(\\'[data-location-key]\\').attr(\\'data-location-key\\') + \\'/more\\';\\n\\t\\t\\t\\ttheButton.button(\\'loading\\');\\n\\t\\t\\t\\t$.get(url, {\\n\\t\\t\\t\\t\\t\\tcursor: theButton.attr(\\'data-load-more-cursor\\'),\\n\\t\\t\\t\\t\\t\\ttype: theButton.attr(\\'data-load-more-type\\'),\\n\\t\\t\\t\\t\\t}).done(function(response) {\\n\\t\\t\\t\\t\\t\\tvar tab_pane = theButton.closest(\\'.tab-pane\\');\\n\\t\\t\\t\\t\\t\\ttheButton.closest(\\'.cursor-row\\').remove();\\n\\t\\t\\t\\t\\t\\ttab_pane.append(response);\\n\\t\\t\\t\\t\\t}).fail(function() {\\n\\t\\t\\t\\t\\t\\ttheButton.button(\\'error\\');\\n\\t\\t\\t\\t\\t\\tsetTimeout(function() {\\n\\t\\t\\t\\t\\t\\t\\ttheButton.button(\\'reset\\');\\n\\t\\t\\t\\t\\t\\t}, 1000);\\n\\t\\t\\t\\t\\t});\\n\\t\\t\\t});\\n\\n\\t\\t});\\n\\n\\t\n",
      "   </script>\n",
      "  </link>\n",
      " </body>\n",
      "</html>\n",
      "\\n'\n",
      "\n"
     ]
    }
   ],
   "source": [
    "# Use the .prettify method on soup and print the result\n",
    "# Write your code here\n",
    "print(soup.prettify())"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "q1z44hwcYarQ"
   },
   "source": [
    "# Step 2: Straining the data from the soup\n",
    "\n",
    "Congrats! We have successfully transferred a webpage's HTML into a pythonic BeautifulSoup object.\n",
    "\n",
    "The next step is to strain the soup - that is, extract the data we're interested in. \n",
    "\n",
    "As we move through this section, keep in mind that there are multiple ways to go about extracting the data we want, not just the one outlined here. If another route makes more sense to you, do that!\n",
    "\n",
    "There are lots of ways to navigate the BeautifulSoup object, including moving linearly through it one element at a time, much like iterating over every element in a list. There are also shortcuts to navigate to specific elements if we already have an idea of what we're looking for.\n",
    "\n",
    "Today, we're going to focus on how to pull out specific elements using a few BeautifulSoup methods: `.find()` and `.find_all()`."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "6qR0c6HmYarR"
   },
   "source": [
    "## 2.1 The CTRL+F of BeautifulSoup: `.find_all()`\n",
    "\n",
    "`.find_all()` is probably the method you'll use most often when extracting data from a BeautifulSoup object. This method searches the BeautifulSoup object for an element or string, and returns the results as a ResultSet object. We can treat the ResultSet object just like a regular python list that has some bonus methods attached to it.\n",
    "\n",
    "#### A note on `.find()` vs `.find_all()`:\n",
    "\n",
    "BeautifulSoup also has a `.find()` method. The main difference is that `.find()` returns only the first search result as a single element, while `.find_all()` returns all results as a list of elements. \n",
    "\n",
    "#### Searching for HTML tags\n",
    "\n",
    "The `.find_all()` method is quite flexible in terms of what it can search for, but one common way to use `.find_all()` is to extract all instances of a given HTML tag type (`<body>`, `<p>`, `<div>`, etc.). \n",
    "\n",
    "For example, this code would extract all the `div` headers:\n",
    "\n",
    "```python\n",
    "soup.find_all(\"div\")\n",
    "```\n",
    "When using this approach, you do **not** need to include the `<>` characters - just pass in the tag label. \n",
    "\n",
    "### Exercise 2.1: Extracting all hyperlink tags\n",
    "Use the `.find_all()` method to extract all the hyperlinks from our BeautifulSoup object `soup`. Assign the result to `hyperlinks` and display it. \n",
    "\n",
    "*Hint: Hyperlinks are denoted by `<a>` tags.*"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "k-ijzchcYarR",
    "outputId": "35f0e4f3-991f-4a86-917f-4d3b7bd66f20"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<a class=\"btn btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">Get Started!</a>,\n",
       " <a class=\"navbar-brand\" href=\"/location/\"></a>,\n",
       " <a href=\"/search/?type=locations&amp;near=Ann%20Arbor%2C%20Michigan\">Places</a>,\n",
       " <a href=\"/search/?type=beers&amp;near=Ann%20Arbor%2C%20Michigan\">Beer</a>,\n",
       " <a href=\"/search/?type=breweries&amp;near=Ann%20Arbor%2C%20Michigan\">Breweries</a>,\n",
       " <a href=\"/search/?type=wines&amp;near=Ann%20Arbor%2C%20Michigan\">Wine</a>,\n",
       " <a href=\"/search/?type=spirits&amp;near=Ann%20Arbor%2C%20Michigan\">Spirits</a>,\n",
       " <a href=\"/search/?type=cocktails&amp;near=Ann%20Arbor%2C%20Michigan\">Cocktails</a>,\n",
       " <a href=\"/search/?type=events&amp;near=Ann%20Arbor%2C%20Michigan\">Events</a>,\n",
       " <a href=\"/u/login/\">Log In</a>,\n",
       " <a href=\"/u/signup/\">Sign Up</a>,\n",
       " <a class=\"btn btn-block btn-primary gtm-location-event\" data-gtm-label=\"orderonline\" href=\"https://www.belmont-station.com/bottles\" target=\"_blank\"><span class=\"fa fa-shopping-cart\"></span> \\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tOrder Online\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t</a>,\n",
       " <a class=\"btn btn-block btn-primary\" href=\"/user/follow/location/6549318358269952\"><span class=\"follow fa fa-star-o\" title=\"Login and follow Belmont Station\"></span> Follow</a>,\n",
       " <a class=\"gtm-location-event\" data-gtm-label=\"openmap\" href=\"http://maps.google.com/maps?q=4500%20SE%20Stark%20St%2C%20Portland%2C%20OR\" target=\"_blank\">4500 SE Stark St, Portland, OR</a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"facebook\" href=\"http://www.facebook.com/BelmontStationPDX/\" target=\"_blank\" title=\"Facebook\"><span class=\"fa fa-facebook\"></span></a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"twitter\" href=\"http://twitter.com/belmontstation\" target=\"_blank\" title=\"Twitter\"><span class=\"fa fa-twitter\"></span></a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"instagram\" href=\"http://instagram.com/belmontstation\" target=\"_blank\" title=\"Instagram\"><span class=\"fa fa-instagram\"></span></a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"foursquare\" href=\"https://foursquare.com/v/Belmont-Station/46a09fb9f964a5201e491fe3\" target=\"_blank\" title=\"Foursquare\"><span class=\"fa fa-foursquare\"></span></a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"yelp\" href=\"https://www.yelp.com/biz/belmont-station-portland\" target=\"_blank\" title=\"Yelp\"><span class=\"fa fa-yelp\"></span></a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"tripadvisor\" href=\"https://www.tripadvisor.com/Search?q=Belmont%20Station%2C+Portland%2C+OR\" target=\"_blank\" title=\"TripAdvisor\"><span class=\"fa fa-tripadvisor\"></span></a>,\n",
       " <a class=\"btn grey-button gtm-location-event\" data-gtm-label=\"website\" href=\"http://www.belmont-station.com\" target=\"_blank\" title=\"Open Website\"><span class=\"fa fa-globe\"></span></a>,\n",
       " <a data-toggle=\"tab\" href=\"#tab_tap\" role=\"tab\">Tap</a>,\n",
       " <a data-toggle=\"tab\" href=\"#tab_wine\" role=\"tab\">Wine</a>,\n",
       " <a href=\"/beer/russian-river-pliny-the-elder/71\">Russian River Pliny The Elder</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFAsSDnRhcGh1bnRlcl9iZWVyGEcM\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Russian River Pliny The Elder\"></span></a>,\n",
       " <a href=\"/beer/2-towns-ciderhouse-easy-squeezy/6270590062297088\">2 Towns Ciderhouse Easy Squeezy</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyKmY4pELDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 2 Towns Ciderhouse Easy Squeezy\"></span></a>,\n",
       " <a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">Barley Brown's Pallet Jack IPA</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAgK70w_8IDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Barley Brown's Pallet Jack IPA\"></span></a>,\n",
       " <a href=\"/beer/boneyard-elixir-lemon-ginger-cbd/5026627593568256\">Boneyard Elixir Lemon Ginger CBD</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAiIGP9vYIDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Boneyard Elixir Lemon Ginger CBD\"></span></a>,\n",
       " <a href=\"/beer/breakside-ipa/51885749\">Breakside IPA</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFwsSDnRhcGh1bnRlcl9iZWVyGLXt3hgM\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside IPA\"></span></a>,\n",
       " <a href=\"/beer/breakside-up-top/5170932696350720\">Breakside Up Top!</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmLT53ZcJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Breakside Up Top!\"></span></a>,\n",
       " <a href=\"/beer/double-mountain-killer-juicy/5493658219053056\">Double Mountain Killer Juicy</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAqNW_juEJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Double Mountain Killer Juicy\"></span></a>,\n",
       " <a href=\"/beer/ex-novo-vision-of-love/5391374212268032\">Ex Novo Vision Of Love</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmIbS7ckJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Ex Novo Vision Of Love\"></span></a>,\n",
       " <a href=\"/beer/fort-george-fresh-hop-field-of-greens/5083030905815040\">Fort George Fresh Hop Field Of Greens</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNzV34MJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Fort George Fresh Hop Field Of Greens\"></span></a>,\n",
       " <a href=\"/beer/gow-ticklish-warrior/6383995322499072\">GOW Ticklish warrior</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyOvbxqsLDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow GOW Ticklish warrior\"></span></a>,\n",
       " <a href=\"/beer/heater-allen-pils/4630967212048384\">Heater Allen Pils</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAkJ3x-pwIDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Heater Allen Pils\"></span></a>,\n",
       " <a href=\"/beer/little-beast-dream-state-2018/5655124778811392\">Little Beast Dream State (2018)</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICA6Lzl6YUKDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Little Beast Dream State (2018)\"></span></a>,\n",
       " <a href=\"/beer/sierra-nevada-bigfoot-barleywine/5282319454175232\">Sierra Nevada  Bigfoot Barleywine</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAoLXdh7EJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada  Bigfoot Barleywine\"></span></a>,\n",
       " <a href=\"/beer/sierra-nevada-celebration/252528\">Sierra Nevada Celebration</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyFgsSDnRhcGh1bnRlcl9iZWVyGPC0Dww\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Sierra Nevada Celebration\"></span></a>,\n",
       " <a href=\"/beer/stormbreaker-black-is-beautiful/5104083468156928\">Stormbreaker Black is Beautiful</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAmNCwxIgJDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Stormbreaker Black is Beautiful\"></span></a>,\n",
       " <a href=\"/beer/pfriem-czech-dark-lager/5642593298939904\">pFriem Czech Dark Lager</a>,\n",
       " <a href=\"/user/follow/beer/ahJzfnRoZXRhcGh1bnRlci1ocmRyGwsSDnRhcGh1bnRlcl9iZWVyGICAyImK_YIKDA\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow pFriem Czech Dark Lager\"></span></a>,\n",
       " <a href=\"/beverage/14-hands-cabernet-sauvignon/4801167997665280\">14 Hands Cabernet Sauvignon</a>,\n",
       " <a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIjIsNTDCAw\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow 14 Hands Cabernet Sauvignon\"></span></a>,\n",
       " <a href=\"/beverage/acrobat-pinot-gris/4857905153179648\">Acrobat Pinot Gris</a>,\n",
       " <a href=\"/user/follow/beverage/ahJzfnRoZXRhcGh1bnRlci1ocmRyHAsSD2JldmF0b19iZXZlcmFnZRiAgIj40sfQCAw\"><span class=\"follow fa fa-2x fa-star-o\" title=\"Login and follow Acrobat Pinot Gris\"></span></a>,\n",
       " <a class=\"btn btn-sm btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">Get Started!</a>,\n",
       " <a href=\"info@taphunter.com\">info@taphunter.com</a>,\n",
       " <a href=\"https://facebook.com/evergreenhq\" target=\"_blank\"><i class=\"fa fa-facebook\"></i></a>,\n",
       " <a href=\"https://twitter.com/taphunter\" target=\"_blank\"><i class=\"fa fa-twitter\"></i></a>,\n",
       " <a href=\"https://instagram.com/evergreen.technology\" target=\"_blank\"><i class=\"fa fa-instagram\"></i></a>,\n",
       " <a href=\"https://www.snapchat.com/add/trytaphunter\"><i class=\"fa fa-snapchat-ghost\"></i></a>,\n",
       " <a href=\"https://www.evergreenhq.com/story/\">About</a>,\n",
       " <a href=\"https://taphunter.workable.com/\">Careers</a>,\n",
       " <a href=\"https://www.evergreenhq.com/blog/\">Blog</a>,\n",
       " <a href=\"https://www.evergreenhq.com/privacy-policy/\">Privacy Policy</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/digital-drink-menu/\">Digital Menus</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/print-menu/\">Print Menus</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/inventory/\">Inventory</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/social-media-tools/\">Social Media</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/pos-integration/\">POS Integration</a>,\n",
       " <a class=\"gtm-link\" href=\"http://ad.apps.fm/hXanksBKeRFzCmsY1rO4gPE7og6fuV2oOMeOQdRqrE12gTZftEA26pyYTBQeK1ul15LvB3mAIVv-2blyDKgqKIV4EkBzhuiTQ6_P48Dm81I\" target=\"_blank\">Download on the AppStore</a>,\n",
       " <a class=\"gtm-link\" href=\"http://market.android.com/details?id=com.taphunter.webbased\" target=\"_blank\">Get it on Google Play</a>,\n",
       " <a href=\"/search/?near=San+Diego,+CA\">San Diego</a>,\n",
       " <a href=\"/search/?near=New+York,+NY\">New York</a>,\n",
       " <a href=\"/search/?near=Atlanta,+GA\">Atlanta</a>,\n",
       " <a href=\"/search/?near=San+Francisco,+CA\">San Francisco</a>,\n",
       " <a href=\"/search/?near=Charlotte,+NC\">Charlotte</a>,\n",
       " <a href=\"/search/?near=Chicago,+IL\">Chicago</a>,\n",
       " <a href=\"/search/?near=Dallas,+TX\">Dallas</a>,\n",
       " <a href=\"/search/?near=Denver,+CO\">Denver</a>,\n",
       " <a href=\"/search/?near=Houston,+TX\">Houston</a>,\n",
       " <a href=\"/search/?near=Orange+County,+CA\">Orange County</a>,\n",
       " <a href=\"/search/?near=Los+Angeles,+CA\">Los Angeles</a>,\n",
       " <a href=\"/search/more-cities/\">More cities</a>]"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Extract all hyperlink tags and print the result\n",
    "# Write your code here\n",
    "hyperlinks = soup.find_all(\"a\")\n",
    "hyperlinks"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "xAIsP_8TYarV"
   },
   "source": [
    "We can use this same `.find_all(\"tag\")` method to extract all elements of any tag type."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "0DIfjMQbYarW"
   },
   "source": [
    "## 2.2 Extracting tags with specific attributes or classes\n",
    "\n",
    "HTML opening tags often contain more than just the tag name itself. These extra bits are called attributes and classes. \n",
    "- Attributes follow the tag name and often have an X=Y structure, e.g. `<h1 lang=\"en\">`. \n",
    "- Classes follow the same structure and serve as a shorthand for multiple attributes defined elsewhere, e.g. `<h1 class=\"breaking-headline\">`. \n",
    "\n",
    "I like to think of of tag classes as wrappers that can be applied to HTML tags to style the elements they contain.\n",
    "\n",
    "In addition to passing in HTML tag types to `.find_all()`, we can also specify attributes or classes associated with tags to further filter our results.\n",
    "\n",
    "For example, we may have 3 different flavors of `<div>` tags throughout our HTML:\n",
    "- `<div class=\"stawberry\">`\n",
    "- `<div class=\"chocolate\">`\n",
    "- `<div class=\"pistacchio\">`\n",
    "\n",
    "We're only interested in the pistacchio `<div>` tags. If we run `.find_all('div')`, we will get back all the `<div>` tags, including the strawberry and chocolate ones. \n",
    "\n",
    "To return only the \"pistacchio\" class `<div>` tags, we pass an additional argument to `.find_all()` - the `class_` argument. \n",
    "\n",
    "#### **Notice the underscore in this `class_` parameter, which delineates it from `class`, which is a reserved word in base python.**\n",
    "\n",
    "To get just the \"pistacchio\" `<div>` elements, we can run:\n",
    "```python\n",
    "soup.find_all(\"div\", class_=\"pistacchio\")\n",
    "```\n",
    "\n",
    "which would return only the `<div class=\"pistacchio\">` tags.\n",
    "\n",
    "### Exercise 2.2: Extract all hyperlinks of a specific class\n",
    "\n",
    "Extract all hyperlink tags from `soup` that have the class \"gtm-link\", and save them to a variable named `a_gtm_link`. Display the `a_gtm_link` variable."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "zvokbyvLYarW",
    "outputId": "83680269-d89b-4636-ac98-4cd4810f2c7c"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<a class=\"btn btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">Get Started!</a>,\n",
       " <a class=\"btn btn-sm btn-primary gtm-link\" href=\"/get-listed/start?promo_code=covid60\">Get Started!</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/digital-drink-menu/\">Digital Menus</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/print-menu/\">Print Menus</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/inventory/\">Inventory</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/social-media-tools/\">Social Media</a>,\n",
       " <a class=\"gtm-link\" href=\"https://www.evergreenhq.com/products/pos-integration/\">POS Integration</a>,\n",
       " <a class=\"gtm-link\" href=\"http://ad.apps.fm/hXanksBKeRFzCmsY1rO4gPE7og6fuV2oOMeOQdRqrE12gTZftEA26pyYTBQeK1ul15LvB3mAIVv-2blyDKgqKIV4EkBzhuiTQ6_P48Dm81I\" target=\"_blank\">Download on the AppStore</a>,\n",
       " <a class=\"gtm-link\" href=\"http://market.android.com/details?id=com.taphunter.webbased\" target=\"_blank\">Get it on Google Play</a>]"
      ]
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Extract all hyperlink elements of class \"gtm-link\" and save to variable a_gtm_link\n",
    "# Write your code here\n",
    "a_gtm_link = soup.find_all(\"a\", class_=\"gtm-link\")\n",
    "a_gtm_link"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "mV8LNPpeYarZ"
   },
   "source": [
    "Notice that the first element has multiple classes: `class=\"btn btn-primary gtm-link\"`, one of which matches our `class_` parameter \"gtm-link.\" When you search for a tag that matches a certain class, **you’re matching against any of its classes.**\n",
    "\n",
    "There are BeautifulSoup methods that let us search for elements that match multiple classes and much, much more, but we won't cover that today. If you're interested in this powerful method, check out the [BeautifulSoup documentation](https://www.crummy.com/software/BeautifulSoup/bs4/doc/#css-selectors) on selecting CSS classes."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "w9n4-DNhYarb"
   },
   "source": [
    "## 2.3 Locating target data within the HTML\n",
    "\n",
    "Now we understand how to use the `.find_all()` method to extract specific elements based on their tag type and class. The next step is to apply this method to extract the data we want.\n",
    "\n",
    "To extract our target data (the name of the beer and brewery), we first have to figure out **where that data lives in the webpage's HTML**. There are lots of ways to go about this. We could experiment with different searches using `.find_all()`, or we could open and `CTRL+F` the HTML text file in a word processor. \n",
    "\n",
    "Personally, I prefer to use an easy and interactive method that makes use of your browser's built-in **inspector** tool.\n",
    "\n",
    "## The broswer inspector\n",
    "A **browser inspector** is a tool included in most browsers that lets you interactively examine the HTML code underlying webpage elements. What makes using the inspector intuitive is that when you right click on a web page element and choose \"Inspect\", it highlights the HTML corresponding to that element. The inspector will also live-update to highlight corresponding visual elements on the webpage as you mouse over the HTML. The inspector is an essential component of the web scraping multitool!\n",
    "\n",
    "### Exercise 2.3 Exploring HTML using a browser inspector\n",
    "Let's try it now on the TapHunter page for [Belmont Station](https://www.taphunter.com/location/belmont-station/6549318358269952). Open the page in your browser, right click on a beer or brewery, and select \"Inspect\" to open the inspector window. \n",
    "\n",
    "**NOTE:** Keep in mind the tap list may have changed since we downloaded it, but the overall layout of the webpage and HTML will be the same.\n",
    "\n",
    "While we're poking around using the inspector, let's try to figure out which HTML tag types contain our target data. As a reminder, the data we want to capture is:\n",
    "- the name of the beer\n",
    "- the name of the brewery\n",
    "\n",
    "Where do these data show up on the webpage? **Which HTML tag type contains *both* the name of the beer and the brewery name?** Are there attributes or classes that might help us target those tags for extraction using `.find_all()`?\n",
    "\n",
    "*Hint: Repeated visual elements will share repeated HTML code structure.*\n",
    "\n",
    "*Hint: Look for a `<div>` with a named class.*"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "GBWMkGwrYarc"
   },
   "source": [
    "## 2.4 Extracting data-containing elements\n",
    "\n",
    "At this point, we've identified where in the HTML our data lives. Using the extraction methods we learned earlier, we can isolate those elements from the soup.\n",
    "\n",
    "### Exercise 2.4.1 Extracting chunks of data\n",
    "\n",
    "Now that we know what tag and class contains all the info related to each beer, let's use `.find_all()` to extract only those elements from our `soup` object. Save those elements to a variable named `tap_list`, and display `tap_list`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "lwVpV1NQYarc",
    "outputId": "0e4b40ce-a2e9-49d1-c232-7584d04340a4"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "[<div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/russian-river-pliny-the-elder/71\">Russian River Pliny The Elder</a></h4><p class=\"separated\"><span>Double IPA</span><span>8.0% ABV</span><span>100 IBU</span></p><p class=\"separated\"><span>Russian River Brewing Company</span><span>Santa Rosa, CA</span></p><p class=\"text-muted small twolines\"><em>Bright hop aromatics | Bitter finish</em></p><p class=\"tags\"><span class=\"label label-info\" title=\"Added within the last 48 hours\">Fresh</span></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/2-towns-ciderhouse-easy-squeezy/6270590062297088\">2 Towns Ciderhouse Easy Squeezy</a></h4><p class=\"separated\"><span>Fruit Cider</span><span>5.0% ABV</span></p><p class=\"separated\"><span>2 Towns Ciderhouse</span><span>Corvallis, OR</span></p><p class=\"text-muted small twolines\"><em>Pink lemonade | Citrusy | Refreshing</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">Barley Brown's Pallet Jack IPA</a></h4><p class=\"separated\"><span>American IPA</span><span>7.0% ABV</span><span>70 IBU</span></p><p class=\"separated\"><span>Barley Brown's</span><span>Baker City, OR</span></p><p class=\"text-muted small twolines\"><em>Pine | Citrus | Tropical fruit</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/boneyard-elixir-lemon-ginger-cbd/5026627593568256\">Boneyard Elixir Lemon Ginger CBD</a></h4><p class=\"separated\"><span>Specialty Beer</span></p><p class=\"separated\"><span>Boneyard Elixir LLC</span><span>Bend, OR</span></p><p class=\"text-muted small twolines\"><em>Warming ginger | Touch of lemon | Relaxing</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/breakside-ipa/51885749\">Breakside IPA</a></h4><p class=\"separated\"><span>American IPA</span><span>6.2% ABV</span><span>73 IBU</span></p><p class=\"separated\"><span>Breakside Brewery</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Huge citrus | Pine | Caramel sweetness</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/breakside-up-top/5170932696350720\">Breakside Up Top!</a></h4><p class=\"separated\"><span>4.0% ABV</span></p><p class=\"separated\"><span>Breakside Brewery</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Softly floral | Easy drinkin' | Refreshing</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/double-mountain-killer-juicy/5493658219053056\">Double Mountain Killer Juicy</a></h4><p class=\"separated\"><span>5.6% ABV</span></p><p class=\"separated\"><span>Double Mountain Brewery</span><span>Hood River, OR</span></p><p class=\"text-muted small twolines\"><em>Sticky mango | Ripe peach | Light cannabis</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/ex-novo-vision-of-love/5391374212268032\">Ex Novo Vision Of Love</a></h4><p class=\"separated\"><span>6.2% ABV</span></p><p class=\"separated\"><span>Ex Novo Brewing Co.</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Citrus | Mango | Tropical fruit</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/fort-george-fresh-hop-field-of-greens/5083030905815040\">Fort George Fresh Hop Field Of Greens</a></h4><p class=\"separated\"><span>7.6% ABV</span></p><p class=\"separated\"><span>Fort George Brewery</span><span>Astoria, OR</span></p><p class=\"text-muted small twolines\"><em>Soft | Grapefruit | Lychee</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/gow-ticklish-warrior/6383995322499072\">GOW Ticklish warrior</a></h4><p class=\"separated\"><span>American IPA</span><span>4.8% ABV</span></p><p class=\"separated\"><span>Grains Of Wrath</span><span>Camas, WA</span></p><p class=\"text-muted small twolines\"><em>Light citrus | Hint of toast | Easy drinkin'</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/heater-allen-pils/4630967212048384\">Heater Allen Pils</a></h4><p class=\"separated\"><span>Bohemian-style Pilsner</span><span>5.0% ABV</span><span>36 IBU</span></p><p class=\"separated\"><span>Heater Allen Brewing</span><span>McMinnville, OR</span></p><p class=\"text-muted small twolines\"><em>Strong hop character | Rich | Refreshing</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/little-beast-dream-state-2018/5655124778811392\">Little Beast Dream State (2018)</a></h4><p class=\"separated\"><span>7.0% ABV</span></p><p class=\"separated\"><span>Little Beast Brewing</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Lush fruit | Soft acidity | Complex depth</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/sierra-nevada-bigfoot-barleywine/5282319454175232\">Sierra Nevada  Bigfoot Barleywine</a></h4><p class=\"separated\"><span>American Barleywine</span><span>9.6% ABV</span><span>90 IBU</span></p><p class=\"separated\"><span>Sierra Nevada Brewing Company</span><span>Chico, CA</span></p><p class=\"text-muted small twolines\"><em>Bittersweet malt | Aggressive hops | A classic</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/sierra-nevada-celebration/252528\">Sierra Nevada Celebration</a></h4><p class=\"separated\"><span>American IPA</span><span>6.8% ABV</span><span>65 IBU</span></p><p class=\"separated\"><span>Sierra Nevada Brewing Company</span><span>Chico, CA</span></p><p class=\"text-muted small twolines\"><em>Bold | Intense citrus | Pine</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/stormbreaker-black-is-beautiful/5104083468156928\">Stormbreaker Black is Beautiful</a></h4><p class=\"separated\"><span>Russian Imperial Stout</span><span>10.0% ABV</span></p><p class=\"separated\"><span>StormBreaker Brewing</span><span>Portland, OR</span></p><p class=\"text-muted small twolines\"><em>Rich chocolate | Strawberry ganache | Dessert in a glass</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beer/pfriem-czech-dark-lager/5642593298939904\">pFriem Czech Dark Lager</a></h4><p class=\"separated\"><span>Czech Pale Lager</span><span>5.3% ABV</span></p><p class=\"separated\"><span>pFriem Family Brewers</span><span>Hood River, OR</span></p><p class=\"text-muted small twolines\"><em>Dates | Toffee | Bread Crust</em></p><p class=\"tags\"></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beverage/14-hands-cabernet-sauvignon/4801167997665280\">14 Hands Cabernet Sauvignon</a></h4><p class=\"separated\"><span>Cabernet Sauvignon</span><span>13.5%</span></p><p class=\"separated\"><span>14 Hands</span><span>Washington</span></p><p class=\"text-muted small twolines\"><em>Full bodied, flavors of dark fruit and toasted wood.</em></p><p class=\"tags\"><span class=\"label label-default\">Vintage: 2015</span></p></div>,\n",
       " <div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"/beverage/acrobat-pinot-gris/4857905153179648\">Acrobat Pinot Gris</a></h4><p class=\"separated\"><span>Pinot Grigio/Gris</span><span>13.5%</span></p><p class=\"separated\"><span>Acrobat Vineyards</span><span>Oregon</span></p><p class=\"text-muted small twolines\"><em>Grapefruit, lime &amp; lemon zest. Bright finish.</em></p><p class=\"tags\"><span class=\"label label-default\">Vintage: 2016</span></p></div>]"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Extract the element containing each beer's info,\n",
    "# and name the result list tap_list\n",
    "# Write your code here\n",
    "tap_list = soup.find_all(\"div\", class_=\"media-body\")\n",
    "tap_list"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "NnYMvuXRYart"
   },
   "source": [
    "### Exercise 2.4.2 Printing extracted elements\n",
    "\n",
    "Because of the BeautifulSoup features attached to `tap_list`, we can use some of the same methods on individual elements (beer entries) in `tap_list` that we used earlier on our `soup` object.\n",
    "\n",
    "Assign the **third** list element of `tap_list` to a variable named `third_beer_entry`, then use `.prettify()` to print it.\n",
    "\n",
    "*Hint: python uses 0-based indexing,* e.g. `my_list[0]` is the first element in `my_list`, and `my_list[1]` is the second element."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "AdcfDzK1Yart",
    "outputId": "75092683-7a64-4173-b980-0b78fccff822"
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<div class=\"media-body\">\n",
      " <h4 class=\"media-heading\">\n",
      "  <a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">\n",
      "   Barley Brown's Pallet Jack IPA\n",
      "  </a>\n",
      " </h4>\n",
      " <p class=\"separated\">\n",
      "  <span>\n",
      "   American IPA\n",
      "  </span>\n",
      "  <span>\n",
      "   7.0% ABV\n",
      "  </span>\n",
      "  <span>\n",
      "   70 IBU\n",
      "  </span>\n",
      " </p>\n",
      " <p class=\"separated\">\n",
      "  <span>\n",
      "   Barley Brown's\n",
      "  </span>\n",
      "  <span>\n",
      "   Baker City, OR\n",
      "  </span>\n",
      " </p>\n",
      " <p class=\"text-muted small twolines\">\n",
      "  <em>\n",
      "   Pine | Citrus | Tropical fruit\n",
      "  </em>\n",
      " </p>\n",
      " <p class=\"tags\">\n",
      " </p>\n",
      "</div>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "# Pretty-print the third element of tap_list\n",
    "# Write your code here\n",
    "third_beer_entry = tap_list[2]\n",
    "print(third_beer_entry.prettify())"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "aDlQLdQIYary"
   },
   "source": [
    "With indentation, it's much easier to see the HTML structure of these individual beer entries.\n",
    "\n",
    "If we printed each list element (beer entry) in `tap_list`, they would all share similar structure to what we see above for `third_beer_entry`. You can also verify this by returning to the browswer inspector and noticing patterns in the HTML for each beer entry.\n",
    "\n",
    "### Exercise 2.4.3: Identifying enclosing tags\n",
    "Before we move on, take another look at `third_beer_entry` printed above and locate the **tags that *immediately* contain**:\n",
    "- the beer name\n",
    "- the brewery name\n",
    "\n",
    "What kinds of tags are they?"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "ZqSYCXFIYary"
   },
   "source": [
    "## 2.5 Straining extracted elements\n",
    "\n",
    "Clearly, there's a lot of extra data in each of these `tap_list` elements that we don't need, like the ABV and type of beer. We need to pull out:\n",
    "- the beer name\n",
    "- the brewery name\n",
    "\n",
    "Because elements extracted from `soup` inherit some of the special methods of BeautifulSoup objects, we can use `.find_all()` on each list element in `tap_list` to further search within each beer entry.\n",
    "\n",
    "As we discovered when printing the `third_beer_entry` above, the name of the beer sits inside a hyperlink or `<a>` tag. Lucky for us, there is only one hyperlink per beer entry. Because `<a>` is a unique tag within each beer entry:\n",
    "- we can us the `<a>` tag to extract the name of the beer\n",
    "- we can use `.find()` instead of `.find_all()` to return only one result\n",
    "\n",
    "Let's try that now on the `third_beer_entry` variable.\n",
    "\n",
    "### Exercise 2.5.1: Extracting the beer name\n",
    "\n",
    "Use `.find()` to extract the first (and only) hyperlink element in `third_beer_entry`. Save the results to a variable named `a_tag`, and print it.\n",
    "\n",
    "*Hint: hyperlinks use the `<a>` tag.*"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "LPw-mn-9Yarz",
    "outputId": "42e1dc63-81de-473a-ee98-0e0d0a030505"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">Barley Brown's Pallet Jack IPA</a>"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Extract one hyperlink from the 'beer_entry' object\n",
    "# Write your code here\n",
    "a_tag = third_beer_entry.find(\"a\")\n",
    "a_tag"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "aybXshAPYar1"
   },
   "source": [
    "Once you extract it, check out the data type for `a_tag`:"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "4t6B0dedYar1",
    "outputId": "90bfe2b6-01aa-4bc4-9105-01015255f71f"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "bs4.element.Tag"
      ]
     },
     "execution_count": 14,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Run this code cell\n",
    "type(a_tag)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "ocq3TN-zYar4"
   },
   "source": [
    "Notice it's not a string, but rather a BeautifulSoup object called a Tag. Just like `third_beer_entry` has BeautifulSoup methods, `a_tag` also has BeautifulSoup methods, all inherited from our original BeautifulSoup object, `soup`. You can learn more about the Tag object [here](https://www.crummy.com/software/BeautifulSoup/bs4/doc/#tag)."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "TwQ2JE2CYar4"
   },
   "source": [
    "###  2.5.2 Stripping the tags\n",
    "\n",
    "Now we've reached the smallest unit - the single HTML element - that immediately encloses the name of the beer:\n",
    "\n",
    "`<a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">Barley Brown's Pallet Jack IPA</a>`\n",
    "\n",
    "We used tags as signposts to navigate through our `soup` and `tap_list` objects until we reached our target data. However, we don't want to include the openeing and closing tags or attributes in our final data table. We only want the name of the beer, which is the **text** between the opening and closing `<a>` tags, `Barley Brown's Pallet Jack IPA`.\n",
    "\n",
    "The way to extract only the text from a tag object is the `.get_text()` method, e.g. \n",
    "```python\n",
    "bsTag.get_text()\n",
    "```\n",
    "\n",
    "### Exercise 2.5.2 Retriving the beer name as a simple string\n",
    "\n",
    "Use the `.get_text()` method to extract the text from `a_tag`. Assign the result to `beer_name` and display `beer_name`."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 35
    },
    "id": "2bvRZDNKYar5",
    "outputId": "686ee966-c58f-4312-f60f-dadc807eee1b"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "\"Barley Brown's Pallet Jack IPA\""
      ]
     },
     "execution_count": 15,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Write code to extract the text from the a_tag object\n",
    "beer_name = a_tag.get_text()\n",
    "beer_name"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "wDhg-LsiYar8"
   },
   "source": [
    "## 2.5.3 Combining our extraction steps into a for loop\n",
    "\n",
    "We've written code to extract the beer name from a *single* beer entry of the list object we generated called `tap_list`. Now it's time to apply the same process to the rest of the entries in `tap_list`.\n",
    "\n",
    "### Exercise 2.5.3: Putting it all together with loops\n",
    "\n",
    "Let's write some code to extract all the beer names by looping through our `tap_list`. \n",
    "\n",
    "Construct a `for` loop using the code bits we've written above to find the tag containing the beer name and extract just the text. Add a final step in the loop that appends the beer name to the list `beer_names`, which has been initialized below. Finally, display the `beer_names` list."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "S-OmhibdYar8",
    "outputId": "0774b930-82ec-426a-9844-5f4480772c08"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['Russian River Pliny The Elder',\n",
       " '2 Towns Ciderhouse Easy Squeezy',\n",
       " \"Barley Brown's Pallet Jack IPA\",\n",
       " 'Boneyard Elixir Lemon Ginger CBD',\n",
       " 'Breakside IPA',\n",
       " 'Breakside Up Top!',\n",
       " 'Double Mountain Killer Juicy',\n",
       " 'Ex Novo Vision Of Love',\n",
       " 'Fort George Fresh Hop Field Of Greens',\n",
       " 'GOW Ticklish warrior',\n",
       " 'Heater Allen Pils',\n",
       " 'Little Beast Dream State (2018)',\n",
       " 'Sierra Nevada  Bigfoot Barleywine',\n",
       " 'Sierra Nevada Celebration',\n",
       " 'Stormbreaker Black is Beautiful',\n",
       " 'pFriem Czech Dark Lager',\n",
       " '14 Hands Cabernet Sauvignon',\n",
       " 'Acrobat Pinot Gris']"
      ]
     },
     "execution_count": 16,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Fill in the '--'s to create a loop that extracts all the beer names from tap_list\n",
    "beer_names = []\n",
    "\n",
    "for beer in tap_list:\n",
    "  a_tag = beer.find('a')\n",
    "  beer_name = a_tag.get_text()\n",
    "  beer_names.append(beer_name)\n",
    "\n",
    "beer_names"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "9XYB5uIZYar-"
   },
   "source": [
    "Congrats! You've just extracted a data type from a webpage and never once used copy/paste shortcuts!\n",
    "\n",
    "Before we move on to extracting the brewery name, notice that the last two entries in `beer_names` are wineries, not breweries. You can ignore those two for now - we'll filter them out later. Just keep in mind that the last two entries of `tap_list` are wine, not beer, so their associated entries in `tap_list` might look a little different than the beer entries."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "ks8IRxiWYar_"
   },
   "source": [
    "## 2.5.3 Extracting the brewery name\n",
    "\n",
    "Let's repeat the process we just completed for beer names to now extract the brewery names.\n",
    "\n",
    "### Exercise 2.5.3 Taking another look at one beer entry's HTML\n",
    "Execute the code block below, then take another look at the tags within the `third_beer_entry` from `tap_list`. Identify the type of tag flanking the brewery name."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "U3DK0FahYar_",
    "outputId": "e9e585cf-f5f4-4702-c378-12c35c189149"
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<div class=\"media-body\">\n",
      " <h4 class=\"media-heading\">\n",
      "  <a href=\"/beer/barley-browns-pallet-jack-ipa/5064484871733248\">\n",
      "   Barley Brown's Pallet Jack IPA\n",
      "  </a>\n",
      " </h4>\n",
      " <p class=\"separated\">\n",
      "  <span>\n",
      "   American IPA\n",
      "  </span>\n",
      "  <span>\n",
      "   7.0% ABV\n",
      "  </span>\n",
      "  <span>\n",
      "   70 IBU\n",
      "  </span>\n",
      " </p>\n",
      " <p class=\"separated\">\n",
      "  <span>\n",
      "   Barley Brown's\n",
      "  </span>\n",
      "  <span>\n",
      "   Baker City, OR\n",
      "  </span>\n",
      " </p>\n",
      " <p class=\"text-muted small twolines\">\n",
      "  <em>\n",
      "   Pine | Citrus | Tropical fruit\n",
      "  </em>\n",
      " </p>\n",
      " <p class=\"tags\">\n",
      " </p>\n",
      "</div>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "# Run this code cell\n",
    "third_beer_entry = tap_list[2]\n",
    "print(third_beer_entry.prettify())"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "v0aedzCoYasB"
   },
   "source": [
    "### Exercise 2.5.2 Extract the brewery name from a single beer entry\n",
    "\n",
    "Unlike the unique `<a>` tag that we used to extract the beer name, the brewery name is enclosed in a `<span>` tag. As evidenced in the printed entry above, `<span>` tags appear multiple times within a single beer entry. This means extracting the brewery name will be a little trickier than extracting the beer name.\n",
    "\n",
    "Before we build a loop, let's first extract the `<span>` tags from a single beer entry. \n",
    "\n",
    "In terms of strategy, we'll need to:\n",
    "- Use `.find_all()` instead of .`find()`, which returns a list of results\n",
    "- Use list indices to select the `<span>` element containing the brewery name from the list of results\n",
    "- Assign the **text only** of the single tag containing the brewery name to a variable called `brewery_name`, and display it"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 35
    },
    "id": "m2wEqdcwYasB",
    "outputId": "93e5d280-2d7d-49cc-c5d8-e4a450fa7460"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "\"Barley Brown's\""
      ]
     },
     "execution_count": 18,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Fill in the '--'s to extract the brewery name\n",
    "span_list = third_beer_entry.find_all('span')\n",
    "brewery_span = span_list[3]\n",
    "brewery_name = brewery_span.get_text()\n",
    "brewery_name"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "-y_WV1SIYasD"
   },
   "source": [
    "### Exercise 2.5.2: Extract the brewery names for all beer entries in `tap_list`\n",
    "\n",
    "Adapting the code above for a single beer entry, write a `for` loop to extract all the brewery names and append them to a new list named `breweries`. Don't forget to disregard the last two entries of `tap_list` that are wine and not beer.\n",
    "\n",
    "**NOTE:** If you don't get the results you expect, how might you adapt your code to handle slight variations in the tag structure of each beer entry in `tap_list`?\n",
    "\n",
    "*Hint: There are two directions you can move through a list - from the beginning or from the end.*"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "XYGaNIfjYasD",
    "outputId": "d5da8619-62e9-4155-9c9d-30983f3f4281"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['Santa Rosa, CA',\n",
       " '2 Towns Ciderhouse',\n",
       " \"Barley Brown's\",\n",
       " 'Boneyard Elixir LLC',\n",
       " 'Breakside Brewery',\n",
       " 'Breakside Brewery',\n",
       " 'Double Mountain Brewery',\n",
       " 'Ex Novo Brewing Co.',\n",
       " 'Fort George Brewery',\n",
       " 'Grains Of Wrath',\n",
       " 'Heater Allen Brewing',\n",
       " 'Little Beast Brewing',\n",
       " 'Sierra Nevada Brewing Company',\n",
       " 'Sierra Nevada Brewing Company',\n",
       " 'StormBreaker Brewing',\n",
       " 'pFriem Family Brewers',\n",
       " 'Washington',\n",
       " 'Oregon']"
      ]
     },
     "execution_count": 19,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Fill in the '--'s to loop through tap_list, extract brewery names, and assign to \"breweries\" list\n",
    "breweries = []\n",
    "\n",
    "for beer in tap_list:\n",
    "  span_list = beer.find_all('span')\n",
    "  brewery_span = span_list[-2]\n",
    "  brewery_name = brewery_span.get_text()\n",
    "  breweries.append(brewery_name)\n",
    "\n",
    "breweries"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "Zb_3TRhaYasF"
   },
   "source": [
    "Is it too early to crack a beer? Because we now have all the data we aimed to collect - beer name, and brewery name - in two neat lists!\n",
    "\n",
    "# Step 3: Formatting the data \n",
    "\n",
    "This last part is a breeze in that it's very strightforward. We'll use the `pandas` library to turn our lists into a dataframe.\n",
    "\n",
    "First, we import the `pandas` library."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {
    "id": "OAupV7r8YasG"
   },
   "outputs": [],
   "source": [
    "# Run this code cell\n",
    "import pandas as pd"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "6ui74jO4YasI"
   },
   "source": [
    "Because we plan to populate our database for the beer alert feature with tap lists from other breweries, it's important to indicate the bar name for each beer entry. Let's create a list that will become the data column for bar names.\n",
    "\n",
    "### Exercise 3.1 Create a bar name list\n",
    "Because all of our data came from the same bar - Belmont Station - we need to generate a list that repeats the bar name for the same number of times as we have beer entries.\n",
    "\n",
    "Create a list called `bars` that is the same length as our `beer_names` and `breweries` lists. Each element of the `bars` list should be the same - the string, \"Belmont Station\".\n",
    "\n",
    "*Hint: The multiplication function can be used on lists.*"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 21,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/"
    },
    "id": "ydb2t98eYasJ",
    "outputId": "67b75705-140e-4c3f-a097-1bd072b83c26"
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station',\n",
       " 'Belmont Station']"
      ]
     },
     "execution_count": 21,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Fill in the '--' to create a list called bars of the same length as \n",
    "# beer_names. Every list element of bars should be \"Belmont Station\".\n",
    "num_beers = len(beer_names)\n",
    "bars = ['Belmont Station'] * num_beers\n",
    "bars"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "RY-jGDeXYasL"
   },
   "source": [
    "### Exercise 3.2 Build the data table\n",
    "\n",
    "We'll now use `pandas`' DataFrame constructor to build our data table. \n",
    "\n",
    "Let's call the DataFrame `active_taps`, and name our columns \"beer_name\", \"brewery\", and \"bar_name\".\n",
    "\n",
    "*Hint: There are a couple ways to do this, but I like to pass in a dictionary to the DataFrame constructor where the keys are the data column names, and the values are the data lists. For example:*\n",
    "```python\n",
    "pd.DataFrame({'col1_name': list1, \n",
    "              'col2_name': list2, \n",
    "              'col3_name': list3})\n",
    "```\n",
    "\n",
    "Complete the code block below. The column names are provided for you. Fill in the list name that goes with each of these column names."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 22,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 607
    },
    "id": "l4aCLSczYasM",
    "outputId": "bc80bd9f-1099-491e-9c1a-7b45d160db06"
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>beer_name</th>\n",
       "      <th>brewery</th>\n",
       "      <th>bar_name</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>Russian River Pliny The Elder</td>\n",
       "      <td>Santa Rosa, CA</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2 Towns Ciderhouse Easy Squeezy</td>\n",
       "      <td>2 Towns Ciderhouse</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Barley Brown's Pallet Jack IPA</td>\n",
       "      <td>Barley Brown's</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Boneyard Elixir Lemon Ginger CBD</td>\n",
       "      <td>Boneyard Elixir LLC</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Breakside IPA</td>\n",
       "      <td>Breakside Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>Breakside Up Top!</td>\n",
       "      <td>Breakside Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>Double Mountain Killer Juicy</td>\n",
       "      <td>Double Mountain Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>Ex Novo Vision Of Love</td>\n",
       "      <td>Ex Novo Brewing Co.</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>Fort George Fresh Hop Field Of Greens</td>\n",
       "      <td>Fort George Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>9</th>\n",
       "      <td>GOW Ticklish warrior</td>\n",
       "      <td>Grains Of Wrath</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>10</th>\n",
       "      <td>Heater Allen Pils</td>\n",
       "      <td>Heater Allen Brewing</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>11</th>\n",
       "      <td>Little Beast Dream State (2018)</td>\n",
       "      <td>Little Beast Brewing</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>12</th>\n",
       "      <td>Sierra Nevada  Bigfoot Barleywine</td>\n",
       "      <td>Sierra Nevada Brewing Company</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>13</th>\n",
       "      <td>Sierra Nevada Celebration</td>\n",
       "      <td>Sierra Nevada Brewing Company</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>14</th>\n",
       "      <td>Stormbreaker Black is Beautiful</td>\n",
       "      <td>StormBreaker Brewing</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>15</th>\n",
       "      <td>pFriem Czech Dark Lager</td>\n",
       "      <td>pFriem Family Brewers</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>16</th>\n",
       "      <td>14 Hands Cabernet Sauvignon</td>\n",
       "      <td>Washington</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>17</th>\n",
       "      <td>Acrobat Pinot Gris</td>\n",
       "      <td>Oregon</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                beer_name                        brewery  \\\n",
       "0           Russian River Pliny The Elder                 Santa Rosa, CA   \n",
       "1         2 Towns Ciderhouse Easy Squeezy             2 Towns Ciderhouse   \n",
       "2          Barley Brown's Pallet Jack IPA                 Barley Brown's   \n",
       "3        Boneyard Elixir Lemon Ginger CBD            Boneyard Elixir LLC   \n",
       "4                           Breakside IPA              Breakside Brewery   \n",
       "5                       Breakside Up Top!              Breakside Brewery   \n",
       "6            Double Mountain Killer Juicy        Double Mountain Brewery   \n",
       "7                  Ex Novo Vision Of Love            Ex Novo Brewing Co.   \n",
       "8   Fort George Fresh Hop Field Of Greens            Fort George Brewery   \n",
       "9                    GOW Ticklish warrior                Grains Of Wrath   \n",
       "10                      Heater Allen Pils           Heater Allen Brewing   \n",
       "11        Little Beast Dream State (2018)           Little Beast Brewing   \n",
       "12      Sierra Nevada  Bigfoot Barleywine  Sierra Nevada Brewing Company   \n",
       "13              Sierra Nevada Celebration  Sierra Nevada Brewing Company   \n",
       "14        Stormbreaker Black is Beautiful           StormBreaker Brewing   \n",
       "15                pFriem Czech Dark Lager          pFriem Family Brewers   \n",
       "16            14 Hands Cabernet Sauvignon                     Washington   \n",
       "17                     Acrobat Pinot Gris                         Oregon   \n",
       "\n",
       "           bar_name  \n",
       "0   Belmont Station  \n",
       "1   Belmont Station  \n",
       "2   Belmont Station  \n",
       "3   Belmont Station  \n",
       "4   Belmont Station  \n",
       "5   Belmont Station  \n",
       "6   Belmont Station  \n",
       "7   Belmont Station  \n",
       "8   Belmont Station  \n",
       "9   Belmont Station  \n",
       "10  Belmont Station  \n",
       "11  Belmont Station  \n",
       "12  Belmont Station  \n",
       "13  Belmont Station  \n",
       "14  Belmont Station  \n",
       "15  Belmont Station  \n",
       "16  Belmont Station  \n",
       "17  Belmont Station  "
      ]
     },
     "execution_count": 22,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Fill in the '--'s with our data lists to construct a DataFrame\n",
    "active_taps = pd.DataFrame({\n",
    "    \"beer_name\": beer_names,\n",
    "    \"brewery\": breweries,\n",
    "    \"bar_name\": bars\n",
    "})\n",
    "\n",
    "active_taps"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "ATsVTTBSYasP"
   },
   "source": [
    "### Exercise 3.3: Toss the wine rows\n",
    "Finally, let's ditch our last two rows, which contain wine data, not beer data.\n",
    "\n",
    "Drop the last two rows and save it back to the `active_taps` DataFrame."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 23,
   "metadata": {
    "colab": {
     "base_uri": "https://localhost:8080/",
     "height": 545
    },
    "id": "iA0lYxuLYasP",
    "outputId": "07fc514b-b1db-4548-8ac3-83828db8edce"
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>beer_name</th>\n",
       "      <th>brewery</th>\n",
       "      <th>bar_name</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>Russian River Pliny The Elder</td>\n",
       "      <td>Santa Rosa, CA</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>2 Towns Ciderhouse Easy Squeezy</td>\n",
       "      <td>2 Towns Ciderhouse</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Barley Brown's Pallet Jack IPA</td>\n",
       "      <td>Barley Brown's</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Boneyard Elixir Lemon Ginger CBD</td>\n",
       "      <td>Boneyard Elixir LLC</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Breakside IPA</td>\n",
       "      <td>Breakside Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>5</th>\n",
       "      <td>Breakside Up Top!</td>\n",
       "      <td>Breakside Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>6</th>\n",
       "      <td>Double Mountain Killer Juicy</td>\n",
       "      <td>Double Mountain Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>7</th>\n",
       "      <td>Ex Novo Vision Of Love</td>\n",
       "      <td>Ex Novo Brewing Co.</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>8</th>\n",
       "      <td>Fort George Fresh Hop Field Of Greens</td>\n",
       "      <td>Fort George Brewery</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>9</th>\n",
       "      <td>GOW Ticklish warrior</td>\n",
       "      <td>Grains Of Wrath</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>10</th>\n",
       "      <td>Heater Allen Pils</td>\n",
       "      <td>Heater Allen Brewing</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>11</th>\n",
       "      <td>Little Beast Dream State (2018)</td>\n",
       "      <td>Little Beast Brewing</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>12</th>\n",
       "      <td>Sierra Nevada  Bigfoot Barleywine</td>\n",
       "      <td>Sierra Nevada Brewing Company</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>13</th>\n",
       "      <td>Sierra Nevada Celebration</td>\n",
       "      <td>Sierra Nevada Brewing Company</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>14</th>\n",
       "      <td>Stormbreaker Black is Beautiful</td>\n",
       "      <td>StormBreaker Brewing</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>15</th>\n",
       "      <td>pFriem Czech Dark Lager</td>\n",
       "      <td>pFriem Family Brewers</td>\n",
       "      <td>Belmont Station</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                beer_name                        brewery  \\\n",
       "0           Russian River Pliny The Elder                 Santa Rosa, CA   \n",
       "1         2 Towns Ciderhouse Easy Squeezy             2 Towns Ciderhouse   \n",
       "2          Barley Brown's Pallet Jack IPA                 Barley Brown's   \n",
       "3        Boneyard Elixir Lemon Ginger CBD            Boneyard Elixir LLC   \n",
       "4                           Breakside IPA              Breakside Brewery   \n",
       "5                       Breakside Up Top!              Breakside Brewery   \n",
       "6            Double Mountain Killer Juicy        Double Mountain Brewery   \n",
       "7                  Ex Novo Vision Of Love            Ex Novo Brewing Co.   \n",
       "8   Fort George Fresh Hop Field Of Greens            Fort George Brewery   \n",
       "9                    GOW Ticklish warrior                Grains Of Wrath   \n",
       "10                      Heater Allen Pils           Heater Allen Brewing   \n",
       "11        Little Beast Dream State (2018)           Little Beast Brewing   \n",
       "12      Sierra Nevada  Bigfoot Barleywine  Sierra Nevada Brewing Company   \n",
       "13              Sierra Nevada Celebration  Sierra Nevada Brewing Company   \n",
       "14        Stormbreaker Black is Beautiful           StormBreaker Brewing   \n",
       "15                pFriem Czech Dark Lager          pFriem Family Brewers   \n",
       "\n",
       "           bar_name  \n",
       "0   Belmont Station  \n",
       "1   Belmont Station  \n",
       "2   Belmont Station  \n",
       "3   Belmont Station  \n",
       "4   Belmont Station  \n",
       "5   Belmont Station  \n",
       "6   Belmont Station  \n",
       "7   Belmont Station  \n",
       "8   Belmont Station  \n",
       "9   Belmont Station  \n",
       "10  Belmont Station  \n",
       "11  Belmont Station  \n",
       "12  Belmont Station  \n",
       "13  Belmont Station  \n",
       "14  Belmont Station  \n",
       "15  Belmont Station  "
      ]
     },
     "execution_count": 23,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# Fill in '--' to drop the last two rows of the DataFrame\n",
    "active_taps = active_taps[:-2]\n",
    "active_taps"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "id": "KL5wY6G6YasR"
   },
   "source": [
    "There you have it, from soup to tidy data!\n",
    "\n",
    "From here, you could export the data to a .xlsx or .csv, or build a SQL database, etc., that our hypothetical beer app could then pull in data from to perform our \"favorite beer alert\" feature.\n",
    "\n",
    "# Additional exercises\n",
    "If you had fun web scraping, here's a few more exercises you can try on your own using this Taphunter HTML:\n",
    "- extract the beer type\n",
    "- extract the ABV\n",
    "- extract the brewery location\n",
    "- extract the bar's hours and phone number\n",
    "- turn each extraction step into a function\n",
    "- write a TapHunter web scraping script and try it out on another bar's TapHunter page\n",
    "\n",
    "I highly encourage you to try out your web scraping skills on other websites, as every website's HTML will be as unique as the developers that built it.\n",
    "\n",
    "## Big thanks!\n",
    "I hope you had fun learning how to data-ify the internet! Thanks so much for your time and attention today. \n",
    "\n",
    "I also want to thank the BioData Club organizers (Robin Champeaux, Ted Laderas, Marijane White, and Eric Earl) for this opportunity as well as their support & feedback.\n",
    "\n",
    "# Resources\n",
    "\n",
    "- [requests](https://requests.readthedocs.io/en/master/) library documentation]\n",
    "- [BeautifulSoup4](https://www.crummy.com/software/BeautifulSoup/bs4/doc/) library documentation\n",
    "- [pandas](https://pandas.pydata.org/docs/user_guide/index.html) library documentation\n",
    "- If you like how-to coding books, check out *Web Scraping with Python* by Ryan Mitchell ([link](https://books.google.com/books/about/Web_Scraping_with_Python.html?id=v_k6jwEACAAJ))"
   ]
  }
 ],
 "metadata": {
  "colab": {
   "collapsed_sections": [],
   "include_colab_link": true,
   "name": "solutions_to_webscraping_workshop.ipynb",
   "provenance": []
  },
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.6.11"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 1
}