Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
 
 

128 righe
5.7 KiB

  1. import React from 'react';
  2. import Link from 'next/link'
  3. const PricingStyleOne = () => {
  4. return (
  5. <div className="pricing-area pt-80 pb-50 bg-f9f6f6">
  6. <div className="container">
  7. <div className="section-title">
  8. <h2>Catania Room Pricing</h2>
  9. <div className="bar"></div><br />
  10. </div>
  11. <div className="row justify-content-center">
  12. <div className="col-lg-4 col-md-6">
  13. <div className="pricing-table">
  14. <div className="pricing-header">
  15. <h3>Superior Room</h3>
  16. </div>
  17. <div className="price">
  18. <span><sup>Rp.</sup>200.000,- <span>/Night</span></span>
  19. </div>
  20. <div className="pricing-features">
  21. <ul>
  22. <li className="active">5 GB Bandwidth</li>
  23. <li className="active">Highest Speed</li>
  24. <li className="active">1 GB Storage</li>
  25. <li className="active">Unlimited Website</li>
  26. <li className="active">Unlimited Users</li>
  27. <li className="active">24x7 Great Support</li>
  28. <li>Data Security and Backups</li>
  29. <li>Monthly Reports and Analytics</li>
  30. </ul>
  31. </div>
  32. <div className="pricing-footer">
  33. <Link href="#">
  34. <a className="btn btn-primary">Select Plan</a>
  35. </Link>
  36. </div>
  37. </div>
  38. </div>
  39. <div className="col-lg-4 col-md-6">
  40. <div className="pricing-table">
  41. <div className="pricing-header">
  42. <h3>Deluxe Room</h3>
  43. </div>
  44. <div className="price">
  45. <span><sup>Rp.</sup>400.000,- <span>/Night</span></span>
  46. </div>
  47. <div className="pricing-features">
  48. <ul>
  49. <li className="active">10 GB Bandwidth</li>
  50. <li className="active">Highest Speed</li>
  51. <li className="active">3 GB Storage</li>
  52. <li className="active">Unlimited Website</li>
  53. <li className="active">Unlimited Users</li>
  54. <li className="active">24x7 Great Support</li>
  55. <li className="active">Data Security and Backups</li>
  56. <li>Monthly Reports and Analytics</li>
  57. </ul>
  58. </div>
  59. <div className="pricing-footer">
  60. <Link href="#">
  61. <a className="btn btn-primary">Select Plan</a>
  62. </Link>
  63. </div>
  64. </div>
  65. </div>
  66. <div className="col-lg-4 col-md-6">
  67. <div className="pricing-table">
  68. <div className="pricing-header">
  69. <h3>Executive Room</h3>
  70. </div>
  71. <div className="price">
  72. <span><sup>Rp.</sup>600.000,- <span>/Night</span></span>
  73. </div>
  74. <div className="pricing-features">
  75. <ul>
  76. <li className="active">Highest Speed</li>
  77. <li className="active">5 GB Storage</li>
  78. <li className="active">Unlimited Website</li>
  79. <li className="active">Unlimited Users</li>
  80. <li className="active">24x7 Great Support</li>
  81. <li className="active">Data Security and Backups</li>
  82. <li className="active">Monthly Reports and Analytics</li>
  83. <li classname="active">15 GB Bandwith</li>
  84. </ul>
  85. </div>
  86. <div className="pricing-footer">
  87. <Link href="#">
  88. <a className="btn btn-primary">Select Plan</a>
  89. </Link>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. {/* Shape Images */}
  96. <div className="shape8 rotateme">
  97. <img src="/images/shape2.svg" alt="shape" />
  98. </div>
  99. <div className="shape2 rotateme">
  100. <img src="/images/shape2.svg" alt="shape" />
  101. </div>
  102. <div className="shape7">
  103. <img src="/images/shape4.svg" alt="shape" />
  104. </div>
  105. <div className="shape4">
  106. <img src="/images/shape4.svg" alt="shape" />
  107. </div>
  108. </div>
  109. );
  110. }
  111. export default PricingStyleOne;