Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ https://fsfe.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

order.en.xhtml 5.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <html>
  3. <head>
  4. <title>Merchandise – FSFE</title>
  5. <style type="text/css">
  6. div#toc {
  7. float: right;
  8. clear: right;
  9. border: solid 1px;
  10. margin: .5em;
  11. background: rgb(240,240,240);
  12. width: 30%;
  13. }
  14. @media only screen and (max-width: 600px) {
  15. div#toc {
  16. width: 100%;
  17. }
  18. }
  19. </style>
  20. <meta name="description" content="Show your love for Free Software by using and wearing the branded items the FSFE offers." />
  21. <meta name="keywords" content="shop order t-shirt shirts hoodie items merch merchandise promote magnet bag bib pin shipping buy postal payment" />
  22. <meta name="image" content="https://fsfe.org/graphics/tshirt-promo-800px.jpg" />
  23. </head>
  24. <body class="toplevel">
  25. <h1>Merchandise</h1>
  26. <div id="toc">
  27. <p style="text-indent:1em;">Available merchandise:</p>
  28. <ul style="margin-bottom: 1em;">
  29. <li><a href="#tshirt">T-shirts</a></li>
  30. <li><a href="#girlie">Women's T-shirts</a></li>
  31. <li><a href="#hooded">Hooded Shirts</a></li>
  32. <!-- li><a href="#baby-clothes">Baby Clothes</a></li -->
  33. <li><a href="#other">Other Items</a></li>
  34. </ul>
  35. </div>
  36. <p class="p-summary">
  37. Show your love for Free Software by using and wearing the branded items
  38. below. Free Software clothing is a great way of raising awareness within
  39. your local community, and each sale helps to fund critical FSFE projects.
  40. </p>
  41. <p>
  42. To get detailed information about the actual dimensions of the various
  43. sizes of the clothes, place your mouse pointer over the size label or
  44. have a look at the <a href="size.html">size chart</a>.
  45. </p>
  46. <p style="clear:both;"></p>
  47. <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
  48. <h2 id="tshirt">T-Shirts</h2>
  49. <dynamic-content type="tshirt"/>
  50. <h2 id="girlie">Women's T-Shirts</h2>
  51. <dynamic-content type="girlie"/>
  52. <h2 id="hooded">Hooded Shirts</h2>
  53. <dynamic-content type="hooded"/>
  54. <!-- h2 id="baby-clothes">Baby Clothes</h2>
  55. <dynamic-content type="baby-clothes"/ -->
  56. <h2 id="other">Other Items</h2>
  57. <dynamic-content type="other"/>
  58. <h2>Promotion materials</h2>
  59. <p>
  60. Check our
  61. <a href="/contribute/spreadtheword.html#promo-material">order page for information material</a>
  62. to order leaflets, stickers and other things.
  63. </p>
  64. <h2>Shipping</h2>
  65. <input type="hidden" name="shipping" value="1"/>
  66. <div class="radio">
  67. <label>
  68. <input type="radio" name="_shipping" id="shipping-de" value="3" />
  69. <strong>Shipping within Germany (€3.00)</strong>
  70. </label>
  71. </div>
  72. <div class="radio">
  73. <label>
  74. <input type="radio" name="_shipping" id="shipping-eu" value="7" checked="" />
  75. <strong>Shipping within Europe (€7.00)</strong>
  76. </label>
  77. </div>
  78. <div class="radio">
  79. <label>
  80. <input type="radio" name="_shipping" id="shipping-world" value="12" />
  81. <strong>Shipping outside Europe (€12.00)</strong>
  82. </label>
  83. </div>
  84. <div class="row form-group">
  85. <div class="col-sm-2">
  86. <label class="control-label" for="name">Name:</label>
  87. </div>
  88. <div class="col-sm-4">
  89. <input class="form-control" id="name" name="name" type="text" />
  90. </div>
  91. </div>
  92. <div class="row form-group">
  93. <div class="col-sm-2">
  94. <label class="control-label vcenter" for="address">Complete address:</label>
  95. </div>
  96. <div class="col-sm-4">
  97. <textarea class="form-control" rows="5" id="address" name="address" type="text" />
  98. </div>
  99. </div>
  100. <div class="row form-group">
  101. <div class="col-sm-2">
  102. <label class="control-label" for="email">Email:</label>
  103. </div>
  104. <div class="col-sm-4">
  105. <input class="form-control" id="email" name="email" type="email" />
  106. </div>
  107. </div>
  108. <div class="row form-group">
  109. <div class="col-sm-2">
  110. <label class="control-label" for="phone">Phone:</label>
  111. </div>
  112. <div class="col-sm-4">
  113. <input class="form-control" id="phone" name="phone" type="text" />
  114. </div>
  115. </div>
  116. <p class="n">
  117. Please do not put anything in here:
  118. <input type="text" size="40" name="url"/>
  119. </p>
  120. <!-- Translators: Please change the value here to your language -->
  121. <input type="hidden" name="language" value="en_GB"/>
  122. <div class="row form-group">
  123. <div class="col-sm-offset-2 col-sm-6">
  124. <button type="submit" class="btn btn-primary">Order items</button>
  125. </div>
  126. </div>
  127. </form>
  128. <p>
  129. Payment is possible by bank transfer, PayPal, and various credit and debit
  130. cards. You will receive further information upon submission of your order.
  131. </p>
  132. </body>
  133. <timestamp>$Date$ $Author$</timestamp>
  134. </html>
  135. <!--
  136. Local Variables: ***
  137. mode: xml ***
  138. End: ***
  139. -->