templates/site/pricing.html.twig line 1

Open in your IDE?
  1. {% block replacestylesheets %}
  2.     <link rel="stylesheet" href="{{ asset('css/style.css') }}" type="text/css" />
  3. {% endblock %}
  5. {% extends 'new_navbar.html.twig' %}
  7. {% block title %}PRO - Toast{% endblock %}
  9. {% block pricingClass %}active{% endblock %}
  11. {% block logo %}
  12.     <a href="{{ path('site_index') }}"><img src="{{ asset('img/logo.svg') }}" alt="toast"></a>
  13. {% endblock %}
  14. {% block bodyClass %}pricing_page{% endblock %}
  15. {% block body %}
  17. <main id="main">
  18.     <section class="pricing-section">
  19.         <div class="container">
  20.             <h1>Experience the Full Power Of Toast</h1>
  21.             <div class="interval-holder">
  22.                 <i class="icon-clock">⏳</i>
  23.                 <strong>Billing Interval:</strong>
  24.                 <span>Monthly</span>
  25.                 <div class="switch-btn switch-on"></div>
  26.                 <span>Yearly</span>
  27.             </div>
  28.             <div class="column">
  29.                 <div class="col">
  30.                     <div class="pricing-box">
  31.                         <div class="image">
  32.                             <img src="{{ asset('img/Amateur.svg') }}" alt="Amateur">
  33.                         </div>
  34.                         <div class="text-box">
  35.                             <div class="pricing-top">
  36.                                 <strong class="pricing-title">Basic</strong>
  37.                                 <span class="pricing-price">Free</span>
  38.                             </div>
  39.                             <ul class="pricing-item-list">
  40.                                 <li>5 Folders per Browser</li>
  41.                                 <li>Folders Sync in Web App</li>
  42.                                 <li class="d-hide">In Order Support</li>
  43.                             </ul>
  44.                             <a href="{{ path('user_sessions_index') }}" class="button">Get Started</a>
  45.                         </div>
  46.                     </div>
  47. {#                    <ul class="pricing-descr-list m-hide">#}
  48. {#                        <li>Safari, Chrome, Opera and Firefox</li>#}
  49. {#                        <li>5 Sessions per Browser</li>#}
  50. {#                        <li>Partial Synchronization: Only in Web Platform</li>#}
  51. {#                        <li>Sharing Link & via Email</li>#}
  52. {#                        <li>Support: In Order</li>#}
  53. {#                    </ul>#}
  54.                 </div>
  55.                 <div class="col">
  56.                     <div class="pricing-box">
  57.                         <div class="image">
  58.                             <img src="{{ asset('img/Salt-Man.svg') }}" alt="Salt-Man">
  59.                         </div>
  60.                         <div class="text-box">
  61.                             <div class="pricing-top">
  62.                                 <strong class="pricing-title">Pro</strong>
  63.                                 <span class="pricing-price price-pro"><span class="month">$4.99/mo</span><span class="year">$2.99/mo</span></span>
  64.                             </div>
  65.                             <ul class="pricing-item-list">
  66.                                 <li>Unlimited Folders</li>
  67.                                 <li>Folders Sync everywhere</li>
  68.                                 <li class="d-hide">Priority Support</li>
  69.                             </ul>
  70.                             <a href="{{ path('user_sessions_upgrade') }}" class="button get-free">Start Free 14 Day Trial </a>
  71.                         </div>
  72.                     </div>
  73. {#                    <ul class="pricing-descr-list m-hide">#}
  74. {#                        <li>Safari, Chrome, Opera and Firefox</li>#}
  75. {#                        <li>Unlimited Sessions</li>#}
  76. {#                        <li>Full Synchronization: In Extensions & Web Platform</li>#}
  77. {#                        <li>Sharing Link & via Email</li>#}
  78. {#                        <li>Support: Priority</li>#}
  79. {#                    </ul>#}
  80.                 </div>
  82.             </div>
  83.             <div class="plan-features m-hide">
  84.                 <table>
  85.                     <tr>
  86.                         <td class="title">Folders</td>
  87.                         <td>5 per Browser</td>
  88.                         <td>Unlimited</td>
  89.                         <td class="hint">Links are stored in folders. Add as many as you want, links are unlimited.</td>
  90.                     </tr>
  91.                     <tr>
  92.                         <td class="title">Folders Sync</td>
  93.                         <td>Partial: Only in Web App</td>
  94.                         <td>Full: In Extensions & Web App</td>
  95.                         <td class="hint">Save, open and edit folder on one computer or browser and continue work on another one or in the Toast web app.</td>
  96.                     </tr>
  97.                     <tr>
  98.                         <td class="title">Live Sync</td>
  99.                         <td>No</td>
  100.                         <td>Yes</td>
  101.                         <td class="hint">All open tabs across all your browsers with Toast extension are synchronized in real-time.</td>
  102.                     </tr>
  103.                     <tr>
  104.                         <td class="title">Collaboration</td>
  105.                         <td>No</td>
  106.                         <td>Yes</td>
  107.                         <td class="hint">Work on one folder with other people.</td>
  108.                     </tr>
  109.                     <tr>
  110.                         <td class="title">Recently Deleted</td>
  111.                         <td>No</td>
  112.                         <td>Yes</td>
  113.                         <td class="hint">Deleted links are archived and stored in the "Recently Deleted" folder for 30 days in web app.</td>
  114.                     </tr>
  115.                     <tr>
  116.                         <td class="title">Web App</td>
  117.                         <td>Basic</td>
  118.                         <td>Advanced: Search, Add Folder</td>
  119.                         <td class="hint">Access your folders and links from anywhere. You only need a browser.</td>
  120.                     </tr>
  121.                     <tr>
  122.                         <td class="title">Support</td>
  123.                         <td>In Order</td>
  124.                         <td>Priority</td>
  125.                         <td class="hint">Have any concern, idea, or issue? We are always happy to help you.</td>
  126.                     </tr>
  127.                 </table>
  128.             </div>
  129.         </div>
  130.     </section>
  131. </main>
  133. {% endblock %}
  135. {% block javascripts %}
  136.     <script src="{{ asset('js/jquery.main.js') }}"></script>
  137.     <script src="{{ asset('js/registration.js') }}"></script>
  138. {% endblock %}