SlideShare a Scribd company logo
SignalR
мощные возможности реального времени в .Net
Керимханов Радислав
rkerimhanov@codemastersintl.com
Содержание

1   Мгновенный обмен сообщениями


2   Немножко истории


3   Основные компоненты SignalR
    Основные компоненты SignalR

4   Какие еще есть варианты?


5   Как SignalR работает?


6   Простой пример общего чата


7   Приватный чат за 10 мин


8   Заключение
Мгновенный обмен сообщениями


   Система мгновенного обмена
   сообщениями, Система обмена мгновенными
   сообщениями (англ. Instant messaging, IM) —
   службы мгновенных сообщений (Instant Messaging
   Service, IMS) и программы-клиенты (Instant
   Messenger, IM) для обмена сообщениями в
   реальном времени черезИнтернет.
Немножко истории

David Fowler                            Demian Edwards


                                                         Originally from
               David Fowler joined                       Australia, Damian
               Microsoft as a                            Edwards is a senior
               developer on the                          program manager on
               ASP.NET team in
                                                         the ASP.NET team
               2008. Before that he
                                                         where he looks after
               did two internships at
                                                         the ASP.NET core and
               Microsoft as a tester                     web forms. Before
               and a developer. He's                     joining
               originally from                           Microsoft, Damian
               Barbados and went to                      was an ASP.NET
               college in Florida.
                                                         MVP. He's a huge fan
                                                         of Javascript and
                                                         jQuery.
•   JabbR - Real time chat application [SignalR + PNotify = Real Time Push Notifications] POC (Link)
•   Umbraco Now - realtime activity map of community activity
•   LoggR - Real time web app monitoring
•   WorkFu - Opportunities that find you (how WorkFu was built)
•   HushFlow - Private discussion board for teams
•   HurricaneJs - HTML5/SignalR/.NET game server and engine.
•   Lege.no - Chat with doctor online (Norwegian)
•   Compilify.net - Compile and execute .NET from your web browser.
•   ElmahR - ElmahR = ELMAH + SignalR, real time error notification dashboard.
•   NodeAssets - Asset management solution that uses SignalR to push css updates as you are changing it
•   DIWICON AURA - Indoor positioning system with panic messages.
•   Adopt Him - Romantic social network built around SignalR. Real time user interactions and chat. Finding love has never
    been so instant.
•   Fixposit - Allows groups of users to share their location with eachother in real time on a google map.
•   Postworthy - Real time content curation tool. (source code)
•   LiveTiming/TimeService - Real time racetrack monitor for some BeNeLux racetracks, including TT Assen SuperBike track
•   bromelard - Offers a unique platform for global online sharing of geographical listings
•   ShootR - Multiplayer space shooter game (work in progress).
•   InspectB.in - Test remote http clients and webhooks. Point to your InspectBin url and start inspecting.
•   SRChat - A chat application using SignalR ## SignalR Clients
•   SignalR-ObjC - An iOS/Mac SignalR Client
Основные компоненты SignalR


Templates

      This is an example text. Go ahead
 1    and replace it with your own text.   This is an example text. Go ahead and
                                           replace it with your own text. This is an
                                           example text. Go ahead and replace it with
Templates                                  your own text.
                                           This is an example text. Go ahead and
      This is an example text. Go ahead    replace it with your own text.
  2   and replace it with your own text.



Templates


      This is an example text. Go ahead
  3   and replace it with your own text.
Какие еще есть варианты?

Polling                          Long Polling                  Web Sockets

 1                                2                             3

 Плюсы:                           Плюсы по сравнению с          Плюсы по сравнению с Long
 — Просто                         Polling:                      Polling:
 — Данные могут быть пожаты       — Минимальное количество      — Поднимается одно
 Минусы:                          запросов                      соединение
 — Очень много лишних             — Высокая временная           — Предельно высокая
 запросов                         точность событий              временная точность событий
 — События всегда приходят с      — Сервер хранит события       — Управление сетевыми
 опозданием                       только на время реконнекта    сбоями контролирует браузер
 — Серверу приходится             Минусы по сравнению с         Минусы по сравнению с
 хранить события пока клиент      Polling:                      Long Polling:
 не заберет их или пока они не    — Более сложная схема         — HTTP не совместимый
 устареют                                                       протокол, нужен свой
                                                                сервер, усложняется отладка
Как SignalR работает
Templates
                                Your own sub headline



                          This is an example text. Go ahead and replace it
           This is        with your own text. tThis is an example text. Go
      placeholder text.   ahead and replace it with your own text. This is
                          an example text. Go ahead and replace it with
                          your own text.



                          This is an example text. Go ahead and replace it
           This is        with your own text. This is an example text. Go
      placeholder text.   ahead and replace it with your own text. This is
                          an example text. Go ahead and replace it with
                          your own text.



                          This is an example text. Go ahead and replace it
                          with your own text. tThis is an example text. Go
           This is
                          ahead and replace it with your own text. This is
      placeholder text.   an example text. Go ahead and replace it with
                          your own text.



Your own footer                                                              Your Logo
Templates
Your own sub headline

     •Template Text
        Text for templates
            -Example text
            Text

     •Template Text
        Text for templates
            -Example text
            text




This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it
with your own text. This is an example text. Go ahead and replace it with your own text.

Your own footer                                                                                             Your Logo
Templates
Your own sub headline


 Templates

         This is an example text. Go ahead and replace it with your own text. tThis is an example text. Go ahead
    1
         and replace it with your own text. This is an example text. Go ahead and replace it with your own text.



  Templates


         This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead
    2    and replace it with your own text. This is an example text. Go ahead and replace it with your own text.



  Templates

         This is an example text. Go ahead and replace it with your own text. tThis is an example text. Go ahead
    3    and replace it with your own text. This is an example text. Go ahead and replace it with your own text.




Your own footer                                                                                           Your Logo
Your own footer   Your Logo
Templates
                                 Your own sub headline



                  This is
             placeholder text.




                  This is
             placeholder text.




                                    This is an example text. Go ahead and replace it with
                  This is           your own text. tThis is an example text. Go ahead
             placeholder text.      and replace it with your own text. This is an example
                                    text. Go ahead and replace it with your own text.




Your own footer                                                                             Your Logo
Templates
    Your own sub headline

         This is an example text. Go ahead and replace it with your own text. This is an example text.
1        Go ahead and replace it with your own text


         This is an example text. Go ahead and replace it with your own text. This is an example text.
2        Go ahead and replace it with your own text


         This is an example text. Go ahead and replace it with your own text. This is an example text.
3
         Go ahead and replace it with your own text


         This is an example text. Go ahead and replace it with your own text. This is an example text.
4
         Go ahead and replace it with your own text


         This is an example text. Go ahead and replace it with your own text. This is an example text.
5
         Go ahead and replace it with your own text


         This is an example text. Go ahead and replace it with your own text. This is an example text.
6
         Go ahead and replace it with your own text


7        This is an example text. Go ahead and replace it with your own text. This is an example text.
         Go ahead and replace it with your own text

    Your own footer                                                                                      Your Logo
This is an example text. Go ahead and
                  replace it with your own text. This is an
                  example text. Go ahead and replace it with
                  your own text.
                  This is an example text. Go ahead and
                  replace it with your own text.




Your own footer                                                Your Logo
Templates
                   Your own sub headline



                       This is             This is
                  placeholder text.   placeholder text.




                       This is             This is
                  placeholder text.   placeholder text.




                       This is             This is
                  placeholder text.   placeholder text.




Your own footer                                           Your Logo
Templates
    Your own sub headline




✓    1     This is an example text. Go ahead and replace it


✓    2     This is an example text. Go ahead and replace it


✓    3     This is an example text. Go ahead and replace it


✓    4     This is an example text. Go ahead and replace it


✓    5     This is an example text. Go ahead and replace it


✓    6     This is an example text. Go ahead and replace it


✓    7     This is an example text. Go ahead and replace it




    Your own footer                                           Your Logo
Editable diagram – Venn diagram



                                     1.   This is an example text. Go ahead
                                          and replace it with your own text.
                      Example             This is an example text. Go ahead
                                          and replace it with your own text.
                                     2.   This is an example text. Go ahead
                                          and replace it with your own text.
                                     3.   This is an example text. Go ahead
                                          and replace it with your own text.

         Example           Example




    Your own footer                                                Your Logo
Templates
Line chart




                                This is an
      This is an example text




                                example
                                text. Go                             6
                                ahead and
                                replace it
                                with your
                                own text.

                                                                5

                                                         4
                                     1       2      3


                                    200      200   200   200   200   201
                                     5        6     7     8     9     0
     Your own footer                                                       Your Logo
Templates
Progress chart – Upward arrow




                                         Example
                               Example

                     Example

   Your own footer                                 Your Logo
Templates
Pie diagram

                             Templates
                      text
                               This is an example text. Go
                               ahead and replace it with
                      text     your own text. This is an
                               example text.
                               Go ahead and replace it
                               with your own text.
                               This is an example text. Go
                               ahead and replace it with
                      Logo     your own text.




                      text




    Your own footer                           Your Logo
Arrow Process
Your own subheadline




                      Text   Text   Text




    Your own footer                        Your Logo
THANK YOU!

More Related Content

PPTX
Network by Slideshop
PPTX
ЭЛЕМЕНТЫ ИСКУСТВЕННОГО ИНТЕЛЛЕКТА ПРИ ПРОГРАММИРОВАНИИ. (http://tuladev.net/e...
PPTX
Алгоритмы шифрования и их применение в .Net приложениях для защиты данных.
PPTX
Основы "мобильной" разработки на примере платформы iOs (iPhone)
PPTX
KNOCKOUTJS КАК РЕАЛИЗАЦИЯ MVVM
PPTX
Thinking in parallel ab tuladev
PPTX
RESPONSIVE WEB DESIGN
PPTX
Sql azure federations
Network by Slideshop
ЭЛЕМЕНТЫ ИСКУСТВЕННОГО ИНТЕЛЛЕКТА ПРИ ПРОГРАММИРОВАНИИ. (http://tuladev.net/e...
Алгоритмы шифрования и их применение в .Net приложениях для защиты данных.
Основы "мобильной" разработки на примере платформы iOs (iPhone)
KNOCKOUTJS КАК РЕАЛИЗАЦИЯ MVVM
Thinking in parallel ab tuladev
RESPONSIVE WEB DESIGN
Sql azure federations

Viewers also liked (18)

PPTX
Введение в Knockout
PPT
РАЗРАБОТКА ПО С ИСПОЛЬЗОВАНИЕМ FINITE STATE MACHINE.
PPTX
СИ++ УМЕР. ДА ЗДРАВСТВУЕТ СИ++
PPTX
РАЗРАБОТКА МОБИЛЬНЫХ САЙТОВ
PPTX
Unit tests
PDF
Domain-Driven Design: Модель вместо требований
PPTX
TDD (Test-driven Development) как стиль разработки.
PPTX
PaaS и SaaS
PPTX
Автоматизированное тестирование UI на C# + Selenium WebDriver
PPTX
Реализация REST и SOAP сервисов с помощью WCF
PPTX
Domain Driven Design
PPT
Лекция Android
PPTX
Ruby - или зачем мне еще один язык программирования?
PDF
DDD Workshop
PPTX
СОЗДАЙ РОБОТА С НУЛЯ
PPTX
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
PPTX
Как писать красивый код или основы SOLID
PPTX
МАШИННОЕ ЗРЕНИЕ С ИСПОЛЬЗОВАНИЕ OPENCV
Введение в Knockout
РАЗРАБОТКА ПО С ИСПОЛЬЗОВАНИЕМ FINITE STATE MACHINE.
СИ++ УМЕР. ДА ЗДРАВСТВУЕТ СИ++
РАЗРАБОТКА МОБИЛЬНЫХ САЙТОВ
Unit tests
Domain-Driven Design: Модель вместо требований
TDD (Test-driven Development) как стиль разработки.
PaaS и SaaS
Автоматизированное тестирование UI на C# + Selenium WebDriver
Реализация REST и SOAP сервисов с помощью WCF
Domain Driven Design
Лекция Android
Ruby - или зачем мне еще один язык программирования?
DDD Workshop
СОЗДАЙ РОБОТА С НУЛЯ
CONTINUOUS INTEGRATION ДЛЯ ЧАЙНИКОВ ВМЕСТЕ С TEAMCITY
Как писать красивый код или основы SOLID
МАШИННОЕ ЗРЕНИЕ С ИСПОЛЬЗОВАНИЕ OPENCV
Ad

Similar to SIGNALR - ОБМЕН СООБЩЕНИЯМИ В РЕАЛЬНОМ ВРЕМЕНИ (20)

PPTX
Crown Capital Eco Management indonesia fraud-How to Close Deals Faster and Sm...
PPTX
Presentation4
PPTX
Teamworkpresentation
POTX
Ts101875474
PPTX
Business
PPTX
Powerpoint1
PPT
Field and blue sky
PPT
4 transportation modes
PPT
Active lifestyle
PPT
Goods train
PPT
Challenges
PPT
PPT
Manufacturing machinery
PPT
Transport plane
PPT
Digital code
PPT
Pear innovation
PPT
Meeting
PPT
Done deal
PPT
Wellness spa
PPT
Transportation storage
Crown Capital Eco Management indonesia fraud-How to Close Deals Faster and Sm...
Presentation4
Teamworkpresentation
Ts101875474
Business
Powerpoint1
Field and blue sky
4 transportation modes
Active lifestyle
Goods train
Challenges
Manufacturing machinery
Transport plane
Digital code
Pear innovation
Meeting
Done deal
Wellness spa
Transportation storage
Ad

More from Pavel Tsukanov (7)

PPT
ВВЕДЕНИЕ В NODE.JS
PPTX
АНИМАЦИЯ В FLASH И HTML5
PPT
ХАКЕРЫ И АНТИХАКЕРЫ
PPTX
ЗАРАБОТОК В ИНТЕРНЕТЕ.
PPT
ORM технологии в .NET (Nhibernate, Linq To SQL, Entity Framework)
PPTX
Статический анализ кода
PPTX
Применение нейронных сетей и генетических алгоритмов при торговле на бирже.
ВВЕДЕНИЕ В NODE.JS
АНИМАЦИЯ В FLASH И HTML5
ХАКЕРЫ И АНТИХАКЕРЫ
ЗАРАБОТОК В ИНТЕРНЕТЕ.
ORM технологии в .NET (Nhibernate, Linq To SQL, Entity Framework)
Статический анализ кода
Применение нейронных сетей и генетических алгоритмов при торговле на бирже.

Recently uploaded (20)

PDF
project resource management chapter-09.pdf
PDF
WOOl fibre morphology and structure.pdf for textiles
PPTX
A Presentation on Artificial Intelligence
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Hindi spoken digit analysis for native and non-native speakers
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
Tartificialntelligence_presentation.pptx
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Mushroom cultivation and it's methods.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Hybrid model detection and classification of lung cancer
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Encapsulation theory and applications.pdf
PPTX
Chapter 5: Probability Theory and Statistics
PPTX
TLE Review Electricity (Electricity).pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
NewMind AI Weekly Chronicles - August'25-Week II
project resource management chapter-09.pdf
WOOl fibre morphology and structure.pdf for textiles
A Presentation on Artificial Intelligence
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Hindi spoken digit analysis for native and non-native speakers
Building Integrated photovoltaic BIPV_UPV.pdf
Tartificialntelligence_presentation.pptx
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Mushroom cultivation and it's methods.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
A comparative analysis of optical character recognition models for extracting...
Hybrid model detection and classification of lung cancer
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
Univ-Connecticut-ChatGPT-Presentaion.pdf
Encapsulation theory and applications.pdf
Chapter 5: Probability Theory and Statistics
TLE Review Electricity (Electricity).pptx
Assigned Numbers - 2025 - Bluetooth® Document
SOPHOS-XG Firewall Administrator PPT.pptx
NewMind AI Weekly Chronicles - August'25-Week II

SIGNALR - ОБМЕН СООБЩЕНИЯМИ В РЕАЛЬНОМ ВРЕМЕНИ

  • 1. SignalR мощные возможности реального времени в .Net Керимханов Радислав rkerimhanov@codemastersintl.com
  • 2. Содержание 1 Мгновенный обмен сообщениями 2 Немножко истории 3 Основные компоненты SignalR Основные компоненты SignalR 4 Какие еще есть варианты? 5 Как SignalR работает? 6 Простой пример общего чата 7 Приватный чат за 10 мин 8 Заключение
  • 3. Мгновенный обмен сообщениями Система мгновенного обмена сообщениями, Система обмена мгновенными сообщениями (англ. Instant messaging, IM) — службы мгновенных сообщений (Instant Messaging Service, IMS) и программы-клиенты (Instant Messenger, IM) для обмена сообщениями в реальном времени черезИнтернет.
  • 4. Немножко истории David Fowler Demian Edwards Originally from David Fowler joined Australia, Damian Microsoft as a Edwards is a senior developer on the program manager on ASP.NET team in the ASP.NET team 2008. Before that he where he looks after did two internships at the ASP.NET core and Microsoft as a tester web forms. Before and a developer. He's joining originally from Microsoft, Damian Barbados and went to was an ASP.NET college in Florida. MVP. He's a huge fan of Javascript and jQuery.
  • 5. JabbR - Real time chat application [SignalR + PNotify = Real Time Push Notifications] POC (Link) • Umbraco Now - realtime activity map of community activity • LoggR - Real time web app monitoring • WorkFu - Opportunities that find you (how WorkFu was built) • HushFlow - Private discussion board for teams • HurricaneJs - HTML5/SignalR/.NET game server and engine. • Lege.no - Chat with doctor online (Norwegian) • Compilify.net - Compile and execute .NET from your web browser. • ElmahR - ElmahR = ELMAH + SignalR, real time error notification dashboard. • NodeAssets - Asset management solution that uses SignalR to push css updates as you are changing it • DIWICON AURA - Indoor positioning system with panic messages. • Adopt Him - Romantic social network built around SignalR. Real time user interactions and chat. Finding love has never been so instant. • Fixposit - Allows groups of users to share their location with eachother in real time on a google map. • Postworthy - Real time content curation tool. (source code) • LiveTiming/TimeService - Real time racetrack monitor for some BeNeLux racetracks, including TT Assen SuperBike track • bromelard - Offers a unique platform for global online sharing of geographical listings • ShootR - Multiplayer space shooter game (work in progress). • InspectB.in - Test remote http clients and webhooks. Point to your InspectBin url and start inspecting. • SRChat - A chat application using SignalR ## SignalR Clients • SignalR-ObjC - An iOS/Mac SignalR Client
  • 6. Основные компоненты SignalR Templates This is an example text. Go ahead 1 and replace it with your own text. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with Templates your own text. This is an example text. Go ahead and This is an example text. Go ahead replace it with your own text. 2 and replace it with your own text. Templates This is an example text. Go ahead 3 and replace it with your own text.
  • 7. Какие еще есть варианты? Polling Long Polling Web Sockets 1 2 3 Плюсы: Плюсы по сравнению с Плюсы по сравнению с Long — Просто Polling: Polling: — Данные могут быть пожаты — Минимальное количество — Поднимается одно Минусы: запросов соединение — Очень много лишних — Высокая временная — Предельно высокая запросов точность событий временная точность событий — События всегда приходят с — Сервер хранит события — Управление сетевыми опозданием только на время реконнекта сбоями контролирует браузер — Серверу приходится Минусы по сравнению с Минусы по сравнению с хранить события пока клиент Polling: Long Polling: не заберет их или пока они не — Более сложная схема — HTTP не совместимый устареют протокол, нужен свой сервер, усложняется отладка
  • 9. Templates Your own sub headline This is an example text. Go ahead and replace it This is with your own text. tThis is an example text. Go placeholder text. ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it This is with your own text. This is an example text. Go placeholder text. ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. tThis is an example text. Go This is ahead and replace it with your own text. This is placeholder text. an example text. Go ahead and replace it with your own text. Your own footer Your Logo
  • 10. Templates Your own sub headline •Template Text Text for templates -Example text Text •Template Text Text for templates -Example text text This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. Your own footer Your Logo
  • 11. Templates Your own sub headline Templates This is an example text. Go ahead and replace it with your own text. tThis is an example text. Go ahead 1 and replace it with your own text. This is an example text. Go ahead and replace it with your own text. Templates This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead 2 and replace it with your own text. This is an example text. Go ahead and replace it with your own text. Templates This is an example text. Go ahead and replace it with your own text. tThis is an example text. Go ahead 3 and replace it with your own text. This is an example text. Go ahead and replace it with your own text. Your own footer Your Logo
  • 12. Your own footer Your Logo
  • 13. Templates Your own sub headline This is placeholder text. This is placeholder text. This is an example text. Go ahead and replace it with This is your own text. tThis is an example text. Go ahead placeholder text. and replace it with your own text. This is an example text. Go ahead and replace it with your own text. Your own footer Your Logo
  • 14. Templates Your own sub headline This is an example text. Go ahead and replace it with your own text. This is an example text. 1 Go ahead and replace it with your own text This is an example text. Go ahead and replace it with your own text. This is an example text. 2 Go ahead and replace it with your own text This is an example text. Go ahead and replace it with your own text. This is an example text. 3 Go ahead and replace it with your own text This is an example text. Go ahead and replace it with your own text. This is an example text. 4 Go ahead and replace it with your own text This is an example text. Go ahead and replace it with your own text. This is an example text. 5 Go ahead and replace it with your own text This is an example text. Go ahead and replace it with your own text. This is an example text. 6 Go ahead and replace it with your own text 7 This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text Your own footer Your Logo
  • 15. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with your own text. Your own footer Your Logo
  • 16. Templates Your own sub headline This is This is placeholder text. placeholder text. This is This is placeholder text. placeholder text. This is This is placeholder text. placeholder text. Your own footer Your Logo
  • 17. Templates Your own sub headline ✓ 1 This is an example text. Go ahead and replace it ✓ 2 This is an example text. Go ahead and replace it ✓ 3 This is an example text. Go ahead and replace it ✓ 4 This is an example text. Go ahead and replace it ✓ 5 This is an example text. Go ahead and replace it ✓ 6 This is an example text. Go ahead and replace it ✓ 7 This is an example text. Go ahead and replace it Your own footer Your Logo
  • 18. Editable diagram – Venn diagram 1. This is an example text. Go ahead and replace it with your own text. Example This is an example text. Go ahead and replace it with your own text. 2. This is an example text. Go ahead and replace it with your own text. 3. This is an example text. Go ahead and replace it with your own text. Example Example Your own footer Your Logo
  • 19. Templates Line chart This is an This is an example text example text. Go 6 ahead and replace it with your own text. 5 4 1 2 3 200 200 200 200 200 201 5 6 7 8 9 0 Your own footer Your Logo
  • 20. Templates Progress chart – Upward arrow Example Example Example Your own footer Your Logo
  • 21. Templates Pie diagram Templates text This is an example text. Go ahead and replace it with text your own text. This is an example text. Go ahead and replace it with your own text. This is an example text. Go ahead and replace it with Logo your own text. text Your own footer Your Logo
  • 22. Arrow Process Your own subheadline Text Text Text Your own footer Your Logo