FSFE
/
fsfe-website


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
							<?xml version="1.0" encoding="UTF-8"?>

<html>
  <head>
    <title>Merchandise – FSFE</title>
    
    <style type="text/css">
    div#toc {
      float: right;
      clear: right;
      border: solid 1px;
      margin: .5em;
      background: rgb(240,240,240);
      width: 30%;
    }

    @media only screen and (max-width: 600px) {
      div#toc {
        width: 100%;
      }
    }
    </style>
    <meta name="description" content="Show your love for Free Software by using and wearing the branded items the FSFE offers." />
    <meta name="keywords" content="shop order t-shirt shirts hoodie items merch merchandise promote magnet bag bib pin shipping buy postal payment" />
    <meta name="image" content="https://fsfe.org/graphics/tshirt-promo-800px.jpg" />
  </head>

  <body class="toplevel">
    <h1>Merchandise</h1>

    <div id="toc">
      <p style="text-indent:1em;">Available merchandise:</p>
      <ul style="margin-bottom: 1em;">
        <li><a href="#tshirt">T-shirts</a></li>
        <li><a href="#girlie">Women's T-shirts</a></li>
        <li><a href="#hooded">Hooded Shirts</a></li>
        <!-- li><a href="#baby-clothes">Baby Clothes</a></li -->
        <li><a href="#other">Other Items</a></li>
      </ul>
    </div>

    <p class="p-summary">
      Show your love for Free Software by using and wearing the branded items
      below. Free Software clothing is a great way of raising awareness within
      your local community, and each sale helps to fund critical FSFE projects.
    </p>
    
    <p>
      To get detailed information about the actual dimensions of the various
      sizes of the clothes, place your mouse pointer over the size label or
      have a look at the <a href="size.html">size chart</a>.
    </p>

    <p style="clear:both;"></p>

    <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
      <h2 id="tshirt">T-Shirts</h2>

      <dynamic-content type="tshirt"/>

      <h2 id="girlie">Women's T-Shirts</h2>

      <dynamic-content type="girlie"/>

      <h2 id="hooded">Hooded Shirts</h2>

      <dynamic-content type="hooded"/>

      <!-- h2 id="baby-clothes">Baby Clothes</h2>

      <dynamic-content type="baby-clothes"/ -->

      <h2 id="other">Other Items</h2>

      <dynamic-content type="other"/>

      <h2>Promotion materials</h2>

      <p>
        Check our
        <a href="/contribute/spreadtheword.html#promo-material">order page for information material</a>
        to order leaflets, stickers and other things. 
      </p>

      <h2>Shipping</h2>

      <input type="hidden" name="shipping" value="1"/>
      <div class="radio">
        <label>
          <input type="radio" name="_shipping" id="shipping-de" value="3" />
          <strong>Shipping within Germany (€3.00)</strong>
        </label>
      </div>
      <div class="radio">
        <label>
          <input type="radio" name="_shipping" id="shipping-eu" value="7" checked="" />
          <strong>Shipping within Europe (€7.00)</strong>
        </label>
      </div>
      <div class="radio">
        <label>
          <input type="radio" name="_shipping" id="shipping-world" value="12" />
          <strong>Shipping outside Europe (€12.00)</strong>
        </label>
      </div>

      <div class="row form-group">
        <div class="col-sm-2">
          <label class="control-label" for="name">Name:</label>
        </div>
        <div class="col-sm-4">
          <input class="form-control" id="name" name="name" type="text" />
        </div>
      </div>

      <div class="row form-group">
        <div class="col-sm-2">
          <label class="control-label vcenter" for="address">Complete address:</label>
        </div>
        <div class="col-sm-4">
          <textarea class="form-control" rows="5" id="address" name="address" type="text" />
        </div>
      </div>

      <div class="row form-group">
        <div class="col-sm-2">
          <label class="control-label" for="email">Email:</label>
        </div>
        <div class="col-sm-4">
          <input class="form-control" id="email" name="email" type="email" />
        </div>
      </div>

      <div class="row form-group">
        <div class="col-sm-2">
          <label class="control-label" for="phone">Phone:</label>
        </div>
        <div class="col-sm-4">
          <input class="form-control" id="phone" name="phone" type="text" />
        </div>
      </div>

      <p class="n">
        Please do not put anything in here:
        <input type="text" size="40" name="url"/>
      </p>

      <!-- Translators: Please change the value here to your language -->
      <input type="hidden" name="language" value="en_GB"/>

      <div class="row form-group">
        <div class="col-sm-offset-2 col-sm-6">
          <button type="submit" class="btn btn-primary">Order items</button>
        </div>
      </div>
    </form>

    <p>
      Payment is possible by bank transfer, PayPal, and various credit and debit
      cards. You will receive further information upon submission of your order.
    </p>
  </body>

  <timestamp>$Date$ $Author$</timestamp>
</html>
<!--
Local Variables: ***
mode: xml ***
End: ***
-->