1000 lines
61 KiB
HTML
Executable File
1000 lines
61 KiB
HTML
Executable File
<!doctype html>
|
||
<html lang="en" class="no-js">
|
||
<head>
|
||
<!-- Title and Icon -->
|
||
|
||
<title id="landingTitle">MiroTalk a Free Secure Video Calls, Chat & Screen Sharing.</title>
|
||
<link id="shortcutIcon" rel="shortcut icon" href="../images/logo.svg" />
|
||
<link id="appleTouchIcon" rel="apple-touch-icon" href="../images/logo.svg" />
|
||
|
||
<!-- Meta Information -->
|
||
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
<meta
|
||
name="description"
|
||
content="MiroTalk powered by WebRTC, Real-time Simple Secure Fast video calls, chat and screen sharing capabilities in the browser, from your mobile or desktop."
|
||
/>
|
||
|
||
<!-- https://ogp.me -->
|
||
|
||
<meta property="og:type" content="{{OG_TYPE}}" />
|
||
<meta property="og:site_name" content="{{OG_SITE_NAME}}" />
|
||
<meta property="og:title" content="{{OG_TITLE}}" />
|
||
<meta property="og:description" content="{{OG_DESCRIPTION}}" />
|
||
<meta property="og:image" content="{{OG_IMAGE}}" />
|
||
<meta property="og:url" content="{{OG_URL}}" />
|
||
|
||
<!-- xss -->
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/xss/dist/xss.min.js"></script>
|
||
|
||
<!-- https://cdnjs.com/libraries/font-awesome -->
|
||
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
|
||
|
||
<!-- StyleSheet -->
|
||
|
||
<link rel="stylesheet" href="../css/landing.css" />
|
||
<link rel="stylesheet" href="../css/newcall.css" />
|
||
|
||
<!-- https://animate.style 4 using for swal fadeIn-Out -->
|
||
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
|
||
|
||
<!-- Snow effects -->
|
||
|
||
<link rel="stylesheet" href="../css/snow.css" />
|
||
<script defer src="../js/snow.js"></script>
|
||
|
||
<!-- JavaScripts -->
|
||
|
||
<script async src="../js/stats.js"></script>
|
||
|
||
<!-- sweetalert -->
|
||
|
||
<script defer src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.8"></script>
|
||
|
||
<!-- MiroTalk P2P Widget -->
|
||
|
||
<script defer src="../js/widget.js"></script>
|
||
</head>
|
||
<body class="has-animations">
|
||
<div id="snow-container"></div>
|
||
<div class="body-wrap">
|
||
<header class="site-header reveal-from-top">
|
||
<div class="container">
|
||
<div class="site-header-inner">
|
||
<div class="brand">
|
||
<div class="m-0">
|
||
<a href="/">
|
||
<img src="../images/logo.svg" alt="MiroTalk P2P" width="32" height="32" />
|
||
<!-- <img
|
||
src="../images/mirotalk-mc.png"
|
||
alt="MiroTalk P2P"
|
||
width="96"
|
||
height="auto"
|
||
style="margin-top: 80px"
|
||
/> -->
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<main class="site-content">
|
||
<section class="hero section illustration-section-01">
|
||
<div class="container">
|
||
<div class="hero-inner section-inner">
|
||
<div class="split-wrap invert-mobile">
|
||
<div class="split-item">
|
||
<div class="hero-content split-item-content center-content-mobile">
|
||
<h1
|
||
id="appTitle"
|
||
class="mt-32 mb-16 reveal-from-bottom"
|
||
data-reveal-delay="150"
|
||
>
|
||
MiroTalk<br />Free browser based Real-time video calls.<br />
|
||
Simple, Secure, Fast.
|
||
</h1>
|
||
<p
|
||
id="appDescription"
|
||
class="mt-0 mb-32 reveal-from-bottom"
|
||
data-reveal-delay="300"
|
||
>
|
||
Start your next video call with a single click. No download, plug-in, or
|
||
login is required. Just get straight to talking, messaging, and sharing your
|
||
screen.
|
||
</p>
|
||
</div>
|
||
<style>
|
||
@media (min-width: 641px) {
|
||
.hero .split-wrap .split-item {
|
||
min-height: 492px;
|
||
}
|
||
}
|
||
</style>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="cta section center-content-mobile reveal-from-bottom mb-32">
|
||
<div class="container">
|
||
<div class="cta-inner section-inner cta-split br-12">
|
||
<div class="cta-slogan">
|
||
<h3 id="appJoinDescription" class="m-0">
|
||
Pick a room name.<br />
|
||
How about this one?
|
||
</h3>
|
||
</div>
|
||
<div class="cta-action">
|
||
<div class="mb-0">
|
||
<label class="form-label screen-reader" for="roomName">MiroTalk-P2P</label>
|
||
<div class="form-group-desktop">
|
||
<div class="room-input-wrap">
|
||
<input
|
||
id="roomName"
|
||
class="form-input"
|
||
type="text"
|
||
value="mirotalk"
|
||
maxlength="32"
|
||
/>
|
||
<button
|
||
id="genRoomButton"
|
||
class="room-gen-btn fas fa-arrows-rotate"
|
||
></button>
|
||
</div>
|
||
<button id="joinRoomButton" class="button button-primary br-6">
|
||
Join Room
|
||
</button>
|
||
</div>
|
||
<div class="mt-16">
|
||
<button
|
||
id="customizeRoomButton"
|
||
class="button button-custom-room button-block br-6"
|
||
>
|
||
Customize Room
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div id="lastRoomContainer" class="last-room">
|
||
<span id="appJoinLastRoom">Your recent room:</span>
|
||
<a id="lastRoom"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="topSponsors" class="clients section">
|
||
<div class="container">
|
||
<div class="clients-inner section-inner has-animations has-top-divider">
|
||
<h3 class="tac">This project is proudly sponsored by</h3>
|
||
<ul class="list-reset">
|
||
<li class="reveal-from-left" data-reveal-delay="150">
|
||
<a
|
||
class="sponsor-link"
|
||
href="https://recall.ai/?utm_source=mirotalkp2p&utm_medium=sponsorship"
|
||
target="_blank"
|
||
data-umami-event="RecallButton"
|
||
>
|
||
<div class="clients-logo">
|
||
<img
|
||
class="clients-size-logo"
|
||
src="../sponsors/RecallAI.svg"
|
||
alt="Recall.ai"
|
||
/>
|
||
</div>
|
||
<div class="mt-16 tac">
|
||
<span class="blue">Recall.ai</span>
|
||
– an API for recording Zoom, Google Meet, Microsoft Teams, and in-person
|
||
meetings.
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="features" class="features-tiles section center-content mt-32">
|
||
<div class="container">
|
||
<div class="features-tiles-inner section-inner has-top-divider">
|
||
<div class="section-header">
|
||
<div class="container-xs reveal-from-bottom" data-reveal-delay="650">
|
||
<h2 class="mt-0 mb-16">
|
||
Unlimited number of conference rooms without call time limitation
|
||
</h2>
|
||
<p class="m-0">
|
||
MiroTalk is built radically differently. We left behind slow bulky servers,
|
||
opting for peer-to-peer calling. We engineered a platform with maximum video
|
||
quality lowest latency that makes your calls crystal clear.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-wrap">
|
||
<div class="tiles-item reveal-from-right">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/screenSharing.svg"
|
||
alt="Screen Sharing"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Screen Sharing</h4>
|
||
<p class="m-0 text-sm">
|
||
Share your screen, application window, present your documents, slides
|
||
and more. Up to 8k resolution and speed up to 60fps.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-left">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/webcamStreaming.svg"
|
||
alt="WebCam Streaming"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">WebCam Streaming</h4>
|
||
<p class="m-0 text-sm">
|
||
Having the webcam on, allows participants to make a deeper connection
|
||
with you. Up to 8k resolution and speed up to 60fps.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-right">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img class="wh-200-150" src="../svg/webcamChat.svg" alt="Chat Room" />
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Chat Room</h4>
|
||
<p class="m-0 text-sm">
|
||
Chat with others in the meeting, either public chat or private, save the
|
||
meeting messages. An integrated emoji picker to show your feeling.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-left">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/recordingMeeting.svg"
|
||
alt="Meeting Recording"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Meeting Recording</h4>
|
||
<p class="m-0 text-sm">
|
||
Record your Screen, WebCam and Audio. Save it for use in the future or
|
||
to share with others.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-right">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/interactiveWhitboard.svg"
|
||
alt="Interactive Whiteboard"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Interactive Whiteboard</h4>
|
||
<p class="m-0 text-sm">
|
||
Advanced collaborative whiteboard to draw and explain your concepts to
|
||
the other participants in the meeting.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-left">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/fileSharing.svg"
|
||
alt="File Sharing"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">File Sharing</h4>
|
||
<p class="m-0 text-sm">
|
||
Share any types of files to all participants in the meeting, in total
|
||
security, thanks to Datagram Transport Layer Security (DTLS).
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-left">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img class="wh-200-150" src="../svg/chatgpt.svg" alt="ChatGPT" />
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">ChatGPT</h4>
|
||
<p class="m-0 text-sm">
|
||
ChatGPT for answering questions, providing information, and connecting
|
||
users to relevant resources.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-left">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img class="wh-200-150" src="../svg/api.svg" alt="Rest API" />
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Rest API</h4>
|
||
<p class="m-0 text-sm">
|
||
Seamlessly integrate and power your applications with ease. Quick setup
|
||
and top-tier support.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-right">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/totalPrivacy.svg"
|
||
alt="Total Privacy"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Total Privacy</h4>
|
||
<p class="m-0 text-sm">
|
||
Data stays between you and your participants. MiroTalk doesn't collect
|
||
or share personal information. It's built for privacy first.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-item reveal-from-left">
|
||
<div class="tiles-item-inner">
|
||
<div class="features-tiles-item-header">
|
||
<div class="features-tiles-item-image mb-16">
|
||
<img
|
||
class="wh-200-150"
|
||
src="../svg/maximumSecurity.svg"
|
||
alt="Maximum Security"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="features-tiles-item-content">
|
||
<h4 class="mt-0 mb-8">Maximum Security</h4>
|
||
<p class="m-0 text-sm">
|
||
End-to-end state-of-the-art encryption means your participants are
|
||
exactly that. Your calls.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="browsers" class="team section center-content">
|
||
<div class="container">
|
||
<div class="team-inner section-inner has-top-divider">
|
||
<div class="section-header center-content reveal-from-bottom">
|
||
<div class="container-xs">
|
||
<h2 class="mt-0 mb-16">Supported Browsers</h2>
|
||
</div>
|
||
</div>
|
||
<div class="tiles-wrap">
|
||
<div class="tiles-item reveal-from-bottom">
|
||
<div class="tiles-item-inner">
|
||
<div class="team-item-header">
|
||
<div class="team-item-image mb-24">
|
||
<img
|
||
src="../images/browsers.png"
|
||
alt="Supported Browsers"
|
||
width="auto"
|
||
height="auto"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="team-item-content">
|
||
<h5 class="team-item-name mt-0 mb-4">
|
||
Chrome, Edge, Firefox, Opera, Safari, Brave and more.
|
||
</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="teams" class="team section center-content">
|
||
<div class="container">
|
||
<div class="team-inner section-inner has-top-divider">
|
||
<div class="section-header center-content reveal-from-bottom">
|
||
<div class="container-xs">
|
||
<h2 class="mt-0 mb-16">Meet the team</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tiles-wrap">
|
||
<!-- Author -->
|
||
<div class="tiles-item reveal-from-bottom">
|
||
<div class="tiles-item-inner">
|
||
<div class="team-item-header">
|
||
<div class="team-item-image mb-24">
|
||
<img
|
||
src="../images/miroslav-pejic.png"
|
||
alt="Team member author"
|
||
width="180"
|
||
height="180"
|
||
class="rounded-image"
|
||
/>
|
||
</div>
|
||
</div>
|
||
<div class="team-item-content">
|
||
<a
|
||
target="_blank"
|
||
href="https://www.linkedin.com/in/miroslav-pejic-976a07101/"
|
||
>
|
||
<h5 class="team-item-name mt-0 mb-4">Miroslav Pejic</h5>
|
||
</a>
|
||
<div class="team-item-role text-xxs fw-500 tt-u text-color-primary mb-8">
|
||
Full Stack Developer
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="tryEasier" class="section">
|
||
<div class="container">
|
||
<div class="section-inner has-top-divider">
|
||
<div class="container-xs">
|
||
<div class="section-header center-content">
|
||
<h2 class="m-0">Try an easier, more secure way of calling.</h2>
|
||
</div>
|
||
<div class="center-content">
|
||
<a class="button button-custom button-wide-mobile br-6 pulse" href="/newcall"
|
||
>Try now</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="poweredBy" class="clients section">
|
||
<div class="container">
|
||
<h4 class="mt-24 powered-by">Powered by</h4>
|
||
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
||
<ul class="list-reset">
|
||
<li class="reveal-from-top" data-reveal-delay="150">
|
||
<div class="clients-logo">
|
||
<a href="https://hetzner.cloud/?ref=XdRifCzCK3bn" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/Hetzner.png"
|
||
alt="Powered by Hetzner"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="200">
|
||
<div class="clients-logo">
|
||
<a href="https://www.netcup.com/en/?ref=309627" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/Netcup.png"
|
||
alt="Powered by Netcup"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="250">
|
||
<div class="clients-logo">
|
||
<a href="https://www.dpbolvw.net/click-101027391-14462707" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../advertisers/ContaboLogo.png"
|
||
alt="Powered by Contabo"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="sponsors" class="clients section">
|
||
<div class="container">
|
||
<h2 class="mt-24 tac">Current sponsors</h2>
|
||
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
||
<ul class="list-reset">
|
||
<li class="reveal-from-top" data-reveal-delay="150">
|
||
<div class="clients-logo">
|
||
<a href="https://cloudron.io" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/Cloudron.png"
|
||
alt="Cloudron"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="200">
|
||
<div class="clients-logo">
|
||
<a href="https://effectssdk.ai" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/EffectsSDK-logo.png"
|
||
alt="EffectsSDK"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="250">
|
||
<div class="clients-logo">
|
||
<a href="https://www.questionpro.com" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/QuestionPro.png"
|
||
alt="QuestionPro"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="300">
|
||
<div class="clients-logo">
|
||
<a
|
||
href="https://www.testmuai.com/?utm_medium=sponsor&utm_source=mirotalk"
|
||
target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/TestMuAIWhite.svg"
|
||
alt="TestMuAI"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="350">
|
||
<div class="clients-logo">
|
||
<a href="https://www.browserstack.com" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/BrowserStack.png"
|
||
alt="BrowserStack"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="400">
|
||
<div class="clients-logo">
|
||
<a href="https://crystalsound.ai" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/CrystalSound.png"
|
||
alt="CrystalSound"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="450">
|
||
<div class="clients-logo">
|
||
<a href="https://www.netcup.com/en/?ref=309627" target="_blank"
|
||
><img class="clients-size-logo" src="../sponsors/Netcup.png" alt="Netcup"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="pastSponsors" class="clients section">
|
||
<div class="container">
|
||
<div class="past-sponsors-header tac mt-24">
|
||
<button
|
||
id="pastSponsorsToggle"
|
||
class="past-sponsors-toggle"
|
||
type="button"
|
||
aria-controls="pastSponsorsContent"
|
||
aria-expanded="false"
|
||
>
|
||
<span class="past-sponsors-toggle-label">Previous Sponsors</span>
|
||
<span class="past-sponsors-toggle-hint">Click or tap to view</span>
|
||
<i class="fa-solid fa-chevron-down past-sponsors-toggle-icon" aria-hidden="true"></i>
|
||
</button>
|
||
</div>
|
||
<div
|
||
id="pastSponsorsContent"
|
||
class="clients-inner section-inner has-animations has-top-divider has-bottom-divider"
|
||
>
|
||
<ul class="list-reset">
|
||
<li class="reveal-from-top" data-reveal-delay="150">
|
||
<div class="clients-logo">
|
||
<a href="https://hetzner.cloud/?ref=XdRifCzCK3bn" target="_blank"
|
||
><img class="clients-size-logo" src="../sponsors/Hetzner.png" alt="Hetzner"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="200">
|
||
<div class="clients-logo">
|
||
<a href="https://kiquix.com" target="_blank"
|
||
><img class="clients-size-logo" src="../sponsors/Kiquix.png" alt="Kiquix"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="250">
|
||
<div class="clients-logo">
|
||
<a href="https://broadcastx.de/" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/BroadcastX.png"
|
||
alt="BroadcastX"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="300">
|
||
<div class="clients-logo">
|
||
<a id="adultCnt" class="cp"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../sponsors/LuvLounge.png"
|
||
alt="LuvLounge"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="advertisers" class="clients section">
|
||
<div class="container">
|
||
<h2 class="mt-24 tac">Our advertisers</h2>
|
||
<div class="clients-inner section-inner has-animations has-top-divider has-bottom-divider">
|
||
<ul class="list-reset">
|
||
<li class="reveal-from-top" data-reveal-delay="150">
|
||
<div class="clients-logo">
|
||
<a href="https://www.dpbolvw.net/click-101027391-14462707" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../advertisers/Contabo.png"
|
||
alt="Contabo"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="200">
|
||
<div class="clients-logo">
|
||
<a href="https://hostinger.com/?REFERRALCODE=MIROTALK" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../advertisers/Hostinger.png"
|
||
alt="Hostinger"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
<li class="reveal-from-top" data-reveal-delay="250">
|
||
<div class="clients-logo">
|
||
<a href="https://rambox.app?via=mirotalk" target="_blank"
|
||
><img
|
||
class="clients-size-logo"
|
||
src="../advertisers/Rambox.png"
|
||
alt="Rambox"
|
||
/></a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="supportUs" class="cta section mt-24 mb-24">
|
||
<div class="container">
|
||
<div class="cta-inner section-inner br-12 has-animations">
|
||
<div class="support-us-content">
|
||
<div class="support-icon">
|
||
<i class="fas fa-heart heartbeat"></i>
|
||
</div>
|
||
<h2 class="section-title mt-0">Support MiroTalk P2P</h2>
|
||
<p class="section-paragraph mt-16">
|
||
MiroTalk P2P is a free, open-source project under AGPLv3 license. Your support helps
|
||
us maintain servers, add new features, and keep the service free for everyone. Every
|
||
contribution matters!
|
||
</p>
|
||
|
||
<!-- Support Options -->
|
||
<div class="support-options mt-24">
|
||
<!-- CodeCanyon -->
|
||
<a
|
||
href="https://codecanyon.net/user/miroslavpejic85"
|
||
target="_blank"
|
||
class="support-card reveal-from-bottom"
|
||
data-reveal-delay="150"
|
||
data-umami-event="CodeCanyonSupport"
|
||
>
|
||
<div class="support-card-icon">
|
||
<svg height="28" width="28" viewBox="0 0 24 24" fill="#82B541">
|
||
<path
|
||
d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.5 16.5h-11v-9h11v9z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<h5 class="support-card-title-small">CodeCanyon</h5>
|
||
<p class="support-card-description-small">Buy commercial license</p>
|
||
</a>
|
||
|
||
<!-- PayPal -->
|
||
<a
|
||
href="https://www.paypal.com/donate/?hosted_button_id=TW833WU7EUPHJ"
|
||
target="_blank"
|
||
class="support-card reveal-from-bottom"
|
||
data-reveal-delay="200"
|
||
data-umami-event="PayPalSupport"
|
||
>
|
||
<div class="support-card-icon">
|
||
<svg height="28" width="28" viewBox="0 0 24 24" fill="#0070BA">
|
||
<path
|
||
d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.76-4.852a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.746-4.46z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<h5 class="support-card-title-small">PayPal</h5>
|
||
<p class="support-card-description-small">One-time donation</p>
|
||
</a>
|
||
|
||
<!-- Stripe -->
|
||
<a
|
||
href="https://buy.stripe.com/9B614m93Lg4L4Ag3Eabsc02"
|
||
target="_blank"
|
||
class="support-card reveal-from-bottom"
|
||
data-reveal-delay="250"
|
||
data-umami-event="StripeSupport"
|
||
>
|
||
<div class="support-card-icon">
|
||
<svg height="28" width="28" viewBox="0 0 24 24" fill="#635BFF">
|
||
<path
|
||
d="M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<h5 class="support-card-title-small">Stripe</h5>
|
||
<p class="support-card-description-small">Donate via credit card</p>
|
||
</a>
|
||
|
||
<!-- GitHub Sponsors -->
|
||
<a
|
||
href="https://github.com/sponsors/miroslavpejic85"
|
||
target="_blank"
|
||
class="support-card reveal-from-bottom"
|
||
data-reveal-delay="300"
|
||
data-umami-event="GitHubSponsorsSupport"
|
||
>
|
||
<div class="support-card-icon">
|
||
<svg height="28" width="28" viewBox="0 0 16 16" fill="#ffffff">
|
||
<path
|
||
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<h5 class="support-card-title-small">GitHub Sponsors</h5>
|
||
<p class="support-card-description-small">Monthly recurring donation</p>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="support-footer">
|
||
<p class="text-sm mb-0">
|
||
<strong>Other ways to help:</strong>
|
||
<span class="mlroomAction-8" title="Star on GitHub">
|
||
<i class="fab fa-github"></i> Star us
|
||
</span>
|
||
<span class="mx-8">|</span>
|
||
<span title="Spread the word"> <i class="fas fa-bullhorn"></i> Share </span>
|
||
<span class="mx-8">|</span>
|
||
<span title="Contribute code"> <i class="fas fa-code"></i> Contribute </span>
|
||
</p>
|
||
<p class="text-sm mt-8 mb-0">
|
||
<strong>Join our community:</strong>
|
||
<a
|
||
href="https://discord.gg/rgGYfeYW3N"
|
||
target="_blank"
|
||
class="blue ml-4"
|
||
data-umami-event="DiscordCommunity"
|
||
title="Join Discord Forum"
|
||
>
|
||
<i class="fab fa-discord"></i> Discord Forum
|
||
</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer id="footer" class="site-footer center-content-mobile">
|
||
<div class="container">
|
||
<div class="site-footer-inner">
|
||
<div class="footer-top space-between text-xxs">
|
||
<div class="brand">
|
||
<a href="/"><img src="../images/logo.svg" alt="Neon" width="32" height="32" /></a>
|
||
</div>
|
||
<div class="footer-social">
|
||
<ul class="list-reset">
|
||
<li class="footer-social-icon">
|
||
<a target="_blank" href="https://discord.gg/rgGYfeYW3N">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 16 16"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<title>Forum</title>
|
||
<path
|
||
d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="footer-social-icon">
|
||
<a target="_blank" href="https://www.facebook.com/mirotalk">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 16 16"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<title>Facebook</title>
|
||
<path
|
||
d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="footer-social-icon">
|
||
<a target="_blank" href="https://www.linkedin.com/company/mirotalk">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 16 16"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<title>LinkedIn</title>
|
||
<path
|
||
d="M1.146 0C.513 0 0 .526 0 1.175v13.65C0 15.487.513 16 1.146 16h13.708c.633 0 1.146-.513 1.146-1.175V1.175C16 .526 15.487 0 14.854 0H1.146ZM4.75 13.5H2.5V6.25h2.25V13.5ZM3.625 5.25a1.313 1.313 0 1 1 0-2.625 1.313 1.313 0 0 1 0 2.625Zm9.875 8.25h-2.25V9.969c0-.922-.016-2.11-1.286-2.11-1.288 0-1.485 1.005-1.485 2.044V13.5h-2.25V6.25h2.16v.991h.03c.3-.57 1.036-1.171 2.133-1.171 2.281 0 2.703 1.502 2.703 3.455V13.5Z"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="footer-social-icon">
|
||
<a target="_blank" href="https://www.youtube.com/watch?v=_IVn2aINYww">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
>
|
||
<title>YouTube</title>
|
||
<path
|
||
d="M21.582,6.186c-0.23-0.86-0.908-1.538-1.768-1.768C18.254,4,12,4,12,4S5.746,4,4.186,4.418 c-0.86,0.23-1.538,0.908-1.768,1.768C2,7.746,2,12,2,12s0,4.254,0.418,5.814c0.23,0.86,0.908,1.538,1.768,1.768 C5.746,20,12,20,12,20s6.254,0,7.814-0.418c0.861-0.23,1.538-0.908,1.768-1.768C22,16.254,22,12,22,12S22,7.746,21.582,6.186z M10,15.464V8.536L16,12L10,15.464z"
|
||
fill="#0270D7"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="footer-social-icon">
|
||
<a target="_blank" href="mailto:miroslav.pejic.85@gmail.com">
|
||
<svg
|
||
width="16"
|
||
height="16"
|
||
viewBox="0 0 16 16"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<title>Email</title>
|
||
<path
|
||
d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z"
|
||
fill="#0270D7"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<!-- https://buttons.github.io/ -->
|
||
<a
|
||
class="github-button"
|
||
href="https://github.com/sponsors/miroslavpejic85"
|
||
data-color-scheme="no-preference: light; light: light; dark: dark;"
|
||
data-icon="octicon-heart"
|
||
data-size="large"
|
||
aria-label="Sponsor @miroslavpejic85 on GitHub"
|
||
>Sponsor</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a
|
||
class="github-button"
|
||
href="https://github.com/miroslavpejic85/mirotalk"
|
||
data-color-scheme="no-preference: light; light: light; dark: dark;"
|
||
data-size="large"
|
||
data-show-count="true"
|
||
aria-label="Star miroslavpejic85/mirotalk on GitHub"
|
||
>Star</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom space-between text-xxs invert-order-desktop">
|
||
<nav class="footer-nav">
|
||
<ul class="list-reset">
|
||
<li>
|
||
<a href="/about">About</a>
|
||
</li>
|
||
<li>
|
||
<a href="/privacy">Privacy Policy</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://p2p.mirotalk.com/api/v1/docs/">Rest API</a>
|
||
</li>
|
||
<li>
|
||
<a target="_blank" href="https://www.linkedin.com/in/miroslav-pejic-976a07101/"
|
||
>Contact: Miroslav Pejic</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="footer-copyright">© 2026 MiroTalk, all rights reserved</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
<script defer src="../js/utils.js"></script>
|
||
<script defer src="../js/common.js"></script>
|
||
<script defer src="../js/brand.js"></script>
|
||
<script defer src="../js/landing.js"></script>
|
||
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
||
</body>
|
||
</html>
|