productOption.php 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <?php include('_inc/_header.php') ?>
  2. <h1>Produkt einlagern</h1>
  3. <div class="row">
  4. <div class="col-md-6 offset-lg-1 col-lg-6">
  5. <h2>Vivamus elementum semper</h2>
  6. <p>
  7. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra. Phasellus viverra nulla ut metus varius laoreet.
  8. </p>
  9. <figure class="ch-ggs-web-suite-image">
  10. <img src="http://placehold.it/540x320" class="img-fluid" width="540" height="320"/>
  11. </figure>
  12. <h2>Nullam quis ante</h2>
  13. <p>
  14. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.
  15. </p>
  16. <a href="#" class="ch-ggs-web-suite-download">
  17. <div class="ch-ggs-web-suite-download-icon">
  18. <i aria-hidden="true" class="ifc ifc-chain"></i>
  19. </div>
  20. <div class="ch-ggs-web-suite-download-info">
  21. <h2 class="ch-ggs-web-suite-download-title">Leitfaden Internationalen Verklappung</h2>
  22. <p class="ch-ggs-web-suite-download-text">Guidelines zu, Umgang mit Altölen und Pommesfett in internationalen Gewässern der Republik Gefahgut-Shop</p>
  23. </div>
  24. </a>
  25. <h2>
  26. Maecenas nec
  27. </h2>
  28. <p>
  29. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.
  30. </p>
  31. <p>
  32. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.
  33. </p>
  34. <a href="#" class="btn btn-block btn-hero btn-iconed btn-iconed-primary mb-4">
  35. Zu den Gefahrgut-Shop Experten-Tipps
  36. <i aria-hidden="true" class="btn-icon ifc ifc-chain"></i>
  37. </a>
  38. <p>
  39. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
  40. </p>
  41. <h2>
  42. Libero venenatis
  43. </h2>
  44. <p>
  45. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
  46. </p>
  47. <?php include('_inc/_table.php') ?>
  48. <a href="javascript:history.back()"class="btn btn-iconed btn-iconed-primary btn-iconed-left">Zurück <i aria-hidden="true" class="btn-icon ifc ifc-arrow-left"></i></a>
  49. </div>
  50. <div class="offset-md-1 col-md-5 col-lg-4 mt-5 mt-md-0">
  51. <div class="ch-ggs-web-suite-aside-box">
  52. <a href="" class="btn btn-block btn-iconed btn-iconed-primary btn-iconed-left mb-4">
  53. Kostenpflichtig <span class="ml-auto">1 Credit</span><i aria-hidden="true" class="btn-icon ifc ifc-chain"></i>
  54. </a>
  55. <div class="ch-ggs-web-suite-boxed-gray">
  56. <h3>Einmalig oder dauerhaft verfügbar</h3>
  57. <p>
  58. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
  59. </p>
  60. <div class="d-flex mt-3">
  61. <h3>Credits</h3><div class="ml-auto">ab <span class="font-weight-bold">CHF 2.99</span></div>
  62. </div>
  63. <p>
  64. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero.
  65. </p>
  66. <div class="d-flex mt-3">
  67. <h3>Abonnement</h3><div class="ml-auto">ab CHF <span class="font-weight-bold">69.99</span></div>
  68. </div>
  69. <p>
  70. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.
  71. </p>
  72. </div>
  73. <a href="accountToggle.php" class="btn btn-block btn-lg btn-iconed btn-iconed-primary mt-4">
  74. <span class="mx-auto">Jetzt kaufen</span> <i aria-hidden="true" class="btn-icon ifc ifc-arrow-right"></i>
  75. </a>
  76. <div class="ch-ggs-web-suite-payment-info">
  77. <div class="text-muted"><i aria-hidden="true" class="btn-icon ifc ifc-arrow-right mr-2"></i> Zahlung per Kreditkarte</div>
  78. <div class="text-muted"><i aria-hidden="true" class="btn-icon ifc ifc-arrow-left mr-2"></i> Beratung unter: +41 44 869 26 02</div>
  79. <div class="text-muted"><i aria-hidden="true" class="btn-icon ifc ifc-chain mr-2"></i> <a href="info@smartify.com" class="text-reset">info@smartify.com</a></div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <?php include('_inc/_footer.php') ?>