На главную Инструменты Панель оптимизатора

Новости Реклама у нас Обратная связь

Бесплатная доска объявлений по всей России - Do-Ska.ru

15.06.2015 в 17:02 Открытия панели отпимизатора!

Google pr	16.06.2015

Яндекс ТиЦ	22.03.2025
поиск	28.06.2019
каталог	16.01.2018

Витрина ссылок[Добавить]

доска объявлений подать объявление Аквалайн Пермь

Анализ контента сайта

Войти или зарегистрироваться

Забыли пароль?

Главная Инструменты Анализ контента сайта

Данный инструмент поможет Вам Выполнить анализ контента указанного сайта (страницы).

Для успешного продвижения сайта, необходимо иметь релевантный контент и оптимальную плотность слов. При помощи данного сервиса вы сможите выполнить максимально полный анализ контента вашего сайта.
При выполнении анализа будет проанализирован контент вашего сайта на: вес страницы; релевантность, плотность заголовка (title), ключевых слов (keywords) к тексту страницы; скорость, время загрузки страницы; анализирован текст страницы; обработаны стоп-слова; процентное соотношение вхождений слов с текстом страницы; рассчитана частота (TF) терминов содержимого страницы.

Общие данные о странице

URL:	sumo.app (WHOIS IP, WHOIS DOMAIN)
Размер страницы:	85.7 Kb
Кодировка:	UTF-8
IP сайта:	18.159.194.235
Скорость загрузки:	165.85 Kb/s
Время загрузки:	0.52 sec
Всего символов (с html тэгами):	87754
Всего символов (текст):	4586
Всего символов (текст без пробелов):	3831
Доля контента ко всему коду страницы:	5.23 %
Перенаправление:	https://sumo.app/
Внутренние / внешние ссылки:	Анализ

Постоянная ссылка на страницу

http://qoogoo.perm.ru/tools/contentcheck/sumo.app

Общие данные сайта[ Скрыть ]

Поддержка JavaScript отключена!

Заголовок (title)[ Скрыть]

Оригинальный текст

Sumo - Creative tools for curious minds

Обработанный текст (без стоп-слов)

Sumo Creative tools curious minds

Общая информация

Всего слов в тексте:	6
Слов в тексте (без стоп-слов):	5
Слов без повторов и стоп-слов:	5
Стоп-слов в тексте:	1
Список стоп-слов:	[ Показать] for
Плотность всех слов к контенту:	1.323
Релевантность текста к контенту:	60 %
Вхождений слов тэга в контенте:	3 из 5
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Sumo	1	0.529	4	0.167
Creative	1	0.529	4	0.167
tools	1	0.265	2	0.167
curious	1	0	0	0.167
minds	1	0	0	0.167

Ключевые слова (keywords)[ Скрыть]

Оригинальный текст

Painting, Coding, 3D-modeling, Video-editing, Creativity, Sumo

Обработанный текст (без стоп-слов)

Painting, Coding, 3D-modeling, Video-editing, Creativity, Sumo

Общая информация

Всего слов в тексте:	6
Слов в тексте (без стоп-слов):	6
Слов без повторов и стоп-слов:	6
Стоп-слов в тексте:	0
Плотность всех слов к контенту:	1.588
Релевантность текста к контенту:	66.667 %
Вхождений слов тэга в контенте:	4 из 6
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Painting	1	0.265	2	0.167
Coding	1	0.265	2	0.167
3D-modeling	1	0	0	0.167
Video-editing	1	0	0	0.167
Creativity	1	0.529	4	0.167
Sumo	1	0.529	4	0.167

Описание страници (description)[ Скрыть]

Оригинальный текст

Creative Apps for Curious Minds. All-in-one package for creative work.

Обработанный текст (без стоп-слов)

Creative Apps Curious Minds All-in-one package creative work

Общая информация

Всего слов в тексте:	10
Слов в тексте (без стоп-слов):	8
Слов без повторов и стоп-слов:	7
Стоп-слов в тексте:	2
Список стоп-слов:	[ Показать] for
Плотность всех слов к контенту:	2.513
Релевантность текста к контенту:	37.5 %
Вхождений слов тэга в контенте:	3 из 8
Слов с повтором в тэге > 1 раза:	1

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Creative	2	0.529	4	0.2
Apps	1	1.587	12	0.1
Curious	1	0	0	0.1
Minds	1	0	0	0.1
All-in-one	1	0	0	0.1
package	1	0	0	0.1
work	1	0.397	3	0.1

Тэги h1 - h6[ Скрыть]

Тэг h1

Sumopaint

Тэг h2

The ultimate drawing and <span class="text-blue">painting app</span>

Тэг h3

Drawing tool and image editor

Контент страницы[ Скрыть]

Общая информация

Всего слов в тексте:	756
Слов в тексте (без стоп-слов):	579
Слов без повторов и стоп-слов:	304
Стоп-слов в тексте:	177
Список стоп-слов:	[ Показать] about, the, and, are, of, or, with, as, to, for, from, on, you, can, which, no, all, is, an, that, we, so, in, have, it, any, i, my, do, if, by

Результат анализа слов контента

Слово	Вхождений	В title	В Keywords	Частота (TF)
Skip	1	Нет	Нет	0.001
navigation	1	Нет	Нет	0.001
Apps	12	Нет	Нет	0.016
Sumopaint	5	Нет	Нет	0.007
Sumotunes	4	Нет	Нет	0.005
Sumo3D	4	Нет	Нет	0.005
Sumocode	4	Нет	Нет	0.005
Sumophoto	4	Нет	Нет	0.005
Sumoaudio	4	Нет	Нет	0.005
Sumovideo	4	Нет	Нет	0.005
Sumopixel	4	Нет	Нет	0.005
Works	3	Нет	Нет	0.004
Pricing	1	Нет	Нет	0.001
Support	2	Нет	Нет	0.003
Edu	2	Нет	Нет	0.003
API	2	Нет	Нет	0.003
EN	1	Нет	Нет	0.001
Arabic	1	Нет	Нет	0.001
Bengali	1	Нет	Нет	0.001
Chinese	1	Нет	Нет	0.001
Czech	1	Нет	Нет	0.001
Danish	1	Нет	Нет	0.001
Dutch	1	Нет	Нет	0.001
English	2	Нет	Нет	0.003
Estonian	1	Нет	Нет	0.001
Finnish	1	Нет	Нет	0.001
French	1	Нет	Нет	0.001
German	1	Нет	Нет	0.001
Greek	1	Нет	Нет	0.001
Hindi	1	Нет	Нет	0.001
Hungarian	1	Нет	Нет	0.001
Indonesian	1	Нет	Нет	0.001
Italian	1	Нет	Нет	0.001
Japanese	1	Нет	Нет	0.001
Korean	1	Нет	Нет	0.001
Malay	1	Нет	Нет	0.001
Norwegian	1	Нет	Нет	0.001
Persian	1	Нет	Нет	0.001
Polish	1	Нет	Нет	0.001
Portuguese	1	Нет	Нет	0.001
Russian	1	Нет	Нет	0.001
Serbian	1	Нет	Нет	0.001
Slovenian	1	Нет	Нет	0.001
Spanish	1	Нет	Нет	0.001
Swahili	1	Нет	Нет	0.001
Swedish	1	Нет	Нет	0.001
Tagalog	1	Нет	Нет	0.001
Thai	1	Нет	Нет	0.001
Turkish	1	Нет	Нет	0.001
Vietnamese	1	Нет	Нет	0.001
ultimate	1	Нет	Нет	0.001
drawing	3	Нет	Нет	0.004
painting	2	Нет	Да	0.003
app	3	Нет	Нет	0.004
Digital	2	Нет	Нет	0.003
has	3	Нет	Нет	0.004
never	1	Нет	Нет	0.001
been	1	Нет	Нет	0.001
easier	2	Нет	Нет	0.003
Learn	12	Нет	Нет	0.016
more	3	Нет	Нет	0.004
Open	10	Нет	Нет	0.013
Paint	5	Нет	Нет	0.007
Chromebook	1	Нет	Нет	0.001
ChromeOS	2	Нет	Нет	0.003
logo	1	Нет	Нет	0.001
trademarks	1	Нет	Нет	0.001
Google	1	Нет	Нет	0.001
LLC	1	Нет	Нет	0.001
tool	3	Нет	Нет	0.004
image	3	Нет	Нет	0.004
editor	13	Нет	Нет	0.017
Draw	1	Нет	Нет	0.001
pictures	1	Нет	Нет	0.001
combine	4	Нет	Нет	0.005
images	5	Нет	Нет	0.007
filters	3	Нет	Нет	0.004
text	1	Нет	Нет	0.001
elements	2	Нет	Нет	0.003
symbols	1	Нет	Нет	0.001
Over	1	Нет	Нет	0.001
different	2	Нет	Нет	0.003
brushes	2	Нет	Нет	0.003
well	1	Нет	Нет	0.001
many	1	Нет	Нет	0.001
unique	2	Нет	Нет	0.003
tools	2	Да	Нет	0.003
effects	4	Нет	Нет	0.005
music	4	Нет	Нет	0.005
studio	5	Нет	Нет	0.007
Easy-to-use	1	Нет	Нет	0.001
web-based	1	Нет	Нет	0.001
create	8	Нет	Нет	0.011
songs	3	Нет	Нет	0.004
play	1	Нет	Нет	0.001
instruments	1	Нет	Нет	0.001
remix	2	Нет	Нет	0.003
other	2	Нет	Нет	0.003
users	2	Нет	Нет	0.003
original	1	Нет	Нет	0.001
Supports	1	Нет	Нет	0.001
MP3	2	Нет	Нет	0.003
export	2	Нет	Нет	0.003
cloud	2	Нет	Нет	0.003
storage	1	Нет	Нет	0.001
your	24	Нет	Нет	0.032
tunes	2	Нет	Нет	0.003
Online	7	Нет	Нет	0.009
3D	8	Нет	Нет	0.011
editing	3	Нет	Нет	0.004
build	2	Нет	Нет	0.003
print	1	Нет	Нет	0.001
models	2	Нет	Нет	0.003
Integrates	1	Нет	Нет	0.001
Sumo	4	Да	Да	0.005
Library	2	Нет	Нет	0.003
add	1	Нет	Нет	0.001
sounds	2	Нет	Нет	0.003
textures	1	Нет	Нет	0.001
coding	2	Нет	Да	0.003
environment	1	Нет	Нет	0.001
games	1	Нет	Нет	0.001
just	1	Нет	Нет	0.001
a	6	Нет	Нет	0.008
few	1	Нет	Нет	0.001
lines	1	Нет	Нет	0.001
code	6	Нет	Нет	0.008
how	1	Нет	Нет	0.001
gamified	2	Нет	Нет	0.003
examples	1	Нет	Нет	0.001
example	1	Нет	Нет	0.001
sample	1	Нет	Нет	0.001
write	2	Нет	Нет	0.003
something	1	Нет	Нет	0.001
new	3	Нет	Нет	0.004
scratch	1	Нет	Нет	0.001
Photo	4	Нет	Нет	0.005
Quickly	1	Нет	Нет	0.001
edit	2	Нет	Нет	0.003
photos	2	Нет	Нет	0.003
crop	1	Нет	Нет	0.001
adjustments	1	Нет	Нет	0.001
share	5	Нет	Нет	0.007
social	1	Нет	Нет	0.001
media	1	Нет	Нет	0.001
save	2	Нет	Нет	0.003
computer	2	Нет	Нет	0.003
Audio	7	Нет	Нет	0.009
Recorder	1	Нет	Нет	0.001
Fast	2	Нет	Нет	0.003
accurate	1	Нет	Нет	0.001
files	2	Нет	Нет	0.003
Record	2	Нет	Нет	0.003
microphone	1	Нет	Нет	0.001
local	1	Нет	Нет	0.001
trim	1	Нет	Нет	0.001
adjust	1	Нет	Нет	0.001
volume	1	Нет	Нет	0.001
fades	1	Нет	Нет	0.001
much	1	Нет	Нет	0.001
WAV	1	Нет	Нет	0.001
formats	1	Нет	Нет	0.001
video	7	Нет	Нет	0.009
videos	1	Нет	Нет	0.001
texts	1	Нет	Нет	0.001
use	4	Нет	Нет	0.005
import	2	Нет	Нет	0.003
device	3	Нет	Нет	0.004
easily	2	Нет	Нет	0.003
final	1	Нет	Нет	0.001
cuts	1	Нет	Нет	0.001
file	1	Нет	Нет	0.001
Pixel	6	Нет	Нет	0.008
Art	3	Нет	Нет	0.004
GIF	1	Нет	Нет	0.001
animations	1	Нет	Нет	0.001
own	2	Нет	Нет	0.003
symmetry	1	Нет	Нет	0.001
amazing	1	Нет	Нет	0.001
world	3	Нет	Нет	0.004
powerful	1	Нет	Нет	0.001
suite	3	Нет	Нет	0.004
Unleashing	1	Нет	Нет	0.001
creativity	4	Нет	Да	0.005
comes	1	Нет	Нет	0.001
imagination	3	Нет	Нет	0.004
limits	1	Нет	Нет	0.001
need	5	Нет	Нет	0.007
expensive	1	Нет	Нет	0.001
downloads	1	Нет	Нет	0.001
internet	2	Нет	Нет	0.003
access	2	Нет	Нет	0.003
s	1	Нет	Нет	0.001
why	1	Нет	Нет	0.001
built	1	Нет	Нет	0.001
everyone	2	Нет	Нет	0.003
believe	1	Нет	Нет	0.001
their	2	Нет	Нет	0.003
Each	1	Нет	Нет	0.001
our	7	Нет	Нет	0.009
easy	2	Нет	Нет	0.003
even	1	Нет	Нет	0.001
teach	1	Нет	Нет	0.001
because	1	Нет	Нет	0.001
want	1	Нет	Нет	0.001
opportunity	1	Нет	Нет	0.001
start	1	Нет	Нет	0.001
creating	1	Нет	Нет	0.001
experience	1	Нет	Нет	0.001
best	2	Нет	Нет	0.003
modern	1	Нет	Нет	0.001
mobile	1	Нет	Нет	0.001
tablet	1	Нет	Нет	0.001
blazing	1	Нет	Нет	0.001
don	1	Нет	Нет	0.001
t	1	Нет	Нет	0.001
Photoshop	1	Нет	Нет	0.001
anymore	1	Нет	Нет	0.001
needs	1	Нет	Нет	0.001
complete	1	Нет	Нет	0.001
creative	4	Да	Нет	0.005
Let	1	Нет	Нет	0.001
run	1	Нет	Нет	0.001
wild	1	Нет	Нет	0.001
unleash	2	Нет	Нет	0.003
right	1	Нет	Нет	0.001
whatever	1	Нет	Нет	0.001
like	1	Нет	Нет	0.001
making	1	Нет	Нет	0.001
modelling	1	Нет	Нет	0.001
Web	1	Нет	Нет	0.001
based	1	Нет	Нет	0.001
install	1	Нет	Нет	0.001
anything	1	Нет	Нет	0.001
connection	1	Нет	Нет	0.001
re	1	Нет	Нет	0.001
set	1	Нет	Нет	0.001
dive	1	Нет	Нет	0.001
into	2	Нет	Нет	0.003
work	3	Нет	Нет	0.004
masterpiece	1	Нет	Нет	0.001
song	2	Нет	Нет	0.003
Direct	1	Нет	Нет	0.001
movie	1	Нет	Нет	0.001
home	1	Нет	Нет	0.001
friends	1	Нет	Нет	0.001
family	1	Нет	Нет	0.001
receive	1	Нет	Нет	0.001
feedback	2	Нет	Нет	0.003
community	3	Нет	Нет	0.004
content	1	Нет	Нет	0.001
between	2	Нет	Нет	0.003
Blend	1	Нет	Нет	0.001
projects	1	Нет	Нет	0.001
together	1	Нет	Нет	0.001
them	2	Нет	Нет	0.003
composed	1	Нет	Нет	0.001
project	1	Нет	Нет	0.001
materials	1	Нет	Нет	0.001
model	1	Нет	Нет	0.001
Infinite	1	Нет	Нет	0.001
possibilities	1	Нет	Нет	0.001
dream	1	Нет	Нет	0.001
Connect	1	Нет	Нет	0.001
people	2	Нет	Нет	0.003
global	1	Нет	Нет	0.001
Get	1	Нет	Нет	0.001
ideas	1	Нет	Нет	0.001
millions	1	Нет	Нет	0.001
around	1	Нет	Нет	0.001
ready	1	Нет	Нет	0.001
help	1	Нет	Нет	0.001
refine	1	Нет	Нет	0.001
techniques	1	Нет	Нет	0.001
abilities	1	Нет	Нет	0.001
fun	1	Нет	Нет	0.001
total	1	Нет	Нет	0.001
beginner	1	Нет	Нет	0.001
also	1	Нет	Нет	0.001
used	1	Нет	Нет	0.001
professionals	1	Нет	Нет	0.001
various	1	Нет	Нет	0.001
industries	1	Нет	Нет	0.001
POWER	1	Нет	Нет	0.001
Enjoy	1	Нет	Нет	0.001
only	1	Нет	Нет	0.001
month	1	Нет	Нет	0.001
once	1	Нет	Нет	0.001
keep	1	Нет	Нет	0.001
forever	1	Нет	Нет	0.001
Upgrade	1	Нет	Нет	0.001
pro	2	Нет	Нет	0.003
Features	1	Нет	Нет	0.001
Leaderboards	1	Нет	Нет	0.001
Contact	1	Нет	Нет	0.001
Us	1	Нет	Нет	0.001
Forum	1	Нет	Нет	0.001
Charity	1	Нет	Нет	0.001
Blog	1	Нет	Нет	0.001
Technical	1	Нет	Нет	0.001
Terms	1	Нет	Нет	0.001
Privacy	1	Нет	Нет	0.001
Policy	1	Нет	Нет	0.001
Crafted	1	Нет	Нет	0.001

Исходный контент страницы, слов (756)

Skip navigation Apps Sumopaint Sumotunes Sumo3D Sumocode Sumophoto Sumoaudio Sumovideo Sumopixel Works Pricing Support Edu API About EN Arabic Bengali Chinese Czech Danish Dutch English English Estonian Finnish French German Greek Hindi Hungarian Indonesian Italian Japanese Korean Malay Norwegian Persian Polish Portuguese Russian Serbian Slovenian Spanish Swahili Swedish Tagalog Thai Turkish Vietnamese Sumopaint The ultimate drawing and painting app Digital drawing has never been easier Learn more Open Paint Chromebook ChromeOS and the ChromeOS logo are trademarks of Google LLC Sumopaint Drawing tool and image editor Draw pictures or combine images with filters text elements or symbols Over different brushes as well as many unique tools and effects Open paint Learn about paint Sumotunes Digital music studio Easy-to-use web-based music studio to create songs play with instruments or remix other users original songs Supports MP3 export and cloud storage for your songs Open tunes Learn about tunes Sumo3d Online 3D editing tool Online 3D Editor to build and print 3D models Integrates with Sumo Library to add models images sounds and textures from other apps Open 3D Learn about 3D Sumocode Online coding environment Create apps and games with just a few lines of code Learn how to code with gamified examples Remix example of sample code or write something new from scratch Open code Learn about code Sumophoto Photo editor filters and effects Quickly edit your photos crop adjustments filters effects and elements and share on social media or save to your computer Open photo Learn about photo Sumoaudio Audio Editor and Recorder Fast and accurate editor for audio files Record from microphone or open local audio files edit trim adjust volume create fades and much more Save to WAV or MP3 formats Open audio Learn about audio Sumovideo Online video editor Combine videos images sounds texts effects and record audio You can use your library or import images from your device and easily export your final cuts to video file Open video Learn about video Sumopixel Pixel Art Editor Online editor for pixel art and GIF animations Create your own brushes use symmetry tool for amazing pixel art and share with the world Open pixel Learn about pixel A powerful suite Unleashing your creativity Your creativity comes from your imagination which has no limits No need for expensive downloads all you need is an internet access That s why we built Sumopaint Sumotunes Sumo3D Sumocode Sumophoto Sumoaudio Sumovideo and Sumopixel so everyone can believe in their own creativity Each app in our cloud suite is gamified easy to learn and even easier to teach because we want everyone to have the opportunity to access their imagination and start creating A unique experience The best online paint It works with any modern device mobile tablet or computer and it is blazing fast I don t need Photoshop anymore for my image editing needs A complete suite of creative apps Let your imagination run wild and unleash your creativity Sumo has the right app for whatever you like to do painting making music 3d modelling coding apps or editing photos and video Web based apps No need to install anything on your device All you need is an internet connection and you re set to dive into our creative world Create and share your work Paint your masterpiece Write a song Direct your movie Build your new home Share your work with your friends and family or receive feedback from our community Combine content between apps Blend your projects together and combine them between the apps import the song you composed into your video project Create images and materials for your 3D model Infinite possibilities If you can dream it you can create it Connect with people from our global community Get feedback and new ideas from the users in our community Share your work with millions of people all around the world ready to help you refine your techniques and abilities Learn to create easily Our creative tools are easy and fun a total beginner can use them Best of all so do all Our apps are also used by professionals in various different industries UNLEASH MORE CREATIVE POWER Enjoy an online image editor photo editor audio editor video editor music studio code studio pixel editor and 3D studio for only month or once and keep forever Upgrade to pro Apps Sumopaint Sumotunes Sumo3D Sumocode Sumophoto Sumoaudio Sumovideo Sumopixel Pro Features Works Leaderboards Edu About About Contact Us Forum Charity Blog Technical Support Terms of Use Privacy Policy API Crafted with Sumo Apps Sumo Apps

Контент страницы без стоп-слов, слов (579), без повторов (304)

Skip navigation Apps Sumopaint Sumotunes Sumo3D Sumocode Sumophoto Sumoaudio Sumovideo Sumopixel Works Pricing Support Edu API EN Arabic Bengali Chinese Czech Danish Dutch English English Estonian Finnish French German Greek Hindi Hungarian Indonesian Italian Japanese Korean Malay Norwegian Persian Polish Portuguese Russian Serbian Slovenian Spanish Swahili Swedish Tagalog Thai Turkish Vietnamese Sumopaint ultimate drawing painting app Digital drawing has never been easier Learn more Open Paint Chromebook ChromeOS ChromeOS logo trademarks Google LLC Sumopaint Drawing tool image editor Draw pictures combine images filters text elements symbols Over different brushes well many unique tools effects Open paint Learn paint Sumotunes Digital music studio Easy-to-use web-based music studio create songs play instruments remix other users original songs Supports MP3 export cloud storage your songs Open tunes Learn tunes Sumo3d Online 3D editing tool Online 3D Editor build print 3D models Integrates Sumo Library add models images sounds textures other apps Open 3D Learn 3D Sumocode Online coding environment Create apps games just a few lines code Learn how code gamified examples Remix example sample code write something new scratch Open code Learn code Sumophoto Photo editor filters effects Quickly edit your photos crop adjustments filters effects elements share social media save your computer Open photo Learn photo Sumoaudio Audio Editor Recorder Fast accurate editor audio files Record microphone open local audio files edit trim adjust volume create fades much more Save WAV MP3 formats Open audio Learn audio Sumovideo Online video editor Combine videos images sounds texts effects record audio use your library import images your device easily export your final cuts video file Open video Learn video Sumopixel Pixel Art Editor Online editor pixel art GIF animations Create your own brushes use symmetry tool amazing pixel art share world Open pixel Learn pixel A powerful suite Unleashing your creativity Your creativity comes your imagination has limits need expensive downloads need internet access s why built Sumopaint Sumotunes Sumo3D Sumocode Sumophoto Sumoaudio Sumovideo Sumopixel everyone believe their own creativity Each app our cloud suite gamified easy learn even easier teach because want everyone opportunity access their imagination start creating A unique experience best online paint works modern device mobile tablet computer blazing fast don t need Photoshop anymore image editing needs A complete suite creative apps Let your imagination run wild unleash your creativity Sumo has right app whatever like painting making music 3d modelling coding apps editing photos video Web based apps need install anything your device need internet connection re set dive into our creative world Create share your work Paint your masterpiece Write a song Direct your movie Build your new home Share your work your friends family receive feedback our community Combine content between apps Blend your projects together combine them between apps import song composed into your video project Create images materials your 3D model Infinite possibilities dream create Connect people our global community Get feedback new ideas users our community Share your work millions people around world ready help refine your techniques abilities Learn create easily Our creative tools easy fun a total beginner use them Best Our apps also used professionals various different industries UNLEASH MORE CREATIVE POWER Enjoy online image editor photo editor audio editor video editor music studio code studio pixel editor 3D studio only month once keep forever Upgrade pro Apps Sumopaint Sumotunes Sumo3D Sumocode Sumophoto Sumoaudio Sumovideo Sumopixel Pro Features Works Leaderboards Edu Contact Us Forum Charity Blog Technical Support Terms Use Privacy Policy API Crafted Sumo Apps Sumo Apps

HTML код страницы, символов всего (87754)

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">

<head>
    <title>Sumo - Creative tools for curious minds</title>

</head>
<body class="touch-pan-y">

<header class="h-[42px] bg-white">
    <a tabindex="0" class="skip-navigation" href="#main-content" title="Skip navigation" hreflang="en">Skip navigation</a>

<div data-hamburger class="p-0 h-full w-full fixed top-[42px] r-md:animate-slide-left-fast bottom-0 right-0 left-0 bg-dark-900 md:static">
                <div class="h-full flex items-center justify-center r-md:grid r-md:grid-cols-2">
                    <div class="group px-4 md:h-full font-normal text-sm text-white relative">
                        <div tabindex="0" class="nav-dropdown-summary h-full cursor-pointer hover:opacity-90 r-md:hidden">
                            Apps
                        </div>
                        <div class="md:hidden md:group-focus-within:flex r-md:space-y-6 group-focus:block:block select-none group-hover:block md:absolute bg-dark-500 flex-col py-1 pb-3 px-3 rounded-b-xl">
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumopaint"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/paint_filled.svg" alt="paint"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-paint">paint</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumotunes"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/tunes_filled.svg" alt="tunes"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-tunes">tunes</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumo3d"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/3d_filled.svg" alt="3D"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-3d">3D</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumocode"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/code_filled.svg" alt="code"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-code">code</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumophoto"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/photo_filled.svg" alt="photo"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-photo">photo</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumoaudio"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/audio_filled.svg" alt="audio"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-audio">audio</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumovideo"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/video_filled.svg" alt="video"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-video">video</span>
                                    </a>
                                </div>
                                                            <div class="py-2 pr-6 w-full flex items-center">
                                    <a tabindex="0"
                                       href="https://sumo.app/sumopixel"
                                       hreflang="en"
                                       class="hover:opacity-80 flex-grow flex items-center">
                                        <img class="select-none w-4 h-4 mr-2"
                                             src="https://sumo.app/images/icons/apps/pixel_filled.svg" alt="pixel"
                                             draggable="false" width="16" height="16"/>
                                        <span>Sumo</span><span class="select-none font-bold text-app-pixel">pixel</span>
                                    </a>
                                </div>
                                                    </div>
                    </div>

<div class="flex items-center justify-center r-md:flex-col r-md:items-end r-md:space-y-6">
                                                    <a tabindex="0" wire:navigate.hover href="https://sumo.app/works"
                               hreflang="en"
                               title="works"
                               class="header-nav-link hover:opacity-80 py-2 px-4 font-normal text-sm text-white">
                        <span class="relative whitespace-nowrap">
                            Works
                        </span>
                            </a>
                                                    <a tabindex="0" wire:navigate.hover href="https://sumo.app/pricing"
                               hreflang="en"
                               title="pricing"
                               class="header-nav-link hover:opacity-80 py-2 px-4 font-normal text-sm text-white">
                        <span class="relative whitespace-nowrap">
                            Pricing
                        </span>
                            </a>
                                                    <a tabindex="0" wire:navigate.hover href="https://sumo.app/support"
                               hreflang="en"
                               title="support"
                               class="header-nav-link hover:opacity-80 py-2 px-4 font-normal text-sm text-white">
                        <span class="relative whitespace-nowrap">
                            Support
                        </span>
                            </a>
                                                    <a tabindex="0" wire:navigate.hover href="https://sumo.app/edu"
                               hreflang="en"
                               title="edu"
                               class="header-nav-link hover:opacity-80 py-2 px-4 font-normal text-sm text-white">
                        <span class="relative whitespace-nowrap">
                            Edu
                        </span>
                            </a>
                                                    <a tabindex="0" wire:navigate.hover href="https://sumo.app/api"
                               hreflang="en"
                               title="api"
                               class="header-nav-link hover:opacity-80 py-2 px-4 font-normal text-sm text-white">
                        <span class="relative whitespace-nowrap">
                            API
                        </span>
                            </a>
                                                    <a tabindex="0" wire:navigate.hover href="https://sumo.app/about"
                               hreflang="en"
                               title="about"
                               class="header-nav-link hover:opacity-80 py-2 px-4 font-normal text-sm text-white">
                        <span class="relative whitespace-nowrap">
                            About
                        </span>
                            </a>
                        
                                            </div>
                </div>
            </div>

<div class="pl-2 r-md:pl-5 relative h-full select-none">
            <button id="language-menu-btn" type="button" class="md:min-w-[3.5rem] hover:opacity-50 flex items-center flex-nowrap h-full" tabindex="0">
            <img width="20" height="20" src="https://cdn.sumo.app/images/flags/en.svg"
                 crossorigin
                 draggable="false"
                 alt="Current language"
                 title="Current language"
            />
            <span class="ml-2 r-md:hidden">EN</span>
        </button>
        <div id="language-menu" class="hidden z-50 bg-dark-500 fixed md:absolute md:w-80 r-md:left-0 right-0 r-md:pb-20 max-h-[calc(100vh_-_42px)] md:rounded-b-lg shadow-lg overflow-y-auto ">
            <div class="p-5 h-full grid grid-cols-2 gap-2 r-sm:gap-6">
                                    <a data-language="ar"
                       href="https://sumo.app/ar"
                       title="Arabic" hreflang="ar" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/ar.svg"
                             crossorigin
                             draggable="false"
                             alt="Arabic"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Arabic</span>
                    </a>
                                    <a data-language="bn"
                       href="https://sumo.app/bn"
                       title="Bengali" hreflang="bn" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/bn.svg"
                             crossorigin
                             draggable="false"
                             alt="Bengali"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Bengali</span>
                    </a>
                                    <a data-language="zh"
                       href="https://sumo.app/zh"
                       title="Chinese" hreflang="zh" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/zh.svg"
                             crossorigin
                             draggable="false"
                             alt="Chinese"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Chinese</span>
                    </a>
                                    <a data-language="cs"
                       href="https://sumo.app/cs"
                       title="Czech" hreflang="cs" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/cs.svg"
                             crossorigin
                             draggable="false"
                             alt="Czech"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Czech</span>
                    </a>
                                    <a data-language="da"
                       href="https://sumo.app/da"
                       title="Danish" hreflang="da" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/da.svg"
                             crossorigin
                             draggable="false"
                             alt="Danish"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Danish</span>
                    </a>
                                    <a data-language="nl"
                       href="https://sumo.app/nl"
                       title="Dutch" hreflang="nl" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/nl.svg"
                             crossorigin
                             draggable="false"
                             alt="Dutch"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Dutch</span>
                    </a>
                                    <a data-language="en"
                       href="https://sumo.app"
                       title="English" hreflang="en" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/en.svg"
                             crossorigin
                             draggable="false"
                             alt="English"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">English</span>
                    </a>
                                    <a data-language="gb"
                       href="https://sumo.app/gb"
                       title="English" hreflang="gb" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/gb.svg"
                             crossorigin
                             draggable="false"
                             alt="English"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">English</span>
                    </a>
                                    <a data-language="et"
                       href="https://sumo.app/et"
                       title="Estonian" hreflang="et" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/et.svg"
                             crossorigin
                             draggable="false"
                             alt="Estonian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Estonian</span>
                    </a>
                                    <a data-language="fi"
                       href="https://sumo.app/fi"
                       title="Finnish" hreflang="fi" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/fi.svg"
                             crossorigin
                             draggable="false"
                             alt="Finnish"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Finnish</span>
                    </a>
                                    <a data-language="fr"
                       href="https://sumo.app/fr"
                       title="French" hreflang="fr" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/fr.svg"
                             crossorigin
                             draggable="false"
                             alt="French"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">French</span>
                    </a>
                                    <a data-language="de"
                       href="https://sumo.app/de"
                       title="German" hreflang="de" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/de.svg"
                             crossorigin
                             draggable="false"
                             alt="German"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">German</span>
                    </a>
                                    <a data-language="el"
                       href="https://sumo.app/el"
                       title="Greek" hreflang="el" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/el.svg"
                             crossorigin
                             draggable="false"
                             alt="Greek"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Greek</span>
                    </a>
                                    <a data-language="hi"
                       href="https://sumo.app/hi"
                       title="Hindi" hreflang="hi" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/hi.svg"
                             crossorigin
                             draggable="false"
                             alt="Hindi"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Hindi</span>
                    </a>
                                    <a data-language="hu"
                       href="https://sumo.app/hu"
                       title="Hungarian" hreflang="hu" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/hu.svg"
                             crossorigin
                             draggable="false"
                             alt="Hungarian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Hungarian</span>
                    </a>
                                    <a data-language="id"
                       href="https://sumo.app/id"
                       title="Indonesian" hreflang="id" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/id.svg"
                             crossorigin
                             draggable="false"
                             alt="Indonesian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Indonesian</span>
                    </a>
                                    <a data-language="it"
                       href="https://sumo.app/it"
                       title="Italian" hreflang="it" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/it.svg"
                             crossorigin
                             draggable="false"
                             alt="Italian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Italian</span>
                    </a>
                                    <a data-language="ja"
                       href="https://sumo.app/ja"
                       title="Japanese" hreflang="ja" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/ja.svg"
                             crossorigin
                             draggable="false"
                             alt="Japanese"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Japanese</span>
                    </a>
                                    <a data-language="ko"
                       href="https://sumo.app/ko"
                       title="Korean" hreflang="ko" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/ko.svg"
                             crossorigin
                             draggable="false"
                             alt="Korean"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Korean</span>
                    </a>
                                    <a data-language="ms"
                       href="https://sumo.app/ms"
                       title="Malay" hreflang="ms" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/ms.svg"
                             crossorigin
                             draggable="false"
                             alt="Malay"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Malay</span>
                    </a>
                                    <a data-language="no"
                       href="https://sumo.app/no"
                       title="Norwegian" hreflang="no" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/no.svg"
                             crossorigin
                             draggable="false"
                             alt="Norwegian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Norwegian</span>
                    </a>
                                    <a data-language="fa"
                       href="https://sumo.app/fa"
                       title="Persian" hreflang="fa" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/fa.svg"
                             crossorigin
                             draggable="false"
                             alt="Persian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Persian</span>
                    </a>
                                    <a data-language="pl"
                       href="https://sumo.app/pl"
                       title="Polish" hreflang="pl" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/pl.svg"
                             crossorigin
                             draggable="false"
                             alt="Polish"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Polish</span>
                    </a>
                                    <a data-language="pt"
                       href="https://sumo.app/pt"
                       title="Portuguese" hreflang="pt" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/pt.svg"
                             crossorigin
                             draggable="false"
                             alt="Portuguese"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Portuguese</span>
                    </a>
                                    <a data-language="ru"
                       href="https://sumo.app/ru"
                       title="Russian" hreflang="ru" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/ru.svg"
                             crossorigin
                             draggable="false"
                             alt="Russian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Russian</span>
                    </a>
                                    <a data-language="sr"
                       href="https://sumo.app/sr"
                       title="Serbian" hreflang="sr" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/sr.svg"
                             crossorigin
                             draggable="false"
                             alt="Serbian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Serbian</span>
                    </a>
                                    <a data-language="sl"
                       href="https://sumo.app/sl"
                       title="Slovenian" hreflang="sl" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/sl.svg"
                             crossorigin
                             draggable="false"
                             alt="Slovenian"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Slovenian</span>
                    </a>
                                    <a data-language="es"
                       href="https://sumo.app/es"
                       title="Spanish" hreflang="es" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/es.svg"
                             crossorigin
                             draggable="false"
                             alt="Spanish"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Spanish</span>
                    </a>
                                    <a data-language="sw"
                       href="https://sumo.app/sw"
                       title="Swahili" hreflang="sw" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/sw.svg"
                             crossorigin
                             draggable="false"
                             alt="Swahili"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Swahili</span>
                    </a>
                                    <a data-language="sv"
                       href="https://sumo.app/sv"
                       title="Swedish" hreflang="sv" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/sv.svg"
                             crossorigin
                             draggable="false"
                             alt="Swedish"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Swedish</span>
                    </a>
                                    <a data-language="tl"
                       href="https://sumo.app/tl"
                       title="Tagalog" hreflang="tl" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/tl.svg"
                             crossorigin
                             draggable="false"
                             alt="Tagalog"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Tagalog</span>
                    </a>
                                    <a data-language="th"
                       href="https://sumo.app/th"
                       title="Thai" hreflang="th" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/th.svg"
                             crossorigin
                             draggable="false"
                             alt="Thai"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Thai</span>
                    </a>
                                    <a data-language="tr"
                       href="https://sumo.app/tr"
                       title="Turkish" hreflang="tr" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/tr.svg"
                             crossorigin
                             draggable="false"
                             alt="Turkish"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Turkish</span>
                    </a>
                                    <a data-language="vi"
                       href="https://sumo.app/vi"
                       title="Vietnamese" hreflang="vi" class="h-8 p-2 flex items-center hover:opacity-80">
                        <img width="16" height="16"
                             src="https://cdn.sumo.app/images/flags/vi.svg"
                             crossorigin
                             draggable="false"
                             alt="Vietnamese"
                             class="r-sm:w-8 r-sm:h-8"
                        />
                        <span class="ml-2 text-sm r-sm:text-xl whitespace-nowrap truncate">Vietnamese</span>
                    </a>
                            </div>
        </div>
    </div>
            </div>

<kimono-hamburger class="ml-5 shrink-0"></kimono-hamburger>
        </nav>
    </div>
</div>

</header>

<main id="main-content" class="flex-grow">
    <section class="relative pb-0 bg-gradient-to-b from-white via-white via-white to-[#eee]">
            <video width="320" height="240" muted defaultMuted playsinline autoplay oncontextmenu="return false;"
                   preload="auto" loop
                   class="absolute top-0 z-0 left-0 w-full h-[100vh] object-cover pointer-events-none">
                <source src="https://cdn.sumo.app/videos/sumo_compressed.mp4" type="video/mp4">
            </video>
            <div class="w-full h-[100vh] ">
                <div
                    class="bg-[linear-gradient(0deg,_#000000,_#000000aa_40%,_#00000088)] block w-full h-full relative z-0"/>
            </div>
            <div class="h-[100vh] z-1 absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center ">
                <div class="w-full max-w-6xl mx-auto py-10">
                    <div class="flex flex-col items-center justify-center px-4 sm:px-0">
                        <h1 data-animate="motion-safe:animate-fade-in" class="sr-only">Sumopaint</h1>
                        <h2 data-animate="motion-safe:animate-fade-in"
                            class="text-4xl text-shadow sm:text-6xl my-0 mx-auto text-white text-center max-w-2xl pt-1">
                            The ultimate drawing and <span class="text-blue">painting app</span>
                        </h2>
                        <p
                            data-animate="motion-safe:animate-fade-in"
                            class="text-2xl text-shadow text-white text-center my-10 mx-auto">Digital drawing has never been easier!
                        </p>
                        <div data-animate="motion-safe:animate-fade-in" class="hero-buttons space-x-3">

<a draggable="false" tabindex="0" href="#apps" title="Learn more" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-transparent text-white border-white hover:text-darkgrey hover:bg-white py-2 px-10 text-base py-3 px-6 uppercase" color="white-transparent" class="py-3 px-6 uppercase" link="#apps">
    Learn more
</a>

<a draggable="false" tabindex="0" href="https://paint.sumo.app" title="Open Paint" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base bg-lightblue text-white shadow-xl border-blue py-3 px-6 uppercase rounded-full hover:brightness-110 cursor-pointer font-bold border" link="https://paint.sumo.app" class="bg-lightblue text-white shadow-xl border-blue py-3 px-6 uppercase rounded-full hover:brightness-110 cursor-pointer font-bold border">
    Open Paint
</a>
                        </div>

<div class="pt-10">
                            <a href="https://play.google.com/store/apps/details?id=app.sumo.tatami.twa&referrer=utm_source%3Dsumo%26utm_medium%3Da2c">
 <img src="https://sumo.app/images/add-to-chromebook-en_l.svg" alt="Add to Chromebook"/>
</a>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="absolute right-0 bottom-0 text-xs text-white p-1">Chromebook, ChromeOS, and the ChromeOS logo
                are trademarks of Google LLC.
            </div>
        </section>

<section id="apps" class="max-w-7xl w-full m-auto pt-20 px-5">
    <div class="grid grid-cols-2 gap-8 r-md:grid-cols-1">
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/paint.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/paint.webp, https://sumo.app/images/chromebook/ui/paint.webp 2x"
                     alt="Sumo Apps - paint"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-paint">Sumopaint</h2>
                    <h3 class="text-xl font-bold mb-2">Drawing tool and image editor</h3>
                    <p class="text-xl">Draw pictures or combine images with filters, text elements or symbols. Over 300 different brushes as well as many unique tools and effects.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://paint.sumo.app" title="Open paint" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-paint text-white border-app-paint py-2 px-10 text-base py-3" color="app" class="py-3" app="paint" text="Open paint" hreflang="en" link="https://paint.sumo.app">
    Open paint
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumopaint" title="Learn about paint" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumopaint" hreflang="en" text="Learn about paint">
    Learn about paint
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/tunes.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/tunes.webp, https://sumo.app/images/chromebook/ui/tunes.webp 2x"
                     alt="Sumo Apps - tunes"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-tunes">Sumotunes</h2>
                    <h3 class="text-xl font-bold mb-2">Digital music studio</h3>
                    <p class="text-xl">Easy-to-use web-based music studio to create songs, play with instruments or remix other users&#039; original songs. Supports MP3 export and cloud storage for your songs.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://tunes.sumo.app" title="Open tunes" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-tunes text-white border-app-tunes py-2 px-10 text-base py-3" color="app" class="py-3" app="tunes" text="Open tunes" hreflang="en" link="https://tunes.sumo.app">
    Open tunes
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumotunes" title="Learn about tunes" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumotunes" hreflang="en" text="Learn about tunes">
    Learn about tunes
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/3d.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/3d.webp, https://sumo.app/images/chromebook/ui/3d.webp 2x"
                     alt="Sumo Apps - 3d"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-3d">Sumo3d</h2>
                    <h3 class="text-xl font-bold mb-2">Online 3D editing tool</h3>
                    <p class="text-xl">Online 3D Editor to build and print 3D models. Integrates with Sumo Library to add models, images, sounds and textures from other apps.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://3d.sumo.app" title="Open 3D" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-3d text-white border-app-3d py-2 px-10 text-base py-3" color="app" class="py-3" app="3d" text="Open 3D" hreflang="en" link="https://3d.sumo.app">
    Open 3D
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumo3d" title="Learn about 3D" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumo3d" hreflang="en" text="Learn about 3D">
    Learn about 3D
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/code.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/code.webp, https://sumo.app/images/chromebook/ui/code.webp 2x"
                     alt="Sumo Apps - code"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-code">Sumocode</h2>
                    <h3 class="text-xl font-bold mb-2">Online coding environment</h3>
                    <p class="text-xl">Create apps and games with just a few lines of code. Learn how to code with gamified examples. Remix example of sample code or write something new from scratch.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://code.sumo.app" title="Open code" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-code text-white border-app-code py-2 px-10 text-base py-3" color="app" class="py-3" app="code" text="Open code" hreflang="en" link="https://code.sumo.app">
    Open code
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumocode" title="Learn about code" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumocode" hreflang="en" text="Learn about code">
    Learn about code
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/photo.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/photo.webp, https://sumo.app/images/chromebook/ui/photo.webp 2x"
                     alt="Sumo Apps - photo"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-photo">Sumophoto</h2>
                    <h3 class="text-xl font-bold mb-2">Photo editor, filters and effects</h3>
                    <p class="text-xl">Quickly edit your photos (crop, adjustments, filters, effects and elements) and share on social media or save to your computer.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://photo.sumo.app" title="Open photo" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-photo text-white border-app-photo py-2 px-10 text-base py-3" color="app" class="py-3" app="photo" text="Open photo" hreflang="en" link="https://photo.sumo.app">
    Open photo
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumophoto" title="Learn about photo" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumophoto" hreflang="en" text="Learn about photo">
    Learn about photo
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/audio.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/audio.webp, https://sumo.app/images/chromebook/ui/audio.webp 2x"
                     alt="Sumo Apps - audio"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-audio">Sumoaudio</h2>
                    <h3 class="text-xl font-bold mb-2">Audio Editor and Recorder</h3>
                    <p class="text-xl">Fast and accurate editor for audio files. Record from microphone or open local audio files, edit, trim, adjust volume, create fades and much more. Save to WAV or MP3 formats.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://audio.sumo.app" title="Open audio" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-audio text-white border-app-audio py-2 px-10 text-base py-3" color="app" class="py-3" app="audio" text="Open audio" hreflang="en" link="https://audio.sumo.app">
    Open audio
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumoaudio" title="Learn about audio" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumoaudio" hreflang="en" text="Learn about audio">
    Learn about audio
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/video.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/video.webp, https://sumo.app/images/chromebook/ui/video.webp 2x"
                     alt="Sumo Apps - video"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-video">Sumovideo</h2>
                    <h3 class="text-xl font-bold mb-2">Online video editor</h3>
                    <p class="text-xl">Combine videos, images, sounds, texts, effects and record audio. You can use your library or import images from your device, and easily export your final cuts to video file.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://video.sumo.app" title="Open video" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-video text-white border-app-video py-2 px-10 text-base py-3" color="app" class="py-3" app="video" text="Open video" hreflang="en" link="https://video.sumo.app">
    Open video
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumovideo" title="Learn about video" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumovideo" hreflang="en" text="Learn about video">
    Learn about video
</a>
                </div>
            </div>
                    <div class="items-start flex flex-col w-full max-w-[32rem] mb-20 r-md:mx-auto">
                <img class="w-full rounded-xl"
                     width="512"
                     height="256"
                     src="https://sumo.app/images/chromebook/ui-small/pixel.webp"
                     srcset="https://sumo.app/images/chromebook/ui-small/pixel.webp, https://sumo.app/images/chromebook/ui/pixel.webp 2x"
                     alt="Sumo Apps - pixel"
                />
                <div class="mt-4">
                    <h2 class="text-3xl font-bold mb-2 text-app-pixel">Sumopixel</h2>
                    <h3 class="text-xl font-bold mb-2">Pixel Art Editor</h3>
                    <p class="text-xl">Online editor for pixel art and GIF animations. Create your own brushes, use symmetry tool for amazing pixel art, and share with the world.</p>
                </div>
                <div class="mt-4 flex flex-wrap r-sm:flex-col gap-4 r-sm:items-center r-sm:mx-auto">
                    <a draggable="false" tabindex="0" href="https://pixel.sumo.app" title="Open pixel" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-app-pixel text-white border-app-pixel py-2 px-10 text-base py-3" color="app" class="py-3" app="pixel" text="Open pixel" hreflang="en" link="https://pixel.sumo.app">
    Open pixel
</a>
                    <a draggable="false" tabindex="0" href="https://sumo.app/sumopixel" title="Learn about pixel" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap  py-2 px-10 text-base py-3" class="py-3" link="https://sumo.app/sumopixel" hreflang="en" text="Learn about pixel">
    Learn about pixel
</a>
                </div>
            </div>
            </div>
</section>

<section class="bg-dark-500 text-center py-24 px-10 r-xl:px-10 r-md:px-5 w-full bg-size-full bg-no-repeat">
            <div data-animate="motion-safe:animate-slide-up" class="max-w-7xl text-left m-auto">
                <p class="text-white font-bold text-2xl uppercase m-0 text-gradient"> A powerful suite</p>
                <h2 class="text-white text-5xl r-md:text-4xl mt-1 mb-5 uppercase">Unleashing your creativity</h2>
                <p class="text-white max-w-3xl text-xl">Your creativity comes from your imagination, which has no limits. No need for expensive downloads, all you need is an internet access. That&#039;s why we built Sumopaint, Sumotunes, Sumo3D, Sumocode, Sumophoto, Sumoaudio, Sumovideo and Sumopixel: so everyone can believe in their own creativity! Each app in our cloud suite is gamified, easy to learn and even easier to teach, because we want everyone to have the opportunity to access their imagination and start creating.</p>
            </div>

<div data-animate="motion-safe:animate-slide-up"
                 class="max-w-7xl px-10 r-xl:px-10 r-md:px-5 py-20 text-left">
                <p class="text-md text-lightblue uppercase font-bold mb-2">A unique experience</p>
                <q class="text-white text-3xl md:text-4xl">The best online paint!  It works with any modern device, mobile, tablet or computer, and it is blazing fast. I don&#039;t need  Photoshop anymore for my image editing needs.</q>
            </div>

<div
                class="grid grid-40-60 r-xl:grid-cols-2 r-md:grid-cols-1 r-md:flex r-md:flex-col-reverse max-w-7xl m-auto mt-20">
                <div>
                    <div data-animate="motion-safe:animate-slide-up" class="text-left max-w-xl w-full">
                        <img class="w-10 h-10 my-5" src="https://sumo.app/images/home-suite.svg"
                             alt="A complete suite of creative apps"/>
                        <h3 class="text-white text-2xl m-0">A complete suite of creative apps</h3>
                        <p class="text-left text-xl w-full my-5 text-lightgrey">Let your imagination run wild and unleash your creativity! Sumo has the right app for whatever you like to do: painting, making music, 3d modelling, coding apps, or editing photos and video.</p>
                    </div>
                    <div data-animate="motion-safe:animate-slide-up" class="text-left max-w-xl my-10 w-full">
                        <img class="w-10 h-10 my-5" src="https://sumo.app/images/home-webbased.svg"
                             alt="Web based apps"/>
                        <h3 class="text-white text-2xl m-0">Web based apps</h3>
                        <p class="text-left text-xl w-full my-5 text-lightgrey">No need to install anything on your device. All you need is an internet connection and you’re set to dive into our creative world!</p>
                    </div>
                    <div data-animate="motion-safe:animate-slide-up" class="text-left max-w-xl my-10 w-full">
                        <img class="w-10 h-10 my-5" src="https://sumo.app/images/home-createshare.svg"
                             alt="Create and share your work"/>
                        <h3 class="text-white text-2xl m-0">Create and share your work</h3>
                        <p class="text-left text-xl w-full my-5 text-lightgrey">Paint your masterpiece. Write a song. Direct your movie. Build your new home. Share your work with your friends and family or receive feedback from our community!</p>
                    </div>
                </div>
                <picture>
    <source srcset="https://sumo.app/images/home-section-2.webp" type="image/webp" data-animate="motion-safe:animate-slide-right" class="max-w-7xl r-sm:max-w-full">
    <img src="https://sumo.app/images/home-section-2.png" alt="Sumo Apps on a laptop" data-animate="motion-safe:animate-slide-right" class="max-w-7xl r-sm:max-w-full">
</picture>
            </div>
            <div
                class="grid grid-60-40 r-xl:grid-cols-2 r-md:grid-cols-1 r-md:flex r-md:flex-col max-w-7xl m-auto mt-20 pb-30">
                <picture>
    <source srcset="https://sumo.app/images/home-section-3.webp" type="image/webp" data-animate="motion-safe:animate-slide-left" class="relative right-32 r-md:right-0 home-ipad">
    <img src="https://sumo.app/images/home-section-3.png" alt="Sumo Apps in tablet" data-animate="motion-safe:animate-slide-left" class="relative right-32 r-md:right-0 home-ipad">
</picture>
                <div>
                    <div data-animate="motion-safe:animate-slide-up" class="text-left max-w-xl my-10 w-full">
                        <img class="w-10 h-10 my-5" src="https://sumo.app/images/home-combine.svg"
                             alt="Combine content between apps"/>
                        <h3 class="text-white text-2xl m-0">Combine content between apps</h3>
                        <p class="text-left text-xl w-full my-5 text-lightgrey">Blend your projects together and combine them between the apps: import the song you composed into your video project. Create images and materials for your 3D model. Infinite possibilities. If you can dream it, you can create it.</p>
                    </div>
                    <div data-animate="motion-safe:animate-slide-up" class="text-left max-w-xl my-10 w-full">
                        <img class="w-10 h-10 my-5" src="https://sumo.app/images/home-community.svg"
                             alt="Connect with people from our global community"/>
                        <h3 class="text-white text-2xl m-0">Connect with people from our global community</h3>
                        <p class="text-left text-xl w-full my-5 text-lightgrey">Get feedback and new ideas from the users in our community. Share your work with millions of people all around the world ready to help you refine your techniques and abilities.</p>
                    </div>
                    <div data-animate="motion-safe:animate-slide-up" class="text-left max-w-xl my-10 w-full">
                        <img class="w-10 h-10 my-5" src="https://sumo.app/images/home-createeasily.svg"
                             alt="Learn to create... easily"/>
                        <h3 class="text-white text-2xl m-0">Learn to create... easily</h3>
                        <p class="text-left text-xl w-full my-5 text-lightgrey">Our creative tools are easy and fun, a total beginner can use them. Best of all, so do all. Our apps are also used by professionals in various different industries.</p>
                    </div>
                </div>
            </div>
        </section>
    
    
    <div class="py-20 px-5 bg-no-repeat bg-cover text-white text-center bg-center colored-icons funky-bg">
        <div class="backdrop-blur-sm rounded-lg">
            <h2 class="uppercase text-5xl r-md:text-4xl">UNLEASH MORE CREATIVE POWER</h2>
            <p class="text-xl w-full max-w-3xl m-auto my-5">Enjoy an online image editor, photo editor, audio editor, video editor, music studio, code studio, pixel editor and 3D studio for only $4 / month or $89 once and keep forever.</p>
            <div class="flex flex-center flex-wrap r-md:grid r-md:grid-cols-4 r-md:gap-5 w-full justify-center m-auto my-10 max-w-xl">
                                    <a data-tippy-content="Sumopaint" href="https://paint.sumo.app"
                       hreflang="en" title="Open paint"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/paint_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumopaint"/>
                    </a>
                                    <a data-tippy-content="Sumotunes" href="https://tunes.sumo.app"
                       hreflang="en" title="Open tunes"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/tunes_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumotunes"/>
                    </a>
                                    <a data-tippy-content="Sumo3D" href="https://3d.sumo.app"
                       hreflang="en" title="Open 3D"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/3d_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumo3D"/>
                    </a>
                                    <a data-tippy-content="Sumocode" href="https://code.sumo.app"
                       hreflang="en" title="Open code"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/code_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumocode"/>
                    </a>
                                    <a data-tippy-content="Sumophoto" href="https://photo.sumo.app"
                       hreflang="en" title="Open photo"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/photo_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumophoto"/>
                    </a>
                                    <a data-tippy-content="Sumoaudio" href="https://audio.sumo.app"
                       hreflang="en" title="Open audio"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/audio_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumoaudio"/>
                    </a>
                                    <a data-tippy-content="Sumovideo" href="https://video.sumo.app"
                       hreflang="en" title="Open video"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/video_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumovideo"/>
                    </a>
                                    <a data-tippy-content="Sumopixel" href="https://pixel.sumo.app"
                       hreflang="en" title="Open pixel"
                       class="mx-3 hover:brightness-125 hover:scale-125 transition-all flex items-center justify-center">
                        <img src="https://sumo.app/images/icons/apps/pixel_outline.svg" width="40" height="40"
                             class="w-10 h-10" alt="Sumopixel"/>
                    </a>
                            </div>
            <a draggable="false" tabindex="0" href="https://sumo.app/pricing" title="Upgrade to pro" class="select-none border border-solid inline-block capitalize font-bold rounded-full w-max cursor-pointer hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap bg-transparent text-white border-white hover:text-darkgrey hover:bg-white py-2 px-10 text-base " text="Upgrade to pro" color="white-transparent" link="https://sumo.app/pricing">
    Upgrade to pro
</a>
        </div>
    </div>
</main>

<a wire:navigate.hover title="Sumopaint" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumopaint"
                   hreflang="en">Sumopaint</a>
                            <a wire:navigate.hover title="Sumotunes" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumotunes"
                   hreflang="en">Sumotunes</a>
                            <a wire:navigate.hover title="Sumo3D" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumo3d"
                   hreflang="en">Sumo3D</a>
                            <a wire:navigate.hover title="Sumocode" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumocode"
                   hreflang="en">Sumocode</a>
                            <a wire:navigate.hover title="Sumophoto" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumophoto"
                   hreflang="en">Sumophoto</a>
                            <a wire:navigate.hover title="Sumoaudio" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumoaudio"
                   hreflang="en">Sumoaudio</a>
                            <a wire:navigate.hover title="Sumovideo" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumovideo"
                   hreflang="en">Sumovideo</a>
                            <a wire:navigate.hover title="Sumopixel" class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2"
                   href="https://sumo.app/sumopixel"
                   hreflang="en">Sumopixel</a>
                    </div>

<a wire:navigate.hover title="Features"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/apps"
                   hreflang="en">Features</a>
                            <a wire:navigate.hover title="Works"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/works"
                   hreflang="en">Works</a>
                            <a wire:navigate.hover title="Leaderboards"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/leaderboards"
                   hreflang="en">Leaderboards</a>
                            <a wire:navigate.hover title="Edu"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/edu"
                   hreflang="en">Edu</a>
                    </div>

<div class="flex flex-col p-8 r-sm:w-full r-sm:text-center">
            <h2 title="About"
                class="cursor-default font-size-medium font-bold mb-2">About</h2>

<a wire:navigate.hover title="About"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/about"
                   hreflang="en">About</a>
                            <a wire:navigate.hover title="Contact Us"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/contact"
                   hreflang="en">Contact Us</a>
                            <a wire:navigate.hover title="Forum"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/forum"
                   hreflang="en">Forum</a>
                            <a wire:navigate.hover title="Charity"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/charity"
                   hreflang="en">Charity</a>
                            <a wire:navigate.hover title="Blog"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/blog"
                   hreflang="en">Blog</a>
                    </div>

<div class="flex flex-col p-8 r-sm:w-full r-sm:text-center">
            <h2 title="Technical"
                class="cursor-default font-size-medium font-bold mb-2">Technical</h2>

<a wire:navigate.hover title="Support"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/support"
                   hreflang="en">Support</a>
                            <a wire:navigate.hover title="Terms of Use"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/terms"
                   hreflang="en">Terms of Use</a>
                            <a wire:navigate.hover title="Privacy Policy"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/privacy"
                   hreflang="en">Privacy Policy</a>
                            <a wire:navigate.hover title="API"
                   class="text-lightgrey text-sm hover:text-white py-1 r-md:py-2 capitalize"
                   href="https://sumo.app/api"
                   hreflang="en">API</a>
                    </div>
    </nav>

<div class="background-color-footer-bottom-bar">
        <div class="max-w-7xl mx-auto flex items-center justify-between flex-nowrap h-12 text-lightgrey text-sm px-3">
            <div class="flex">
                <span>Crafted with</span>
                <svg class="translate-y-0.5 mx-2" width="16" height="16" aria-hidden="true" focusable="false" role="img"
                     xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                    <path fill="red"
                          d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path>
                </svg>
                <a wire:navigate.hover title="Sumo Apps" class="text-lightgrey font-bold hover:underline"
                   rel="noopener noreferrer" target="_blank" href="https://sumo.app"
                   hreflang="en">Sumo Apps</a>
            </div>
            <div>
                <a wire:navigate.hover title="Sumo Apps" class="text-lightgrey font-bold hover:underline"
                   rel="noopener noreferrer" target="_blank" href="https://sumo.app"
                   hreflang="en">Sumo Apps</a> &#169;
                <span>2025</span>
            </div>
        </div>
    </div>
</footer>

</body>
</html>

Ответ сервера

HTTP/1.1 200 OK
Server: nginx
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Cache-Control: no-cache, private
Date: Sun, 20 Apr 2025 10:59:08 GMT
Set-Cookie: XSRF-TOKEN=eyJpdiI6ImRURUZubkRhTitGaG5Ia2N6VnNTT1E9PSIsInZhbHVlIjoiaUU2anI0MlQ1bjBGMTZKTUI0aisyOVZWVFN6SE8rRW9vMjd6b3A0UFk4N3pYQmt3MTJHYjZoYU5iVmlWWWtUMHhrUTZsUlpVblp4dHd0VEI2and3dSt0VVRpNklUbTJ3RWYrRHczS3YrZHVMeHFVTmFEak9FMmNCVFBJcDgyeG4iLCJtYWMiOiI4M2JkOTQ1ZmM5NWU4YTExMjAyMGVkODgxYzMzYjk5MmQzMTQ5YTBhOWY0ZjNhYjNjNjgyNDNhNWRlMWQ0YzEyIiwidGFnIjoiIn0%3D; expires=Sun, 20 Apr 2025 12:59:08 GMT; Max-Age=7200; path=/; domain=.sumo.app; secure; samesite=lax
Set-Cookie: sumo_session=eyJpdiI6IjJjakhlVTBPaXNhaVBOVmdTWTRPZ1E9PSIsInZhbHVlIjoiQk5xU0lRRGZDdi9KR0pqL29vdkE2bjZlcGlCSE1MdS9xZy9uRXlIL056Q2N4M2tMclpSUzBRUnlFRkk1Q1VKZUFSY0pyWUgzaXAyZ0FCNUUrZFdYSVlXZkJOY25Md3VxeHRRZ3ZxS3ZvRUFIQzhVYkc4VUs5Q3VuYmI1NXZRTXMiLCJtYWMiOiIyYzMzZmM4ZjE3MDczNDVjNzA0MjkyMWJkN2Q1MWNkZTIyMjJkYTA0MWNmZTdiMWZlMjY3Y2FkMWNmMGNkYzRlIiwidGFnIjoiIn0%3D; expires=Sun, 20 Apr 2025 12:59:08 GMT; Max-Age=7200; path=/; domain=.sumo.app; secure; httponly; samesite=lax
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff