{% extends "base.html" %}
{% block og_title %}Newspaper Subscription | Penobscot Bay Press{% endblock og_title%}
{% block og_type %}Product{% endblock %}
{% block og_url %}{{flatpage.get_absolute_url}}{% endblock %}
{% block og_description %}Purchase a new subscription or renewal to one of our weekly newspapers.{% endblock %}
{% block og_image %}{{MEDIA_URL}}images/headers/pbp_sharing_logo.jpg{% endblock %}

{% block meta_title %}Newspaper Subscription | Penobscot Bay Press{% endblock %}
{% block meta_description %}Purchase a new subscription or renewal to one of our weekly newspapers.{% endblock %}
{% block rel-img %}{{MEDIA_URL}}images/headers/pbp_sharing_logo.jpg{% endblock %}

{% block title %}Newspaper Subscription | Penobscot Bay Press{% endblock title %}

{% block style %}
<link href="{{MEDIA_URL}}css/store_styles.css" rel="stylesheet" type="text/css" />
{% endblock style %}

{% block content %}
<div style="width:100%; margin:0; padding:0">
{% block nav_menu %}
    <div id="store_nav_container">
        <ul class="store_nav_list">
            <li class="store_nav_item"><a href='https://penobscotbaypress.com/store' class="store_nav_link">Store Home</a></li> | 
            <li class="store_nav_item"><a href='https://penobscotbaypress.com/subs/' class="store_nav_link">Subscriptions</a></li> | 
            <li class="store_nav_item"><a href="https://penobscotbaypress.com/subs/address/" class="store_nav_link">Change of Address</a></li>
        </ul>
    </div>
{% endblock nav_menu %}
<div>
<div style="float:right; width:350px">
		<!-- APP Teaser BEGIN -->
<h2 class="store_sectionhead">Digitial Subscriptions</h2>
<p class="store_home_descrip">
            Get a digital subscription with our mobile apps.</p>
		<div style="padding:2px; text-align:center; margin:0px 0px 10px 0px">
			<a href="https://penobscotbaypress.com/apps/" class="app_teaser_link">
			<div class="app_teaser_button" style="background-size:244px">
				Get our apps
			</div>
			</a>
		</div>
</div>
		<div style="float:right; clear:right; padding:1px; width:350px; margin: 0 auto">
			{% load adzone_tags %} 
			{% random_zone_ad '' 'sup-page-block-ad' %}
		</div>
{% load markup typogrify %}
		{{flatpage.content|markdown}}
</div>
	
	<div style="padding-left:12px; padding-bottom:8px; padding-top:12px; clear:both">
	<!-- AddThis Button BEGIN -->
		<div style="width:250px">
			<a class="addthis_button_facebook_like" fb:like:layout="standard"></a>
		</div>
		<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
		<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=penbaypress"></script>
	<!-- AddThis Button END -->
	<hr size="1">
	
	<!-- AddThis Smart Layers BEGIN -->
	<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
		<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=penbaypress"></script>
		<script type="text/javascript">
		  addthis.layers({
			'theme' : 'transparent',
			'share' : {
			  'position' : 'right',
			  'services' : 'facebook,twitter,email,print,gmail,tumblr,more',
			}   
		  });
		</script>
	<!-- AddThis Smart Layers END -->
	</div>
	</div> 
{% endblock %}