service.html.twig 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <div class="subsection">
  2. <h3>{{ page.header.title}}</h3>
  3. <div class="values align-content:center;">
  4. <div class="row ">
  5. {% for service in page.header.services %}
  6. {% if service.header == 'decalage' %}
  7. <div class="two columns">
  8. <table></table>
  9. </div>
  10. {% else %}
  11. <div class="one-third column value">
  12. <table>
  13. {% if service.icon %}
  14. <thead>
  15. <tr>
  16. <th>
  17. <span class="fa-stack fa-4x">
  18. <i class="fa fa-circle fa-stack-2x" style="color:#334d63;"></i>
  19. <i class="fa fa-{{ service.icon }} fa-stack-1x fa-inverse"></i>
  20. </span>
  21. {% if service.header %}
  22. <h5 class="service-heading">{{ service.header }}</h5>
  23. {% endif %}
  24. </th>
  25. </tr>
  26. </thead>
  27. {% endif %}
  28. <tbody>
  29. {% if service.text %}
  30. <tr>
  31. <td>{{ service.text }}</td>
  32. </tr>
  33. {% endif %}
  34. {% if service.cpu %}
  35. <tr>
  36. <td>{{ service.cpu }}</td>
  37. </tr>
  38. {% endif %}
  39. {% if service.ram %}
  40. <tr>
  41. <td>{{ service.ram }}</td>
  42. </tr>
  43. {% endif %}
  44. {% if service.disque %}
  45. <tr>
  46. <td>{{ service.disque }}</td>
  47. </tr>
  48. {% endif %}
  49. {% if service.ipv4%}
  50. <tr>
  51. <td>{{ service.ipv4 }}</td>
  52. </tr>
  53. {% endif %}
  54. {% if service.ipv6%}
  55. <tr>
  56. <td>{{ service.ipv6 }}</td>
  57. </tr>
  58. {% endif %}
  59. {% if service.prix %}
  60. <tr>
  61. <td>{{ service.prix }}</td>
  62. </tr>
  63. {% endif %}
  64. <tr>
  65. <td>
  66. <a class="button button-primary" href="#souscrire">Souscrire</a>
  67. </td>
  68. </tr>
  69. </tbody>
  70. </table>
  71. </div>
  72. {% endif %}
  73. {% endfor %}
  74. </div>
  75. </div>
  76. <div class="section-description">
  77. {{ page.content }}
  78. </div>
  79. </div>