templates/site/index.html.twig line 1

Open in your IDE?
  1. {% block replacestylesheets %}
  2.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Bold.woff2') }}" as="font" type="font/woff2" crossorigin>
  3.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Heavy.woff2') }}" as="font" type="font/woff2" crossorigin>
  4.     <link rel="preload" href="{{ asset('/fonts/SFProDisplay-Regular.woff2') }}" as="font" type="font/woff2" crossorigin>
  5.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Medium.woff2') }}" as="font" type="font/woff2" crossorigin>
  6.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Semibold.woff2') }}" as="font" type="font/woff2" crossorigin>
  7.     <link rel="preload" href="{{ asset('fonts/SFProDisplay-Bold.woff2') }}" as="font" type="font/woff2" crossorigin>
  8.     <link rel="stylesheet" href="{{ asset('css/style.css') }}?v=3.0.3" type="text/css"/>
  9.     <link rel="stylesheet" href="{{ asset('css/home-page.css') }}?v=3.0.4" type="text/css"/>
  10.     <meta name="apple-itunes-app" content="app-id=1465707487">
  11. {% endblock %}
  12. {% block replacejslib %}{% endblock %}
  13. {% extends 'new_navbar.html.twig' %}
  14. {% block headerClass %}blue{% endblock %}
  15. {% block title %}Toast - Save Tabs for Later{% endblock %}
  16. {% block helpCenterClass %}hide{% endblock %}
  18. {% block logo %}
  19.     <a href="#welcome" class="black-logo"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"></a>
  20.     <a href="#welcome" class="white-logo"><img src="{{ asset('img/new-home/brand-logo.svg') }}" alt="toast"></a>
  21. {% endblock %}
  22. {% block bodyClass %}home{% endblock %}
  24. {% block body %}
  25. <script> window.location = "https://toast-bookmarks.com"; </script>
  26.     <main class="main-home-page" id="fullpage">
  27.         <section class="animate-blocks">
  28.             <div class="sticky-holder">
  29.                 <div class="sticky intro-left left">
  30.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo.svg') }}" alt="toast"
  31.                                             class="intro-logo sticky-content"></a>
  32.                     <span class="intro-text sticky-content">Save Tabs for Later</span>
  33.                     {% if services.browserUtil.isSafari %}
  34.                         <a href="https://apps.apple.com/us/app/toast/id1465707487"
  35.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Safari. It's Free</a>
  36.                     {% elseif services.browserUtil.isOpera %}
  37.                         <a href="https://addons.opera.com/en/extensions/details/toast/"
  38.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Opera. It's Free</a>
  39.                     {% elseif services.browserUtil.isFirefox %}
  40.                         <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/"
  41.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Firefox. It's Free</a>
  42.                     {% elseif services.browserUtil.isEdge %}
  43.                         <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij"
  44.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Edge. It's Free</a>
  45.                     {% else %}
  46.                         <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie"
  47.                         class="intro-btn sticky-content" rel="next" target="_blank">Get Toast for Chrome. It's Free</a>
  48.                     {% endif %}
  49.                 </div>
  50.                 <div class="sticky review-left left">
  51.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  52.                                             class="review-logo sticky-content"></a>
  53.                     <span class="review-text sticky-content">1000 and 1 recipes of Toast</span>
  54.                     <span class="review-subtext sticky-content">Made for creative professionals to solve daily tasks</span>
  55.                 </div>
  56.                 <div class="sign-up-left left sticky">
  57.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  58.                                             class="sign-up-logo"></a>
  59.                 </div>
  60.                 <div class="looking-left left sticky">
  61.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  62.                                             class="looking-logo"></a>
  63.                     <span class="looking-text sticky-content">Nothing is perfect</span>
  64.                     <span class="looking-subtext sticky-content">Time to upgrade over the good. Take a look*</span>
  65.                     <div class="looking-bottom sticky-content">
  66.                         <span class="looking-note"><span class="looking-star">*</span>But if you don’t like:</span>
  67.                         <span class="looking-sub-note">Cloud Services, Minimalistic Design, Fremium Model </span>
  68.                         <p class="looking-elements">
  69.                             <img src="{{ asset('img/new-home/look-arrow.svg') }}" alt="icon">
  70.                             <img src="{{ asset('img/new-home/shape.svg') }}" alt="icon">
  71.                             <span> + you = </span>
  72.                             <img src="{{ asset('img/new-home/invalid-name.svg') }}" alt="icon">
  73.                         </p>
  74.                     </div>
  75.                 </div>
  76.                 <div class="brand-left left sticky">
  77.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  78.                                             class="brand-logo"></a>
  79.                     <span class="brand-text sticky-content">Trusted by teams around the world</span>
  80.                     <span class="brand-subtext sticky-content">Collaboration in browser is simple as a team lunch</span>
  81.                 </div>
  82.                 <div class="organize-left left sticky">
  83.                     <a href="#welcome"><img src="{{ asset('img/new-home/brand-logo-white.svg') }}" alt="toast"
  84.                                             class="organize-logo sticky-content"></a>
  85.                     <p class="organize-text">
  86.                         Try Toast today. It's Free
  87.                     </p>
  88.                     <div class="organize-buttons">
  89.                         {#<a href="{{ path('site_features') }}" class="organize-feature organize-button">Explore All Features</a>#}
  90.                         {% if services.browserUtil.isSafari %}
  91.                         <a href="https://apps.apple.com/us/app/toast/id1465707487"
  92.                         class="organize-start organize-button" rel="next" target="_blank">Get Toast for Safari. It's Free</a>
  93.                         {% elseif services.browserUtil.isOpera %}
  94.                             <a href="https://addons.opera.com/en/extensions/details/toast/"
  95.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Opera. It's Free</a>
  96.                         {% elseif services.browserUtil.isFirefox %}
  97.                             <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/"
  98.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Firefox. It's Free</a>
  99.                         {% elseif services.browserUtil.isEdge %}
  100.                             <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij"
  101.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Edge. It's Free</a>
  102.                         {% else %}
  103.                             <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie"
  104.                             class="organize-start organize-button" rel="next" target="_blank">Get Toast for Chrome. It's Free</a>
  105.                         {% endif %}
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.             <div class="blocks-items">
  110.                 <div class="intro">
  111.                     <a href="https://www.producthunt.com/posts/toast-2" rel="noreferrer" target="_blank"  class="intro-lab home-desktop"></a>
  112.                     <div class="home-container">
  113.                         <div class="intro-right right">
  114.                             <img src="/img/new-home/illustration.png" alt="illustration"
  115.                                  srcset="/img/new-home/illustration@2x.png 2x" class="locked home-desktop"/>
  116.                             <img src="/img/new-home/illustration-mobile.png" alt="illustration"
  117.                                  srcset="/img/new-home/illustration-mobile@2x.png 2x" class="locked home-mobile" style="margin-bottom: 108px;"  />
  118.                             <div class="intro-content home-mobile">
  119.                                 <span class="intro-text">Save Tabs for Later</span>
  120.                                 {#<a href="{{ path('user_sessions_index') }}" class="intro-btn">Get Started. It's Free</a>#}
  121.                                 <a href="{{ path('site_lp_mobile_ads') }}" class="intro-btn">Download Toast</a>
  122.                             </div>
  123.                             <div class="intro-content bg home-mobile"></div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.                 <div class="review">
  128.                     <div class="home-container">
  129.                         <div class="review-right right">
  130.                             <div class="mob-start-text home-mobile">
  131.                                 <span class="review-text sticky-content">1000 and 1 recipes of Toast</span>
  132.                                 <span class="review-subtext sticky-content">Made for creative professionals to solve daily tasks</span>
  133.                             </div>
  134.                             <div class="review-part-1 review-part show">
  135.                                 <div class="review-block-left review-block">
  136.                                     <div class="review-comment">
  137.                                         <h3 class="review-comment-title">Manage tabs in browser</h3>
  138.                                         <p class="review-comment-text">I tend to easily accumulate a lot of tabs. With
  139.                                             Toast I
  140.                                             can save them with relation to tasks or topics... so I don't have to keep
  141.                                             them
  142.                                             open.</p>
  143.                                         <div class="review-comment-user">
  144.                                             <img src="/img/new-home/person-1.png" alt="illustration"
  145.                                                  srcset="/img/new-home/person-1@2x.png 2x"
  146.                                                  class="review-comment-photo locked"/>
  147.                                             <span class="review-comment-name">Addie L. Designer</span>
  148.                                         </div>
  149.                                     </div>
  150.                                     <div class="review-comment">
  151.                                         <h3 class="review-comment-title">Store links</h3>
  152.                                         <p class="review-comment-text">I use Toast mainly for tracking links for work as
  153.                                             I do a
  154.                                             LOT of research.</p>
  155.                                         <div class="review-comment-user">
  156.                                             <img src="/img/new-home/person-2.png" alt="illustration"
  157.                                                  srcset="/img/new-home/person-2@2x.png 2x"
  158.                                                  class="review-comment-photo locked"/>
  159.                                             <span class="review-comment-name">Ricardo S. Researcher</span>
  160.                                         </div>
  161.                                     </div>
  162.                                     <div class="review-button-block home-desktop">
  163.                                         <button class="review-button">Read more stories about</button>
  164.                                         <span class="review-note">Founders, PMs and others</span>
  165.                                     </div>
  166.                                 </div>
  167.                                 <div class="review-block-right review-block">
  168.                                     <div class="review-comment">
  169.                                         <h3 class="review-comment-title">Move tabs between browsers</h3>
  170.                                         <p class="review-comment-text">Safari has the best reading mode, but Chrome has
  171.                                             way more
  172.                                             extensions. With Toast real-time tabs sync I'm not bound to any browser
  173.                                             anymore. And
  174.                                             I can see my tabs even on mobile.</p>
  175.                                         <div class="review-comment-user">
  176.                                             <img src="/img/new-home/person-3.png" alt="illustration"
  177.                                                  srcset="/img/new-home/person-3@2x.png 2x"
  178.                                                  class="review-comment-photo locked"/>
  179.                                             <span class="review-comment-name">Elizabeth McC. Writer</span>
  180.                                         </div>
  181.                                     </div>
  182.                                     <div class="review-comment">
  183.                                         <h3 class="review-comment-title">Reference later</h3>
  184.                                         <p class="review-comment-text">As a programmer, I save all of the StackOverflow
  185.                                             answers
  186.                                             I use in case I need to go back and check or reference one later.</p>
  187.                                         <div class="review-comment-user">
  188.                                             <img src="/img/new-home/person-4.png" alt="illustration"
  189.                                                  srcset="/img/new-home/person-4@2x.png 2x"
  190.                                                  class="review-comment-photo locked"/>
  191.                                             <span class="review-comment-name">Edward D. Developer</span>
  192.                                         </div>
  193.                                     </div>
  194.                                 </div>
  195.                                 <div class="review-button-block home-mobile">
  196.                                     <button class="review-button">Read more stories about</button>
  197.                                     <span class="review-note">Founders, PMs and others</span>
  198.                                 </div>
  199.                             </div>
  200.                             <div class="review-part-2 review-part">
  201.                                 <div class="review-block-left review-block">
  202.                                     <div class="review-comment">
  203.                                         <h3 class="review-comment-title">Send a bunch of links as one link</h3>
  204.                                         <p class="review-comment-text">I'm a film editor and I often share a mood board
  205.                                             or
  206.                                             multiple example videos URLs with my team. Now I send a Toast folder with
  207.                                             all my
  208.                                             findings.</p>
  209.                                         <div class="review-comment-user">
  210.                                             <img src="/img/new-home/person-5.png" alt="illustration"
  211.                                                  srcset="/img/new-home/person-5@2x.png 2x"
  212.                                                  class="review-comment-photo locked"/>
  213.                                             <span class="review-comment-name">Gary McC. Film Editor</span>
  214.                                         </div>
  215.                                     </div>
  216.                                     <div class="review-comment">
  217.                                         <h3 class="review-comment-title">Prepare and focus on a task</h3>
  218.                                         <p class="review-comment-text">Toast helps me manage browser tabs based on what
  219.                                             I'm
  220.                                             doing (e.g.: work, home, fitness, reading, etc). I can easily switch the
  221.                                             context to
  222.                                             get the most done.</p>
  223.                                         <div class="review-comment-user">
  224.                                             <img src="/img/new-home/person-6.png" alt="illustration"
  225.                                                  srcset="/img/new-home/person-6@2x.png 2x"
  226.                                                  class="review-comment-photo locked"/>
  227.                                             <span class="review-comment-name">Matthew Q. Startup Founder</span>
  228.                                         </div>
  229.                                     </div>
  230.                                 </div>
  231.                                 <div class="review-block-right review-block">
  232.                                     <div class="review-comment">
  233.                                         <h3 class="review-comment-title">Simplify daily routine</h3>
  234.                                         <p class="review-comment-text">I open the same tabs over and over, every single
  235.                                             day
  236.                                             (sounds fun right?). At least with Toast it's a 1 click no-brainer. </p>
  237.                                         <div class="review-comment-user">
  238.                                             <img src="/img/new-home/person-7.png" alt="illustration"
  239.                                                  srcset="/img/new-home/person-7@2x.png 2x"
  240.                                                  class="review-comment-photo locked"/>
  241.                                             <span class="review-comment-name"> Catherine N. PM</span>
  242.                                         </div>
  243.                                     </div>
  244.                                     <div class="review-comment">
  245.                                         <h3 class="review-comment-title">Collaborate on university projects</h3>
  246.                                         <p class="review-comment-text">We have a few university projects going on. In
  247.                                             our group
  248.                                             everyone adds their new findings to a shared Toast folder. So we can all be
  249.                                             on the
  250.                                             same page. </p>
  251.                                         <div class="review-comment-user">
  252.                                             <img src="/img/new-home/person-8.png" alt="illustration"
  253.                                                  srcset="/img/new-home/person-8@2x.png 2x"
  254.                                                  class="review-comment-photo locked"/>
  255.                                             <span class="review-comment-name">Alexandra T. Student</span>
  256.                                         </div>
  257.                                     </div>
  258.                                 </div>
  259.                             </div>
  260.                         </div>
  261.                     </div>
  262.                 </div>
  263.                 <div class="sing-up">
  264.                     <div class="home-container">
  265.                         <div class="sign-up-right right">
  266.                             <img src="/img/new-home/illustration-sign-up.svg" alt="illustration"
  267.                                  class="sign-up-img locked"/>
  268.                             <div class="sign-up-form-wrap">
  269.                                 <h3 class="sign-up-form-title">
  270.                                     Found a favorite Toast use case or want to try your own?
  271.                                 </h3>
  272.                                 <form id="home-form" class="sign-up-form">
  273.                                     <input type="email" id="home-email"
  274.                                            placeholder="Enter your email" name="email" autocomplete="email"
  275.                                            required class="sign-up-input">
  276.                                     <button class="sign-up-button" id="home-submit">Sign Up</button>
  277.                                 </form>
  278.                             </div>
  279.                         </div>
  280.                     </div>
  281.                 </div>
  282.                 <div class="looking">
  283.                     <div class="home-container">
  284.                         <div class="looking-right right">
  285.                             <div class="mob-start-text home-mobile">
  286.                                 <span class="looking-text sticky-content">Nothing is perfect</span>
  287.                                 <span class="looking-subtext sticky-content">Time to upgrade over the good. Take a look*</span>
  288.                             </div>
  289.                             <h3 class="looking-title">Are you looking for … ?</h3>
  290.                             <div class="looking-item">
  291.                                 <img src="/img/new-home/one-tab-logo.png" alt="illustration"
  292.                                      srcset="/img/new-home/one-tab-logo@2x.png 2x" class="looking-item-img locked"/>
  293.                                 <p class="looking-item-text">
  294.                                     OneTab with <span>links synchronization across browsers</span></p>
  295.                                 <p class="looking-hint hint">Save, open and edit links on one computer or browser and
  296.                                     continue work on another one or in the Toast web app.</p>
  297.                             </div>
  298.                             <div class="looking-item">
  299.                                 <img src="/img/new-home/session-buddy-logo.png" alt="illustration"
  300.                                      srcset="/img/new-home/session-buddy-logo@2x.png 2x"
  301.                                      class="looking-item-img locked"/>
  302.                                 <p class="looking-item-text">
  303.                                     Session Buddy with <span>team collaboration
  304.                             </span></p>
  305.                                 <p class="looking-hint hint">Collaboration with other users via Toast. Invite user into
  306.                                     your folder to save links together.</p>
  307.                             </div>
  308.                             <div class="looking-item">
  309.                                 <img src="/img/new-home/toby-logo.png" alt="illustration"
  310.                                      srcset="/img/new-home/toby-logo@2x.png 2x" class="looking-item-img locked"/>
  311.                                 <p class="looking-item-text">
  312.                                     Toby with <span>Safari version
  313.                             </span></p>
  314.                                 <p class="looking-hint hint">Toast provides seamless experience for Safari, Chrome,
  315.                                     Firefox, Edge and Opera</p>
  316.                             </div>
  317.                             <div class="looking-item">
  318.                                 <img src="/img/new-home/raindrop-logo.png" alt="illustration"
  319.                                      srcset="/img/new-home/raindrop-logo@2x.png 2x" class="looking-item-img locked"/>
  320.                                 <p class="looking-item-text">
  321.                                     Raindrop with <span>real time tabs synchronization</span></p>
  322.                                 <p class="looking-hint hint">All open tabs across all your browsers with Toast extension
  323.                                     are synchronized in real-time.</p>
  324.                             </div>
  325.                         </div>
  326.                     </div>
  327.                 </div>
  328.                 <div class="brand">
  329.                     <div class="home-container">
  330.                         <div class="brand-right right">
  331.                             <div class="mob-start-text home-mobile">
  332.                                 <span class="brand-text sticky-content">Trusted by teams around the world</span>
  333.                                 <span class="brand-subtext sticky-content">Collaboration in browser is simple as a team lunch</span>
  334.                             </div>
  335.                             <img src="/img/new-home/logo.png" alt="illustration"
  336.                                  srcset="/img/new-home/logo@2x.png 2x"
  337.                                  class="locked home-desktop"/>
  338.                             <img src="/img/new-home/logos-mobile.png" alt="illustration"
  339.                                  srcset="/img/new-home/logos-mobile@2x.png 2x"
  340.                                  class="locked home-mobile"/>
  341.                         </div>
  342.                     </div>
  343.                 </div>
  344.                 <div class="organize">
  345.                     <div class="home-container">
  346.                         <div class="mob-start-text home-mobile">
  347.                             <p class="organize-text">
  348.                                 Try Toast today. It's Free
  349.                             </p>
  350.                             <div class="organize-buttons">
  351.                                 {#<a href="{{ path('user_sessions_index') }}" class="organize-start organize-button">Get Started</a>#}
  352.                                 {#<a href="{{ path('site_lp_mobile_ads') }}" class="intro-btn">Download Toast</a>#}
  353.                             </div>
  354.                         </div>
  355.                         <div class="organize-right right">
  356.                             <h3 class="organize-title">Anyone can be organized</h3>
  357.                             <p class="organize-text--right">When I open a lot of tabs in browser during work </p>
  358.                             <p class="organize-text--right">my computer goes flying, <br> not with Toast anymore!</p>
  359.                             <p class="organize-name">
  360.                                 <span>Gabriel F.</span>
  361.                                 <span>Project Manager</span>
  362.                             </p>
  363.                         </div>
  364.                         <div class="mob-start-text home-mobile">
  365.                             <a href="{{ path('site_features') }}" class="organize-feature organize-button">Explore All Features</a>
  366.                         </div>
  367.                     </div>
  368.                 </div>
  369.             </div>
  370.         </section>
  371.         <section class="screen-block">
  372.             <div class="home-container">
  373.                 <div class="screen-left home-desktop">
  374.                     <h4 class="screen-title">Toast Web App</h4>
  375.                     <img src="/img/new-home/Web.png" alt="illustration"
  376.                          srcset="/img/new-home/Web@3x.png 3x"
  377.                          class="locked"/>
  378.                 </div>
  379.                 <div class="screen-right">
  380.                     <div class="screen-ex home-desktop">
  381.                         <h4 class="screen-title">Toast Browser Extension</h4>
  382.                         <img src="/img/new-home/extension.png" alt="illustration"
  383.                              srcset="/img/new-home/extension@2x.png 2x"
  384.                              class="locked"/>
  385.                     </div>
  386.                     <div class="screen-mob">
  387.                         <h4 class="screen-title">Toast Web App for Mobile</h4>
  388.                         <img src="/img/new-home/mobile.png" alt="illustration"
  389.                              srcset="/img/new-home/mobile@2x.png 2x"
  390.                              class="locked home-desktop"/>
  391.                         <div class="screen-mob-mobile home-mobile">
  392.                             <img src="/img/new-home/mobile.png" alt="illustration"
  393.                                  srcset="/img/new-home/mobile@2x.png 2x"
  394.                                  class="locked"/>
  395.                         </div>
  396.                     </div>
  397.                 </div>
  398.             </div>
  399.         </section>
  400.     </main>
  401. {% endblock %}
  402. {% block footer %}
  403.     <footer class="footer footer-home">
  404.         <div class="footer-container">
  405.             <div class="footer-row">
  406.                 <div class="mob-start-text home-mobile">
  407.                     <a href="{{ path('user_sessions_index') }}" class="intro-btn">Log In</a>
  408.                 </div>
  409.                 <h2 class="footer-title home-desktop">Download Toast Extension</h2>
  410.                 <p class="footer-sub-title home-desktop">Distributed only thorough official browser stores:</p>
  411.                 <p class="footer-mob-title home-mobile">Toast seamless experience</p>
  412.                 <p class="footer-mob-sub-title home-mobile">With browser extensions distributed only thorough official stores for:</p>
  413.             </div>
  414.             <div class="footer-row">
  415.                 <ul class="footer-browsers">
  416.                     <li class="safari-link">
  417.                         <a href="https://apps.apple.com/us/app/toast/id1465707487" rel="noreferrer"
  418.                            class="safari-btn"><img src="/img/new-home/safari-logo.png" alt="Safari"
  419.                                                    srcset="/img/new-home/safari-logo@2x.png 2x"/><span>Safari</span></a>
  420.                     </li>
  421.                     <li class="chrome-link">
  422.                         <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie"
  423.                            rel="noreferrer" class="chrome-btn"><img src="/img/new-home/chrome-logo.png" alt="Chrome"
  424.                                                                     srcset="/img/new-home/chrome-logo@2x.png 2x"/><span>Chrome</span></a>
  425.                     </li>
  426.                     <li class="opera-link">
  427.                         <a href="https://addons.opera.com/en/extensions/details/toast/" rel="noreferrer"
  428.                            class="opera-btn"><img src="/img/new-home/opera-logo.png" alt="Opera"
  429.                                                   srcset="/img/new-home/opera-logo@2x.png 2x"/><span>Opera</span></a>
  430.                     </li>
  431.                     <li class="firefox-link">
  432.                         <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/" rel="noreferrer"
  433.                            class="firefox-btn"><img src="/img/new-home/fire.png" alt="Firefox"
  434.                                                     srcset="/img/new-home/fire@2x.png 2x"/><span>Firefox</span></a>
  435.                     </li>
  437.                     <li class="edge-link">
  438.                         <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij"
  439.                            rel="noreferrer"
  440.                            class="edge-btn">
  441.                             <img src="/img/new-home/edge.png" alt="Edge"
  442.                                  srcset="/img/new-home/edge@2x.png 2x"/>
  443.                             <span>Edge</span></a>
  444.                     </li>
  445.                     <li class="iphone-link">
  446.                         <a href="https://apps.apple.com/ua/app/toast-for-safari/id1465707487?platform=iphone"
  447.                            rel="noreferrer"
  448.                            class="iphone-btn">
  449.                             <img src="/img/new-home/iphone-app-icon.png" alt="iPhone"
  450.                                  srcset="/img/new-home/iphone-app-icon@2x.png 2x"/>
  451.                             <span>iPhone</span></a>
  452.                     </li>
  453.                 </ul>
  454.             </div>
  455.             <span class="footer-line"></span>
  456.             <div class="footer-row footer-row-bottom">
  457.                 <div class="footer-col">
  458.                     <a href="#welcome" class="logo-link"><img src="{{ asset('img/new-home/brand-logo.svg') }}" alt="Logo"></a>
  459.                     <span>© {{ "now"|date("Y") }}</span>
  460.                     <span>50.4501° N, 30.5234° E.</span>
  461.                 </div>
  462.                 <div class="footer-col">
  463.                     <a href="{{ path('user_sessions_index') }}#login">Log In</a>
  464.                     <a href="{{ path('user_sessions_index') }}#signup">Sign Up</a>
  465.                     <a href="{{ path('site_pricing') }}">PRO</a>
  466.                     <a href="mailto:dotoast.com@gmail.com?subject=[Help]">Help Center</a>
  467.                     <a href="https://youtube.com/playlist?list=PLSd8Tn7QclQ4uzgZsInqe1XzKfwFL-Xt0" rel="noreferrer" target="_blank">Video Tutorials</a>
  468.                     <a href="{{ path('site_terms') }}">Terms of Service</a>
  469.                     <a href="{{ path('site_privacy') }}">Privacy Policy</a>
  470.                 </div>
  471.                 <div class="footer-col">
  472.                     <a href="mailto:dotoast.com@gmail.com?subject=Toast%20Affiliate,%20[Name%20Surname]%20apply">Join
  473.                         Toast Affiliate Program</a>
  474.                     <a href="mailto:dotoast.com@gmail.com?subject=[Collaboration with Influencers]">Partnership with
  475.                         Influencers</a>
  476.                     <a href="{{ asset('downloads/Press-Kit.zip') }}">Press Kit</a>
  477.                 </div>
  478.                 <div class="footer-col">
  479.                     <a href="mailto:dotoast.com@gmail.com?subject=Position:">Jobs</a>
  480.                     <span class="footer-short-line"></span>
  481.                     <a href="https://apps.apple.com/us/app/toast/id1465707487" target="_blank" rel="noreferrer">Toast for Safari</a>
  482.                     <a href="https://chrome.google.com/webstore/detail/toast/pejhbjnfifdecpkgcjhgmcaphdobmiie" rel="noreferrer" target="_blank">Toast for
  483.                         Chrome</a>
  484.                     <a href="https://addons.opera.com/en/extensions/details/toast/" target="_blank" rel="noreferrer">Toast for Opera</a>
  485.                     <a href="https://addons.mozilla.org/en-US/firefox/addon/dotoast/" target="_blank" rel="noreferrer">Toast for Firefox</a>
  486.                     <a href="https://microsoftedge.microsoft.com/addons/detail/toast/llmejgkjpfngebfhcbadinppkmbjbkij" target="_blank" rel="noreferrer">Toast
  487.                         for Edge</a>
  488.                     <a href="https://apps.apple.com/ua/app/toast-for-safari/id1465707487?platform=iphone" target="_blank" rel="noreferrer">Toast
  489.                         for iPhone</a>
  490.                 </div>
  491.                 <div class="footer-col">
  492.                     <a href="https://www.producthunt.com/posts/toast-2" target="_blank" rel="noreferrer">Toast on ProductHunt</a>
  493.                     <a href="https://twitter.com/dotoastcom" target="_blank" rel="noreferrer">Toast in Twitter</a>
  494.                     <a href="https://www.instagram.com/dotoastcom/" target="_blank" rel="noreferrer">Toast in Instagram</a>
  495.                     <a href="https://www.youtube.com/channel/UCulHIyLSaT1h9xRNbVkfdHw" target="_blank" rel="noreferrer">Toast in YouTube</a>
  496.                 </div>
  497.             </div>
  498.         </div>
  499.     </footer>
  500. {% endblock %}
  502. {% block replacejs %}
  503.     <script src="{{ asset('js/libs/jquery-3.6.0.min.js') }}"></script>
  504.     {# <script src="{{ asset('js/fullpage.min.js') }}" ></script> #}
  505.     <script src="{{ asset('js/registration.js') }}?v=3.0.3"></script>
  506.     <script src="{{ asset('js/homepage.js') }}?v=3.0.3"></script>
  507.     <script src="{{ asset('js/share-session-new.js') }}?v=3.0.3"></script>
  508. {% endblock %}