selfprivacy-frontend/en/index.html

384 lines
11 KiB
HTML
Executable File

<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="../font/stylesheet.css">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/main.css">
<link rel="icon" type="image/png" href="../favicon.png" />
<meta name="theme-color" content="#fafafa">
</head>
<body>
<!-- Add your site or application content here -->
<div class="nav">
<div class="flex-box-wrap max-width">
<div class="w-25">
<div class="nav-logo-box">
<img src="../img/Logo.png" href="./index.html" alt="">
</div>
</div>
<div class="w-50">
<div>
<a class="telegram-btn" href="https://t.me/selfprivacy">
Telegram
</a>
</div>
</div>
<div class="w-25">
<div class="flex-box-wrap jc-fe">
<a href="https://selfprivacy.org/en/index.html">en</a>
<a href="https://selfprivacy.org/">ru</a>
<a class="nav-yellow-link" href="https://social.selfprivacy.org">
<img src="../img/Twitter%20Logo.svg" alt="">
</a>
<a class="nav-yellow-link" href="https://git.selfprivacy.org">
<img src="../img/Vector.svg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="hero">
<div class="max-width">
<div class="flex-box-wrap flex-wrap">
<div class="hero-first-block ">
<div class="hero-img-box">
<img src="../img/Illustration.svg" alt="">
</div>
</div>
<div class="hero-second-block">
<p class="paragraph">
Platform on user's hosting provider, managed via mobile application.
</p>
<div class="img-box-slider">
<div class="side-screens">
<img src="../img/screenshot1.png" alt="img">
</div>
<div>
<img src="../img/screenshot2.png" alt="img">
</div>
<div>
<video autoplay loop width=100%>
<source src="https://selfprivacy.org/img/SFPresentation.mp4" type=video/mp4>
</video>
</div>
<div>
<img src="../img/screenshot4.png" alt="img">
</div>
<div class="side-screens">
<img src="../img/screenshot5.png" alt="img">
</div>
</div>
</div>
<div class="hero-third-block">
<a class="download-btn" href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/">Get it on F-Droid</a>
<a class="download-btn color-grey" href="second.html">Detailed manual</a>
<p class="paragraph"><a class="git-link" href="https://git.selfprivacy.org">Project source in the
git-repo</a><br />http://git.selfprivacy.org</p>
</div>
</div>
</div>
</div>
<div class="margin-16 boxes">
<div class="max-width">
<h2>
Your personal services
</h2>
<div class="flex-box-wrap flex-wrap jc-sb">
<div class="text-box">
<p class="top-p">
E-Mail
</p>
<p class="bottom-p">
For the company or family. Unlimited mailboxes amount.
</p>
</div>
<div class="text-box">
<p class="top-p">
Messenger
</p>
<p class="bottom-p">
The most private messenger
is the messenger, which server part resides on your own server. That's what makes Delta.Chat
more private then Telegram or Signal.
</p>
</div>
<div class="text-box">
<p class="top-p">
Password Manager
</p>
<p class="bottom-p">
No more need to design, remember and manually input your passwords.
<br>
<br>
Bitwarden — reliable password manager for all of your devices.
</p>
</div>
<div class="text-box">
<p class="top-p">
Cloud storage
</p>
<p class="bottom-p">
Nextcloud — private
and functional replacement
of Dropbox and G-drive.
</p>
</div>
<div class="text-box">
<p class="top-p">
Videomeet
</p>
<p class="bottom-p">
No more need in Zoom and Google-meet, when there's Jitsi-meet around. Simple and handy solution for videoconferences.
</p>
</div>
<div class="text-box">
<p class="top-p">
Git repository
</p>
<p class="bottom-p">
Gitea is a great Github alternative, that belongs to you,
but not to Microsoft.
</p>
</div>
<div class="text-box">
<p class="top-p custom-p">
VPN for all of your friends and relatives devices
</p>
<p class="bottom-p">
No public VPN
can be private,
but only those, deployed on your own server.
OpenConnect
— connect unlimited amount of devices.
</p>
</div>
<div class="text-box">
<p class="top-p">
Decentralized social network
</p>
<p class="bottom-p">
Pleroma is a social network where you decide who to ban and what to post. No more advertisments and tracking.
</p>
</div>
</div>
</div>
</div>
<div class="margin-16 ">
<div class="max-width">
<h2 class="second">Advantages</h2>
<div class="flex-box-wrap flex-wrap jc-sb">
<div class="big-box">
<div class="blue-box">
<div>
<p>
Zero trust
</p>
<p>
SelfPrivacy is designed according to "zero trust" concept, even in relation to SelfPrivacy developers.
It means that you're the only owner of your data.
</p>
</div>
<div>
<p>
Simplicity
</p>
<p>
It just works. No console, complicated manuals, monitoring and staff involvement.
</p>
</div>
<div>
<p>
Functionality
</p>
<p>
Your data won't disappear without any trace due to regular backups into the
separate datacenter.
</p>
</div>
</div>
</div>
<div class="big-box">
<div class="text-image-box">
<img src="../img/cd-icon.png" alt="icon">
<p class="top-p">
Data control
</p>
<p class="bottom-p">
Why corporations need your data?
To make you buy more and vote as they want.
With SelfPrivacy, your data is only in your hands.
</p>
</div>
<div class="text-image-box">
<img src="../img/shield-icon.png" alt="icon">
<p class="top-p">
Security
</p>
<p class="bottom-p">
Open source. Reward of $1000 for found RCE vulnerability drastically rises security
in comparison with other self-hosted solutions.
</p>
</div>
</div>
<div class="big-box">
<div class="text-image-box">
<img src="../img/list-icon.png" alt="icon">
<p class="top-p">
No license agreements
</p>
<p class="bottom-p">
What do you allow to do with your data, while agreeing to license agreements without reading?
You allow to do anything that companies want.
SelfPrivacy has no license agreements.
</p>
</div>
<div class="text-image-box">
<img src="../img/like-icon.png" alt="icon">
<p class="top-p">
Save&nbsp;your time&nbsp;and&nbsp;money
</p>
<p class="bottom-p">
How to save $500 or two weeks of your life?
How much time and money will specialist require to setup everything of that from the very beginning?
<br><br>
SelfPrivacy team works hard to speed up and simplify this process to the few clicks.
<br><br>
Now anyone will be capable of setting up their own DC.
</p>
</div>
</div>
<div class="big-box">
<div class="text-image-box">
<img src="../img/ind-icon.png" alt="icon">
<p class="top-p">
Independency
</p>
<p class="bottom-p">
Your communications on the internet no longer depend on Google, Facebook, Amazon and others E-Corps.
<br><br>
Your services — your rules!
You won't be banned for any reason. Your infrastructure and data
will always be with you.
</p>
</div>
<div class="text-image-box">
<img src="../img/eye-icon.png" alt="icon">
<p class="top-p">
Privacy
</p>
<p class="bottom-p">
No registration, cookies, telemetry, logs, analytics, clouds.
</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<a href="https://social.selfprivacy.org">
<img src="../img/Twitter-Logo.svg" alt="">
</a>
<a href="https://t.me/selfprivacy">
<img src="img/Telegram%20Logo.svg" alt="">
</a>
<a href="https://git.selfprivacy.org">
<img src="../img/GitHub%20Logo.svg" alt="">
</a>
</footer>
<!--<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
-->
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!--<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>-->
</body>
</html>