templates/uniqskills/base/howToUse.html.twig line 1

Open in your IDE?
  1. {% extends '/uniqskills/layout.html.twig' %}
  2. {% block content %}
  3.     <div class="howToUseContainer">
  4.         <main>
  5.             <h1>Instrukcja korzystania z platformy Uniqskills.com</h1>
  6.         </main>
  7.         <section class="ibox-content" id="ibox-content">
  8.             <div id="vertical-timeline" class="vertical-container dark-timeline ">
  9.                 <div class="vertical-timeline-block">
  10.                     <div class="vertical-timeline-icon navy-bg">
  11.                         <span>✔</span>
  12.                     </div>
  13.                     <div class="vertical-timeline-content">
  14.                         <div class="row d-instruction">
  15.                             <div class="col-md-5">
  16.                                 <h2>Krok 1</h2>
  17.                                 <p><strong>Aby zalogować się</strong> do platformy wejdź na stronę <a target="_blank" href="https://www.uniqskills.com/" style=" color: #41b0e5">www.uniqskills.com.</a> </p>
  18.                                 <p>W prawym górnym narożniku kliknij w przycisk<strong> „zaloguj&nbsp;się”</strong></p>
  19.                                 <p>Pojawi się ekran z prośbą o wprowadzenie loginu (adres mailowy, który został podany do zamówienia) i hasła (hasło ustalone przez klienta przy aktywacji konta). </p>
  20.                                 <p>Jeśli nie pamiętasz hasła <a href="#password" style=" color: #41b0e5">« PRZEJDŹ TUTAJ »</a> </p>
  21.                             </div>
  22.                             <div class="col-md-6 justify-content-center instruction-box ">
  23.                                 <img src="/uniqskills/img/how_to_use/1.png" style="">
  24.                             </div>
  25.                         </div>
  26.                     </div>
  27.                 </div>
  28.                 <div class="vertical-timeline-block">
  29.                     <div class="vertical-timeline-icon navy-bg">
  30.                         <span>✔</span>
  31.                     </div>
  32.                     <div class="vertical-timeline-content">
  33.                         <div class="row d-instruction">
  34.                             <div class="col-md-5">
  35.                                 <h2>Krok 2</h2>
  36.                                 <p><strong>Multikonto Forum </strong>- wszystkie nasze produktu są powiązane. Jeżeli już jesteś naszym Klientem i korzystasz z naszych produktów, zaloguj się danymi, które zostały wskazane przy poprzednich zamówieniach. </p>
  37.                             </div>
  38.                             <div class="col-md-6 justify-content-center instruction-box">
  39.                                 <img src="/uniqskills/img/how_to_use/2.png"  >
  40.                             </div>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.                 <div class="vertical-timeline-block">
  45.                     <div class="vertical-timeline-icon navy-bg">
  46.                         <span>✔</span>
  47.                     </div>
  48.                     <div class="vertical-timeline-content">
  49.                         <div class="row d-instruction">
  50.                             <div class="col-md-5">
  51.                                 <h2>Krok 3</h2>
  52.                                 <p>Po zalogowaniu, z lewej strony zobaczysz swój  <strong>panel klienta „Mój panel”</strong>, po prawej widoczna jest lista kursów, które masz wykupione.</p>
  53.                                 <p>Kliknięcie w odnośnik<strong> „Moje kursy”</strong> pozwala na wyświetlenie wszystkich kursów dostępnych na Twoim koncie.</p>
  54.                             </div>
  55.                             <div class="col-md-6 justify-content-center instruction-box">
  56.                                 <img src="/uniqskills/img/how_to_use/3.png"  >
  57.                             </div>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.                 <div class="vertical-timeline-block">
  62.                     <div class="vertical-timeline-icon navy-bg">
  63.                         <span>✔</span>
  64.                     </div>
  65.                     <div class="vertical-timeline-content">
  66.                         <div class="row d-instruction">
  67.                             <div class="col-md-5">
  68.                                 <h2>Krok 4</h2>
  69.                                 <p><strong>Po kliknięciu w „ZACZYNAMY”</strong>, możesz rozpocząć naukę i swobodne korzystanie z kursu. </p>
  70.                             </div>
  71.                             <div class="col-md-6 justify-content-center instruction-box">
  72.                                 <img src="/uniqskills/img/how_to_use/4.png"  >
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.                 <div class="vertical-timeline-block">
  78.                     <div class="vertical-timeline-icon navy-bg">
  79.                         <span>✔</span>
  80.                     </div>
  81.                     <div class="vertical-timeline-content">
  82.                         <div class="row d-instruction">
  83.                             <div class="col-md-5">
  84.                                 <h2>Zakładki</h2>
  85.                                 <p><strong>W zakładce „Zmiana danych”</strong> zobaczysz swoje dane (te które podawałeś przy składaniu zamówienia). W tej zakładce możesz je zaktualizować, zmienić swoje hasło, a nawet dodać zdjęcie do swojego konta na portalu.</p>
  86.                                 <p><strong>Zakładka „Płatności”</strong>. Tutaj możesz sprawdzić wykaz wszystkich swoich kursów, numer zamówienia cenę, status i termin płatności.
  87.                                     Możesz też wygodnie opłacić kurs przy pomocy linku do płatności on-line lub pobrać fakturę pro forma i na jej podstawie opłacić zamówienie przelewem tradycyjnym.
  88.                                 </p>
  89.                             </div>
  90.                             <div class="col-md-6 justify-content-center instruction-box">
  91.                                 <img src="/uniqskills/img/how_to_use/5.png"  >
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.                 <div class="vertical-timeline-block">
  97.                     <div class="vertical-timeline-icon navy-bg">
  98.                         <span>✔</span>
  99.                     </div>
  100.                     <div class="vertical-timeline-content">
  101.                         <div class="row d-instruction">
  102.                             <div class="col-md-5">
  103.                                 <h2>Formularz kontaktowy</h2>
  104.                                 <p><strong>Dalej mamy „Formularz kontaktowy”.</strong> Ta zakładka umożliwia Ci kontakt z obsługą serwisu, wiadomości przekazywane są do odpowiednich osób w zależności od tego czego dotyczy zgłoszenie.</p>
  105.                             </div>
  106.                             <div class="col-md-6 justify-content-center instruction-box">
  107.                                 <img src="/uniqskills/img/how_to_use/6.png"  >
  108.                             </div>
  109.                         </div>
  110.                     </div>
  111.                 </div>
  112.                 <div class="vertical-timeline-block">
  113.                     <div class="vertical-timeline-icon navy-bg">
  114.                         <span>✔</span>
  115.                     </div>
  116.                     <div class="vertical-timeline-content">
  117.                         <div class="row d-instruction" >
  118.                             <div class="col-md-5">
  119.                                 <h2>Katalog kursów</h2>
  120.                                 <p>Po lewej stronie znajduje się <strong>„Katalog kursów”</strong> – który bezpośrednio przeniesie Cię do strony  <a target="_blank" href="https://www.uniqskills.com/pl/kursy" style=" color: #41b0e5">www.uniqskills.com/pl/kursy</a> gdzie możesz zobaczyć co nowego dla Ciebie przygotowaliśmy, co aktualnie jest w ofercie i skorzystać z innych kursów. </p>
  121.                             </div>
  122.                             <div class="col-md-6 justify-content-center instruction-box">
  123.                                 <img src="/uniqskills/img/how_to_use/7.png"  >
  124.                             </div>
  125.                         </div>
  126.                     </div>
  127.                 </div>
  128.                 <div class="vertical-timeline-block">
  129.                     <div class="vertical-timeline-icon navy-bg">
  130.                         <span>✔</span>
  131.                     </div>
  132.                     <div class="vertical-timeline-content" >
  133.                         <div class="row d-instruction" id="password">
  134.                             <div class="col-md-5">
  135.                                 <h2>Resetowanie hasła - krok 1</h2>
  136.                                 <p><strong>Jeśli nie pamiętasz hasła</strong> możesz skorzystać z opcji <strong>„zresetuj hasło”</strong>.
  137.                                     Wejdź na stronę <a target="_blank" href="https://www.uniqskills.com/pl/login" style=" color: #41b0e5">www.uniqskills.com/pl/login</a>
  138.                                 </p>
  139.                             </div>
  140.                             <div class="col-md-6 justify-content-center instruction-box">
  141.                                 <img src="/uniqskills/img/how_to_use/8.png"  >
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                 </div>
  146.                 <div class="vertical-timeline-block">
  147.                     <div class="vertical-timeline-icon navy-bg">
  148.                         <span>✔</span>
  149.                     </div>
  150.                     <div class="vertical-timeline-content">
  151.                         <div class="row d-instruction">
  152.                             <div class="col-md-5">
  153.                                 <h2>Resetowanie hasła - krok 2</h2>
  154.                                 <p>Po kliknięciu wyświetli się okno z prośba o podanie adresu mailowego, na który prześlemy <strong>instrukcję postępowania</strong>.</p>
  155.                             </div>
  156.                             <div class="col-md-6 justify-content-center instruction-box">
  157.                                 <img src="/uniqskills/img/how_to_use/9.png"  >
  158.                             </div>
  159.                         </div>
  160.                     </div>
  161.                 </div>
  162.                 <div class="vertical-timeline-block">
  163.                     <div class="vertical-timeline-icon navy-bg">
  164.                         <span>✔</span>
  165.                     </div>
  166.                     <div class="vertical-timeline-content">
  167.                         <div class="row d-instruction">
  168.                             <div class="col-md-5">
  169.                                 <h2>Resetowanie hasła - krok 3</h2>
  170.                                 <p>Jeśli poprawnie wpiszesz adres e-mail, kliknij „wyślij”.</p>
  171.                                 <p><strong>Na stronie pojawi się komunikat:</strong></p>
  172.                             </div>
  173.                             <div class="col-md-6 justify-content-center instruction-box">
  174.                                 <img src="/uniqskills/img/how_to_use/10.png"  >
  175.                             </div>
  176.                         </div>
  177.                     </div>
  178.                 </div>
  179.                 <div class="vertical-timeline-block">
  180.                     <div class="vertical-timeline-icon navy-bg">
  181.                         <span>✔</span>
  182.                     </div>
  183.                     <div class="vertical-timeline-content">
  184.                         <div class="row d-instruction">
  185.                             <div class="col-md-5">
  186.                                 <h2>Resetowanie hasła - krok 4</h2>
  187.                                 <p><strong>Przejdź do sprawdzenia poczty mailowej.</strong> W zasadzie od razu pojawia się nowa wiadomość której nadawcą jest Uniqskills.</p>
  188.                                 <p>W treści wiadomości znajduje się <strong>link</strong> w który wystarczy kliknąć i ustawić sobie nowe hasło, wygląda to tak:</p>
  189.                             </div>
  190.                             <div class="col-md-6 justify-content-center instruction-box">
  191.                                 <img src="/uniqskills/img/how_to_use/11.png"  >
  192.                             </div>
  193.                         </div>
  194.                     </div>
  195.                 </div>
  196.                 <div class="vertical-timeline-block">
  197.                     <div class="vertical-timeline-icon navy-bg">
  198.                         <span>✔</span>
  199.                     </div>
  200.                     <div class="vertical-timeline-content">
  201.                         <div class="row d-instruction">
  202.                             <div class="col-md-5">
  203.                                 <h2>Resetowanie hasła - krok 5</h2>
  204.                                 <p>Po kliknięciu w link zostajesz przekierowany do strony <a target="_blank" href="https://www.uniqskills.com" style=" color: #41b0e5">www.uniqskills.com</a> gdzie od razu możesz ustawić nowe hasło.</p>
  205.                                 <p><strong>Zmień je, zaloguj się do strony i korzystaj z kursów </strong><span style="font-size: 24px; font-weight: 600">&#9786;</span></p>
  206.                             </div>
  207.                             <div class="col-md-6 justify-content-center instruction-box">
  208.                                 <img src="/uniqskills/img/how_to_use/12.png"  >
  209.                             </div>
  210.                         </div>
  211.                     </div>
  212.                 </div>
  213.             </div>
  214.         </section>
  215.     </div>
  216. {% endblock %}