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 4.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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. </head>
  23. <body class="toplevel">
  24. <h1>Merchandise</h1>
  25. <div id="toc">
  26. <p style="text-indent:1em;">Available merchandise:</p>
  27. <ul style="margin-bottom: 1em;">
  28. <li><a href="#tshirt">T-shirts</a></li>
  29. <li><a href="#girlie">Women's T-shirts</a></li>
  30. <li><a href="#hooded">Hooded Shirts</a></li>
  31. <!-- li><a href="#baby-clothes">Baby Clothes</a></li -->
  32. <li><a href="#other">Other Items</a></li>
  33. </ul>
  34. </div>
  35. <p class="p-summary">
  36. Show your love for Free Software by using and wearing the branded items
  37. below. Free Software clothing is a great way of raising awareness within
  38. your local community, and each sale helps to fund critical FSFE projects.
  39. </p>
  40. <p>
  41. To get detailed information about the actual dimensions of the various
  42. sizes of the clothes, place your mouse pointer over the size label or
  43. have a look at the <a href="size.html">size chart</a>.
  44. </p>
  45. <p style="clear:both;"></p>
  46. <form action="/cgi-bin/weborder.pl" method="post" class="item-grid">
  47. <h2 id="tshirt">T-Shirts</h2>
  48. <dynamic-content type="tshirt"/>
  49. <h2 id="girlie">Women's T-Shirts</h2>
  50. <dynamic-content type="girlie"/>
  51. <h2 id="hooded">Hooded Shirts</h2>
  52. <dynamic-content type="hooded"/>
  53. <!-- h2 id="baby-clothes">Baby Clothes</h2>
  54. <dynamic-content type="baby-clothes"/ -->
  55. <h2 id="other">Other Items</h2>
  56. <dynamic-content type="other"/>
  57. <h2>Promotion materials</h2>
  58. <p>
  59. Check our
  60. <a href="/contribute/spreadtheword.html#promo-material">order page for information material</a>
  61. to order leaflets, stickers and other things.
  62. </p>
  63. <h2>Shipping</h2>
  64. <p>The following shipping fees apply:</p>
  65. <ul>
  66. <li>Shipping within Germany: €5.00</li>
  67. <li>Shipping worldwide: €8.00</li>
  68. </ul>
  69. <h2>Your Data</h2>
  70. <div class="row form-group">
  71. <label class="col-sm-2 control-label" for="name">Name:</label>
  72. <div class="col-sm-4">
  73. <input class="form-control" id="name" name="name" type="text" />
  74. </div>
  75. </div>
  76. <div class="row form-group">
  77. <label class="col-sm-2 control-label" for="address">Address:</label>
  78. <div class="col-sm-4">
  79. <textarea class="form-control" rows="5" id="address" name="address" type="text" />
  80. </div>
  81. </div>
  82. <div class="row form-group">
  83. <label class="col-sm-2 control-label" for="address">Country:</label>
  84. <div class="col-sm-4">
  85. <country-list />
  86. </div>
  87. </div>
  88. <div class="row form-group">
  89. <label class="col-sm-2 control-label" for="email">Email:</label>
  90. <div class="col-sm-4">
  91. <input class="form-control" id="email" name="email" type="email" />
  92. </div>
  93. </div>
  94. <div class="row form-group">
  95. <label class="col-sm-2 control-label" for="phone">Phone:</label>
  96. <div class="col-sm-4">
  97. <input class="form-control" id="phone" name="phone" type="text" />
  98. </div>
  99. </div>
  100. <p class="n">
  101. Please do not put anything in here:
  102. <input type="text" size="40" name="url"/>
  103. </p>
  104. <!-- Translators: Please change the value here to your language -->
  105. <input type="hidden" name="language" value="en_GB"/>
  106. <div class="row form-group">
  107. <div class="col-sm-offset-2 col-sm-6">
  108. <button type="submit" class="btn btn-primary">Order items</button>
  109. </div>
  110. </div>
  111. </form>
  112. <p>
  113. Payment is possible by bank transfer, PayPal, and various credit and debit
  114. cards. You will receive further information upon submission of your order.
  115. </p>
  116. </body>
  117. <image url="https://fsfe.org/graphics/tshirt-promo-800px.jpg" />
  118. </html>
  119. <!--
  120. Local Variables: ***
  121. mode: xml ***
  122. End: ***
  123. -->