Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
304 lines (286 sloc) 14.3 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="A clone of the Google results page">
<meta name="author" content="Lucas Ogden-Davis">
<title>Google(?) Search(?)</title>
<link href="images/googleg_lodp.ico" rel="shortcut icon" type="image/x-icon">
<link href="styles/global.css" type="text/css" rel="stylesheet">
<link href="styles/results-page.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<div class="header-left">
<ul>
<li><a href="index.html"><img src="images/googlelogo-small.png" alt="Google" width="120px" height="44px" title="Go to Google(?) Home"></a></li>
<li><input type="search" class="search-bar" id="field" value="how to eat a pickle"></input></li>
</ul>
</div>
<div class="header-right">
<ul>
<li>
<div id="apps" title="Google apps">
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
</div>
</li>
<li>
<div id="notifications"><img src="images/bell-icon.png" alt="Google notifications bell logo" title="Google notifications" width="12px" height="12px"></div>
</li>
<li><img src="images/googleprofilephoto.jpg" alt="Google Account profile photo" title="Google Account" width="32px" height="32px"></li>
</ul>
</div>
</header>
<div class="results-types">
<div id="underline"></div>
<ul class="types">
<li id="all">All</li>
<li>Videos</li>
<li>Images</li>
<li>Shopping</li>
<li>Maps</li>
<li>More</li>
</ul>
<ul class="settings-tools">
<li>Settings</li>
<li id="tool-button">Tools<div id="tool-button-outline"></div></li>
</ul>
</div>
<main>
<div class="results-info">
About 40,200,000 results (0.53 seconds)
</div>
<div class="featured-result">
<div class="featured-blurb">
Layer <strong>pickle</strong> slices on a peanut butter sandwich or, as Garlic Fiend suggested, mix the juice with peanut butter and spread it on apple slices. Go all the way with a <strong>pickle</strong> round on top. Or freeze the brine into <strong>pickle</strong> pops like our editor Amanda. Use <strong>pickles</strong> and their brine in salad dressing. <span class="blurb-date">Jul 20, 2015</span>
</div>
<div class="featured-image">
<a href="https://www.google.com/imgres?imgurl=https://i.ytimg.com/vi/i4d-ABi8L3I/maxresdefault.jpg&imgrefurl=https://www.youtube.com/watch?v%3Di4d-ABi8L3I&h=831&w=1415&tbnid=OsogLF93G-xffM:&q=how+to+eat+a+pickle&tbnh=160&tbnw=272&usg=AFrqEzcLPxCN8WiXywq5hVIXPGScD0NnEQ&vet=12ahUKEwje8ffrkNHcAhUC7FMKHVRfCzoQ9QEwAHoECAcQBg..i&docid=EwUvFvxwaPmpmM&client=firefox-b-1-ab&sa=X&ved=2ahUKEwje8ffrkNHcAhUC7FMKHVRfCzoQ9QEwAHoECAcQBg"><img src="images/results/skeptical-pickle-girl.png" alt="A young girl makes a sour face after taking a bite of a pickle"></a>
</div>
<div class="featured-link">
<a href="https://food52.com/blog/13564-strange-but-good-9-ways-to-eat-pickles">9 Ways to Eat Pickles - Food 52</a>
</div>
<div class="featured-url">
https://food52.com/blog/13564-strange-but-good-9-ways-to-eat-pickles
</div>
<div class="featured-about">
<ul>
<li><img src="images/icons/about-icon.svg" width="16px" height="16px">About this result</li>
<li><img src="images/icons/feedback-icon.svg" width="14px" height="14px">Feedback</li>
</ul>
</div>
</div> <!-- end of featured result -->
<div class="videos">
<h1>Videos</h1>
<div class="videos-scroller">
<div class="video" id="video1">
<div class="video-thumbnail">
<a href="https://www.youtube.com/watch?v=hR8WRVdp84I">
<figure>
<img src="images/results/video1.png" alt="Boy eats a pickle" height="115px" width="205px">
<figcaption>How to eat a pickle</figcaption>
</figure>
</a>
</div>
<div class="video-info">
<div class="video-user">Nanosaur3</div>
<div class="video-published">
<span class="video-source">YouTube</span>
<span class="video-date">- Jan 1, 2009</span>
</div>
</div>
</div>
<div class="video" id="video2">
<div class="video-thumbnail">
<a href="https://www.youtube.com/watch?v=GUUAu_aiaVw">
<figure>
<img src="images/results/video2.png" alt="Woman eats a pickle" height="115px" width="205px">
<figcaption>Pickle ASMR Eating Sounds/BIG Crunch/Intense</figcaption>
</figure>
</a>
</div>
<div class="video-info">
<div class="video-user">ASMRTheChew</div>
<div class="video-published">
<span class="video-source">YouTube</span>
<span class="video-date">- Apr 27, 2017</span>
</div>
</div>
</div>
<div class="video" id="video3">
<div class="video-thumbnail">
<a href="https://www.youtube.com/watch?v=kawVysmW70k">
<figure>
<img src="images/results/video3.png" alt="Man eats a pickle" height="115px" width="205px">
<figcaption>How To Become A Pickle Eating<br> Champion</figcaption>
</figure>
</a>
</div>
<div class="video-info">
<div class="video-user">Videojug</div>
<div class="video-published">
<span class="video-source">YouTube</span>
<span class="video-date">- Jan 21, 2012</span>
</div>
</div>
</div>
<div id="more-videos">
<img src="images/icons/arrow-right-icon.svg" height="24px" width="24px">
</div>
</div>
</div> <!-- end of videos -->
<div class="main-results">
<div class="result">
<h1><a href="https://food52.com/blog/13564-strange-but-good-9-ways-to-eat-pickles">9 Ways to Eat Pickles - Food52</a></h1>
<div class="result-url">
https://food52.com/blog/13564-strange-but-good-9-ways-to-eat-pickles
</div>
<div class="result-text">
<span class="result-date">Jul 20, 2015</span>
<span class="result-description"> - Layer <strong>pickle</strong> slices on a peanut butter sandwich or, as Garlic Fiend suggested, mix the juice with peanut butter and spread it on apple slices. Go all the way with a <strong>pickle</strong> round on top. Or freeze the brine into <strong>pickle</strong> pops like our editor Amanda. Use <strong>pickles</strong> and their brine in salad dressing.</span>
</div>
</div>
<div class="result">
<h1><a href="https://www.chowhound.com/post/pickles-ways-eat-390315">Pickles- any other ways to eat them? - General Discussion - Chowhound</a></h1>
<div class="result-url">
https://www.chowhound.com/post/pickles-ways-eat-390315
</div>
<div class="result-text">
<span class="result-date">Apr 10, 2007</span>
<span class="result-description"> - I recently watched a show on the travel channel and the host was in Russia. She sampled some <strong>pickles</strong> with honey and sour cream.</span>
</div>
</div>
<div class="result">
<h1><a href="https://www.brit.co/pickle-recipes/">11 New Reipes to Eat Pickles | Brit + Co</a></h1>
<div class="result-url">
https://www.brit.co › Food › Recipes
</div>
<div class="result-text">
<span class="result-date">Jan 22, 2016</span>
<span class="result-description"> - When you think about <strong>pickles</strong>, you may imagine them as ballpark hot dog toppings or a deli sandwich side. Past that, they might seem to max ...</span>
</div>
</div>
<div class="result">
<h1><a href="https://www.quora.com/How-do-I-eat-Indian-pickles">How to eat Indian pickles - Quora</a></h1>
<div class="result-url">
https://www.quora.com/How-do-I-eat-Indian-pickles
</div>
<div class="result-text">
<span class="result-date"></span>
<span class="result-description">Indian <strong>pickles</strong> are filled with variety of flavours. I like relishing its taste with plain rice. Yes, the combination of hot plain rice and any <strong>pickle</strong> is a taste made in ...</span>
</div>
</div>
<div class="result">
<h1><a href="https://www.thethings.com/15-delectable-meals-snack-ideas-for-the-pickle-obsessed/">15 Delectable Meals & Snack Ideas For The Pickle-Obsessed</a></h1>
<div class="result-url">
https://www.thethings.com/15-delectable-meals-snack-ideas-for-the-pickle-obsessed/
</div>
<div class="result-text">
<span class="result-date">Jun 9, 2016</span>
<span class="result-description"> - You can cut them up into spears or chips, or you can just <strong>eat</strong> them as is. To the <strong>pickle</strong>-obsessed people out there (looking at you, Snookie), ...</span>
</div>
</div>
<div class="result">
<h1><a href="https://www.purewow.com/food/Feeling-Stressed--Eat-a-Pickle">Feeling Stressed? Eat a Pickle | Food | PureWow National</a></h1>
<div class="result-url">
https://www.purewow.com/food/Feeling-Stressed--Eat-a-Pickle
</div>
<div class="result-text">
<span class="result-date"></span>
<span class="result-description"><strong>Eat a Pickle</strong>. Why fermented foods just might help you chill. By. Lauren Gniazdowski. | Jul. 1, 2015. There are plenty of ways to deal with stress: meditate and ...</span>
</div>
</div>
<div class="result">
<h1><a href="https://www.healthline.com/health/food-nutrition/are-pickles-good-for-you">Are Pickles Good for You? - Healthline</a></h1>
<div class="result-url">
https://www.healthline.com/health/food-nutrition/are-pickles-good-for-you
</div>
<div class="result-text">
<span class="result-date">Apr 6, 2015</span>
<span class="result-description"> - These healthy bacteria help to keep fermented food safe and less likely to spoil, and can also help increase the good bacteria in your gut when eaten. While <strong>pickles</strong> don't have a lot of vitamins and minerals themselves, <strong>eating a pickle</strong> with a meal can boost the probiotic content of any meal you <strong>eat</strong>.</span>
</div>
</div>
<div class="result">
<h1><a href="https://hellogiggles.com/lifestyle/food-drink/7-new-ways-to-eat-pickles-the-most-interesting-uses-for-pickles/">7 New Ways To Eat Pickles!: The Most Interesting Uses For Pickles ...</a></h1>
<div class="result-url">
https://hellogiggles.com › Lifestyle › Food & Drink
</div>
<div class="result-text">
<span class="result-date">Sep 4, 2013</span>
<span class="result-description"> - It seems to me, people either love or hate <strong>pickles</strong>. There is really no in between. As a <strong>pickle</strong> lover myself, I can't really understand the <strong>pickle</strong> ...</span>
</div>
</div>
</div> <!-- end of main results -->
<div class="related-searches">
<h1>Searches related to how to eat a pickle</h1>
<ul class="related-list">
<ul class="left-col">
<li><a href=""><strong>what</strong> to eat <strong>with pickles for</strong> a <strong>snack</strong></a></li>
<li><a href=""><strong>what</strong> to <strong>dip pickles in</strong></a></li>
<li><a href=""><strong>recipes with pickles as main ingredient</strong></a></li>
<li><a href="">pickle <strong>snacks</strong></a></li>
</ul>
<ul class="right-col">
<li><a href=""><strong>foods served with pickles</strong></a></li>
<li><a href=""><strong>best cheese</strong> to eat <strong>with pickles</strong></a></li>
<li><a href=""><strong>use up pickles</strong></a></li>
<li><a href=""><strong>stuffed dill pickles</strong></a></li>
</ul>
</ul>
</div> <!-- end of related searches -->
<div class="result-nav">
<table>
<tbody>
<tr height="40px">
<td><img src="images/results/nav/big-G.png" alt="G"></td>
<td><img src="images/results/nav/red-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/yellow-o.png" alt="o"></td>
<td><img src="images/results/nav/gle-arrow.png" alt="gle >"></td>
</tr>
<tr>
<tr height="14px">
<td></td>
<td>1</td>
<td><a href="#">2</a></td>
<td><a href="#">3</a></td>
<td><a href="#">4</a></td>
<td><a href="#">5</a></td>
<td><a href="#">6</a></td>
<td><a href="#">7</a></td>
<td><a href="#">8</a></td>
<td><a href="#">9</a></td>
<td><a href="#">10</a></td>
<td id="next-page"><a href="#">Next</a></td>
</tr>
</tr>
</tbody>
</table>
</div>
</main>
<footer>
<div class="location">
<span id="gray-circle"></span> Ankh-Morpork, Discworld - From your Internet address - <a href="#">Use precise location</a> - <a href="#">Learn more</a>
</div>
<div class="footer-nav">
<nav>
<ul>
<li><a href="#">Help</a></li>
<li><a href="#">Send feedback</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Terms</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>
You can’t perform that action at this time.