{{ page.name }} / {{ store.name }}

		
		
		
		
		
		
    
    {{ head_content }}
    
        









		
	
		
	
    
    
    
    
     
    
		
		

try{Typekit.load({ async: true });}catch(e){}

	
	

		<div class="mobileonly">
			<a class="infobutton">i</a>
			<h3>The Pearl</h3>
			<p>
				<a href="https://www.google.com/maps/place/Barista/@45.526948,-122.684612,17z/data=!3m1!4b1!4m2!3m1!1s0x549509f8cea1d88b:0xc17e2908aff5ebbc" target="_blank">539 NW 13th Ave<br>Portland, OR 97209</a>
			</p>
			<p>Weekdays from 6am to 6pm<br>Saturday &amp; Sunday from 7am to 6pm</p>
		</div>
		<div>
			<div class="section desktop">
				<div class="barista-logo"><a href="../">Barista</a></div>
				<h1>The Pearl</h1>
				<a class="downarrow">Details</a>
				<div class="cafe-details">
					<div class="map"></div>
					<div class="details">
						<div class="texture"></div>
						<h3>
							Our first cafe opened here, in the Pearl District, back in 2009. With the smallest footprint of all the cafés, the Pearl is an ideal location to grab-and-go while exploring Portland.
						</h3>
						<p>
							<a href="https://www.google.com/maps/place/Barista/@45.526948,-122.684612,17z/data=!3m1!4b1!4m2!3m1!1s0x549509f8cea1d88b:0xc17e2908aff5ebbc" target="_blank">539 NW 13th Ave<br>Portland, OR 97209</a>
						</p>
						<p>Weekdays 6am to 6pm<br>Saturday &amp; Sunday 7am to 6pm</p>
						<br>
					</div>
				</div>
				<p class="cafe-info">Café Info</p>
			</div>
			<div class="directions mobileonly">
				<h3>The Pearl</h3>
				<p>
					<a href="https://www.google.com/maps/place/Barista/@45.526948,-122.684612,17z/data=!3m1!4b1!4m2!3m1!1s0x549509f8cea1d88b:0xc17e2908aff5ebbc" target="_blank">539 NW 13th Ave</a><br>Portland, OR 97209
				</p>
				<p>Weekdays from 6am to 6pm<br>Saturday &amp; Sunday from 7am to 6pm</p>
				<br>
			</div>
		
			<div class="section mobileonly ontop">
				<div class="gallery1 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery2 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery3 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery4 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery5 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery6 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery7 active"></div>
			</div>
			<div class="section mobileonly">
				<div class="gallery8 active"></div>
			</div>


		</div>
		
<div class="panel">
      <a class="menu-link icon-hamburger-icon">☰</a>
      <ul>
        
         
          <li class="thin bhome">
            <a class="home-link" href="../">Home</a>
          </li>

          <li class="thin">
            <a class="pearl-link active" href="#">Pearl</a>
          </li>
          
   

          <li class="wide">
            <a class="nobhill-link" href="../nobhill/">Nob Hill</a>
          </li>      

          <li class="wide">
            <a class="downtown-link" href="../downtown/">Downtown</a>
          </li>

          
          <li class="wide">
            <a class="alberta-link" href="../alberta/">Alberta</a>
          </li> 
          
        <li class="shop">
          
          <a class="shop-link" href="http://baristapdx.bigcartel.com">Shop</a>
          
        </li>
      </ul>
</div>