phaseOne/Whole Page

## Whole Page
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Printed Tags · TagPrinters.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Le styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="assets/img/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="assets/img/apple-touch-icon-57-precomposed.png">
  </head>
  <body>
    <noscript class="buorg" style="z-index:111110;display:block">
      <div class="container">
        This site has features that <strong>require JavaScript</strong>. Follow <a href="http://www.enable-javascript.com/" target="_blank">these simple instructions to enable JavaScript in your web browser</a>.
      </div>
    </noscript>
    <div class="container">
      <header class="row">
        <a href="/TagPrinters/prod/"><img src="assets/img/logo.png" id="logo" alt="TagPrinters.com" class="span5"/></a>
        <nav class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <a href="/TagPrinters/prod/"><img src="assets/img/logo-small.png" id="logo-fixed" alt="TagPrinters.com" style="display: none;"/></a>
              <a class="btn btn-navbar btn-danger" data-toggle="collapse" data-target=".nav-collapse"><img src="assets/img/navbutton.svg">Navigate</a>
              <div class="nav-collapse">
                <ul class="nav">
                  <li class=""><a href="/TagPrinters/prod/">Home</a></li>
                  <li class="active"><a href="/TagPrinters/prod/Printed-Tags.html">Printed Tags</a></li>
                  <li class=""><a href="/TagPrinters/prod/Blank-Tags.html">Blank Tags</a></li>
                  <li class=""><a href="/TagPrinters/prod/Clients.html">Our Clients</a></li>
                  <li class=""><a href="/TagPrinters/prod/About.html">About Us</a></li>
                  <li class=""><a href="/TagPrinters/prod/Contact.html">Contact Us</a></li>
                </ul>
              </div>
            </div>
          </div>
        </nav>
      </header>

<div class="row">
  <nav class="span3 subnav">
    <ul class="nav nav-list well" id="subnav-list">
      <li>
        <a data-toggle="collapse" data-target="#styl-list">Style <i class="icon-chevron-down"></i></a>
        <ul class="nav nav-list collapse" id="styl-list">
          <li><a href="#styl-single">Single</a></li>
          <li><a href="#styl-manifold">Manifold</a></li>
          <li><a href="#styl-continuous">Continuous</a></li>
          <li><a href="#styl-separable">Separable</a></li>
          <li><a href="#styl-thermal">Thermal</a></li>
          <li><a href="#styl-laser">Laser-friendly</a></li>
        </ul>
      </li>
      <li>
        <a data-toggle="collapse" data-target="#mp-list">Manufacturing Processes <i class="icon-chevron-down"></i></a>
        <ul class="nav nav-list collapse" id="mp-list">
          <li><a href="#mp-printing">Printing Processes</a></li>
          <li><a href="#mp-variable">Variable Imaging</a></li>
          <li><a href="#mp-numbering">Numbering and Barcoding</a></li>
          <li><a href="#mp-cutting">Cutting and Perforations</a></li>
        </ul>
      </li>
      <li><a href="#sizes">Sizes</a></li>
      <li>
        <a data-toggle="collapse" data-target="#attach-list">Attachments <i class="icon-chevron-down"></i></a>
        <ul class="nav nav-list collapse" id="attach-list">
          <li><a href="#attach-string">String</a></li>
          <li><a href="#attach-wire">Wire</a></li>
          <li><a href="#attach-rings">Rings</a></li>
          <li><a href="#attach-patch">Punch and Patch</a></li>
          <li><a href="#attach-eyelets">Eyelets</a></li>
        </ul>
      </li>
      <li>
        <a data-toggle="collapse" data-target="#color-list">Colors <i class="icon-chevron-down"></i></a>
        <ul class="nav nav-list collapse" id="color-list">
          <li><a href="#color-standard">Standard</a></li>
          <li><a href="#color-coated">Coated</a></li>
          <li><a href="#color-dyed">Dyed</a></li>
          <li><a href="#color-fluorescent">Fluorescent</a></li>
        </ul>
      </li>
      <li>
        <a data-toggle="collapse" data-target="#stock-list">Stocks <i class="icon-chevron-down"></i></a>
        <ul class="nav nav-list collapse" id="stock-list">
          <li><a href="#stock-standard">Standard</a></li>
          <li><a href="#stock-coated">Coated</a></li>
          <li><a href="#stock-dyed">Dyed</a></li>
          <li><a href="#stock-fluorescent">Fluorescent</a></li>
        </ul>
      </li>
      <li><a href="#design">Design Specialists</a></li>
    </ul>
  </nav>
  <div class="span9">
    <header class="subheader">
      <h1>Printed Tags</h1>
      <p class="lead">Some cray cray stuff about what a printed tag actually is because some people don't know about them.</p>
    </header>

    <section id="styles">
      <h1>Styles <small>standard single tags, carbon transfer, and more</small></h1>
        <div class="row">
          <div class="span3">
            <h2 id="styl-single">Single</h2>
            <img src="assets/img/styles/single-tag.png">
            <p>Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
          </div>
          <div class="span3">
            <h2 id="styl-manifold">Manifold</h2>
            <img src="http://placehold.it/300x200">
            <p>Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
          </div>
          <div class="span3">
            <h2 id="styl-continuous">Continuous</h2>
            <img class="span4 pull-right" src="http://placehold.it/300x200">
            <p>Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
          </div>
        </div>
        <h2 id="styl-separable">Separable</h2>
        <div class="row">
          <img class="span4" src="http://placehold.it/300x200">
          <p class="span8">Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
        </div>
        <h2 id="styl-thermal">Thermal</h2>
        <div class="row">
          <img class="span4 pull-right" src="http://placehold.it/300x200">
          <p class="span8">Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
        </div>
        <h2 id="styl-laser">Laser-friendly</h2>
        <div class="row">
          <img class="span4" src="http://placehold.it/300x200">
          <p class="span8">Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
        </div>
    </section>
    <section id="manufacturing">
  <h1>Manufacturing Processes <small>how your tags will be printed and cut</small></h1>
    <h2 id="mp-printing">Printing Processes</h2>
    <div class="row">
      <div class="span4">
        <h3>Letterpress</h3>
        <p>Fingerstache vinyl viral, eu flexitarian master cleanse sint 8-bit put a bird on it fugiat typewriter voluptate Austin. Vegan skateboard VHS anim. Velit raw denim messenger bag wes anderson Austin sint. Scenester PBR magna, excepteur etsy nihil viral godard.</p>
        <h3>Flexographic</h3>
        <p>Pork belly fugiat incididunt, laboris flexitarian gentrify officia mustache. Mixtape chillwave DIY deserunt, aliqua whatever pinterest. Yr nulla keytar, exercitation bicycle rights jean shorts raw denim excepteur.</p>
      </div>
      <div class="span4">
        <h3>Traditional Offset</h3>
        <p>Master cleanse cillum before they sold out, ennui aute enim cardigan high life scenester art party trust fund mumblecore. Officia bespoke jean shorts, in thundercats direct trade dolore id tattooed pork belly ut banh mi. Ea pork belly gentrify minim, do small batch in put a bird on it brooklyn fap esse chillwave craft beer laboris.</p>
        <h3>Digital Offset</h3>
        <p>Fugiat jean shorts excepteur, adipisicing hella synth fap locavore. Portland swag veniam carles. Post-ironic 8-bit whatever wayfarers. Messenger bag artisan jean shorts twee lo-fi blog, scenester post-ironic chambray umami aesthetic labore banh mi.</p>
      </div>
      <div class="span4">
        <h3>Inkjet</h3>
        <p>Sunt wayfarers pickled, quinoa direct trade irure twee gluten-free commodo pitchfork street art skateboard. Aliquip et twee Austin, cliche bicycle rights etsy consectetur dolore put a bird on it aliqua. Et accusamus salvia occupy bushwick squid, selvage consequat irure incididunt synth letterpress anim.</p>
      </div>
    </div>
</section>
    <section id="sizes">
  <h1>Sizes <small>standard or custom</small></h1>
</section>
    <section id="attachments">
  <h1>Attachments <small>string, wire, or other additions to the punched hole</small></h1>
</section>
    <section id="colors">
  <h1>Colors <small>everything from white to fluorescent</small></h1>
</section>
    <section id="stocks">
  <h1>Stocks <small>the thickness of your tag</small></h1>
</section>
    <section id="design">
  <h1>Design Specialists <small>for bringing your idea to life</small></h1>
</section>
  </div>
</div>
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>Email us at <a href="mailto:info@tagprinters.com">info@tagprinters.com</a>, send us a fax at <a href="fax+17173926685:">(717) 392-6685</a>, or call us at <a href="tel:+17173947176">(717) 394-7176</a>.</p>
        <p>Designed by <a href="http://phaseone.me" target="_blank">phaseOne Technology Solutions</a>. &copy;2012 by TagPrinters.com</p>
      </footer>
    </div><!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/main.min.js"></script>
    <script type="text/javascript">var $buoop={onshow: function(){$('.buorg div').addClass('container')}};$buoop.ol=window.onload;window.onload=function(){try{if($buoop.ol){$buoop.ol()}}catch(a){}var a=document.createElement("script");a.setAttribute("type","text/javascript");a.setAttribute("src","http://browser-update.org/update.js");document.body.appendChild(a)};</script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Printed Tags · TagPrinters.com</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Le styles -->
	<link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Le fav and touch icons -->
	<link rel="shortcut icon" href="assets/img/favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/img/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed" href="assets/img/apple-touch-icon-57-precomposed.png">
	</head>
	<body>
	<noscript class="buorg" style="z-index:111110;display:block">
	<div class="container">
	This site has features that <strong>require JavaScript</strong>. Follow <a href="http://www.enable-javascript.com/" target="_blank">these simple instructions to enable JavaScript in your web browser</a>.
	</div>
	</noscript>
	<div class="container">
	<header class="row">
	<a href="/TagPrinters/prod/"><img src="assets/img/logo.png" id="logo" alt="TagPrinters.com" class="span5"/></a>
	<nav class="navbar">
	<div class="navbar-inner">
	<div class="container">
	<a href="/TagPrinters/prod/"><img src="assets/img/logo-small.png" id="logo-fixed" alt="TagPrinters.com" style="display: none;"/></a>
	<a class="btn btn-navbar btn-danger" data-toggle="collapse" data-target=".nav-collapse"><img src="assets/img/navbutton.svg">Navigate</a>
	<div class="nav-collapse">
	<ul class="nav">
	<li class=""><a href="/TagPrinters/prod/">Home</a></li>
	<li class="active"><a href="/TagPrinters/prod/Printed-Tags.html">Printed Tags</a></li>
	<li class=""><a href="/TagPrinters/prod/Blank-Tags.html">Blank Tags</a></li>
	<li class=""><a href="/TagPrinters/prod/Clients.html">Our Clients</a></li>
	<li class=""><a href="/TagPrinters/prod/About.html">About Us</a></li>
	<li class=""><a href="/TagPrinters/prod/Contact.html">Contact Us</a></li>
	</ul>
	</div>
	</div>
	</div>
	</nav>
	</header>

	<div class="row">
	<nav class="span3 subnav">
	<ul class="nav nav-list well" id="subnav-list">
	<li>
	<a data-toggle="collapse" data-target="#styl-list">Style <i class="icon-chevron-down"></i></a>
	<ul class="nav nav-list collapse" id="styl-list">
	<li><a href="#styl-single">Single</a></li>
	<li><a href="#styl-manifold">Manifold</a></li>
	<li><a href="#styl-continuous">Continuous</a></li>
	<li><a href="#styl-separable">Separable</a></li>
	<li><a href="#styl-thermal">Thermal</a></li>
	<li><a href="#styl-laser">Laser-friendly</a></li>
	</ul>
	</li>
	<li>
	<a data-toggle="collapse" data-target="#mp-list">Manufacturing Processes <i class="icon-chevron-down"></i></a>
	<ul class="nav nav-list collapse" id="mp-list">
	<li><a href="#mp-printing">Printing Processes</a></li>
	<li><a href="#mp-variable">Variable Imaging</a></li>
	<li><a href="#mp-numbering">Numbering and Barcoding</a></li>
	<li><a href="#mp-cutting">Cutting and Perforations</a></li>
	</ul>
	</li>
	<li><a href="#sizes">Sizes</a></li>
	<li>
	<a data-toggle="collapse" data-target="#attach-list">Attachments <i class="icon-chevron-down"></i></a>
	<ul class="nav nav-list collapse" id="attach-list">
	<li><a href="#attach-string">String</a></li>
	<li><a href="#attach-wire">Wire</a></li>
	<li><a href="#attach-rings">Rings</a></li>
	<li><a href="#attach-patch">Punch and Patch</a></li>
	<li><a href="#attach-eyelets">Eyelets</a></li>
	</ul>
	</li>
	<li>
	<a data-toggle="collapse" data-target="#color-list">Colors <i class="icon-chevron-down"></i></a>
	<ul class="nav nav-list collapse" id="color-list">
	<li><a href="#color-standard">Standard</a></li>
	<li><a href="#color-coated">Coated</a></li>
	<li><a href="#color-dyed">Dyed</a></li>
	<li><a href="#color-fluorescent">Fluorescent</a></li>
	</ul>
	</li>
	<li>
	<a data-toggle="collapse" data-target="#stock-list">Stocks <i class="icon-chevron-down"></i></a>
	<ul class="nav nav-list collapse" id="stock-list">
	<li><a href="#stock-standard">Standard</a></li>
	<li><a href="#stock-coated">Coated</a></li>
	<li><a href="#stock-dyed">Dyed</a></li>
	<li><a href="#stock-fluorescent">Fluorescent</a></li>
	</ul>
	</li>
	<li><a href="#design">Design Specialists</a></li>
	</ul>
	</nav>
	<div class="span9">
	<header class="subheader">
	<h1>Printed Tags</h1>
	<p class="lead">Some cray cray stuff about what a printed tag actually is because some people don't know about them.</p>
	</header>

	<section id="styles">
	<h1>Styles <small>standard single tags, carbon transfer, and more</small></h1>
	<div class="row">
	<div class="span3">
	<h2 id="styl-single">Single</h2>
	<img src="assets/img/styles/single-tag.png">
	<p>Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
	</div>
	<div class="span3">
	<h2 id="styl-manifold">Manifold</h2>
	<img src="http://placehold.it/300x200">
	<p>Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
	</div>
	<div class="span3">
	<h2 id="styl-continuous">Continuous</h2>
	<img class="span4 pull-right" src="http://placehold.it/300x200">
	<p>Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
	</div>
	</div>
	<h2 id="styl-separable">Separable</h2>
	<div class="row">
	<img class="span4" src="http://placehold.it/300x200">
	<p class="span8">Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
	</div>
	<h2 id="styl-thermal">Thermal</h2>
	<div class="row">
	<img class="span4 pull-right" src="http://placehold.it/300x200">
	<p class="span8">Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
	</div>
	<h2 id="styl-laser">Laser-friendly</h2>
	<div class="row">
	<img class="span4" src="http://placehold.it/300x200">
	<p class="span8">Carles mustache flexitarian, terry richardson tempor fap ethical narwhal nesciunt beard eu. Nihil ex wolf you probably haven't heard of them accusamus. Quis bespoke qui before they sold out ea. Art party skateboard ethnic et wolf, you probably haven't heard of them gluten-free.</p>
	</div>
	</section>
	<section id="manufacturing">
	<h1>Manufacturing Processes <small>how your tags will be printed and cut</small></h1>
	<h2 id="mp-printing">Printing Processes</h2>
	<div class="row">
	<div class="span4">
	<h3>Letterpress</h3>
	<p>Fingerstache vinyl viral, eu flexitarian master cleanse sint 8-bit put a bird on it fugiat typewriter voluptate Austin. Vegan skateboard VHS anim. Velit raw denim messenger bag wes anderson Austin sint. Scenester PBR magna, excepteur etsy nihil viral godard.</p>
	<h3>Flexographic</h3>
	<p>Pork belly fugiat incididunt, laboris flexitarian gentrify officia mustache. Mixtape chillwave DIY deserunt, aliqua whatever pinterest. Yr nulla keytar, exercitation bicycle rights jean shorts raw denim excepteur.</p>
	</div>
	<div class="span4">
	<h3>Traditional Offset</h3>
	<p>Master cleanse cillum before they sold out, ennui aute enim cardigan high life scenester art party trust fund mumblecore. Officia bespoke jean shorts, in thundercats direct trade dolore id tattooed pork belly ut banh mi. Ea pork belly gentrify minim, do small batch in put a bird on it brooklyn fap esse chillwave craft beer laboris.</p>
	<h3>Digital Offset</h3>
	<p>Fugiat jean shorts excepteur, adipisicing hella synth fap locavore. Portland swag veniam carles. Post-ironic 8-bit whatever wayfarers. Messenger bag artisan jean shorts twee lo-fi blog, scenester post-ironic chambray umami aesthetic labore banh mi.</p>
	</div>
	<div class="span4">
	<h3>Inkjet</h3>
	<p>Sunt wayfarers pickled, quinoa direct trade irure twee gluten-free commodo pitchfork street art skateboard. Aliquip et twee Austin, cliche bicycle rights etsy consectetur dolore put a bird on it aliqua. Et accusamus salvia occupy bushwick squid, selvage consequat irure incididunt synth letterpress anim.</p>
	</div>
	</div>
	</section>
	<section id="sizes">
	<h1>Sizes <small>standard or custom</small></h1>
	</section>
	<section id="attachments">
	<h1>Attachments <small>string, wire, or other additions to the punched hole</small></h1>
	</section>
	<section id="colors">
	<h1>Colors <small>everything from white to fluorescent</small></h1>
	</section>
	<section id="stocks">
	<h1>Stocks <small>the thickness of your tag</small></h1>
	</section>
	<section id="design">
	<h1>Design Specialists <small>for bringing your idea to life</small></h1>
	</section>
	</div>
	</div>
	<footer>
	<p class="pull-right"><a href="#">Back to top</a></p>
	<p>Email us at <a href="mailto:info@tagprinters.com">info@tagprinters.com</a>, send us a fax at <a href="fax+17173926685:">(717) 392-6685</a>, or call us at <a href="tel:+17173947176">(717) 394-7176</a>.</p>
	<p>Designed by <a href="http://phaseone.me" target="_blank">phaseOne Technology Solutions</a>. ©2012 by TagPrinters.com</p>
	</footer>
	</div><!-- /container -->

	<!-- Le javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/main.min.js"></script>
	<script type="text/javascript">var $buoop={onshow: function(){$('.buorg div').addClass('container')}};$buoop.ol=window.onload;window.onload=function(){try{if($buoop.ol){$buoop.ol()}}catch(a){}var a=document.createElement("script");a.setAttribute("type","text/javascript");a.setAttribute("src","http://browser-update.org/update.js");document.body.appendChild(a)};</script>
	</body>
	</html>