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