293 lines
12 KiB
HTML
Executable File
293 lines
12 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>У вас всегда есть выбор!</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- Facebook and Twitter integration -->
|
||
<meta property="og:title" content=""/>
|
||
<meta property="og:image" content=""/>
|
||
<meta property="og:url" content=""/>
|
||
<meta property="og:site_name" content=""/>
|
||
<meta property="og:description" content=""/>
|
||
<meta name="twitter:title" content="" />
|
||
<meta name="twitter:image" content="" />
|
||
<meta name="twitter:url" content="" />
|
||
<meta name="twitter:card" content="" />
|
||
|
||
<!-- Animate.css -->
|
||
<link rel="stylesheet" href="css/animate.css">
|
||
<!-- Icomoon Icon Fonts-->
|
||
<link rel="stylesheet" href="css/icomoon.css">
|
||
<!-- Bootstrap -->
|
||
<link rel="stylesheet" href="css/bootstrap.css">
|
||
|
||
<!-- Magnific Popup -->
|
||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||
|
||
<!-- Flexslider -->
|
||
<link rel="stylesheet" href="css/flexslider.css">
|
||
|
||
<!-- Theme style -->
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
<!-- Modernizr JS -->
|
||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||
<!-- FOR IE9 below -->
|
||
<!--[if lt IE 9]>
|
||
<script src="js/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<div class="fh5co-loader"></div>
|
||
|
||
<div id="page">
|
||
<nav class="fh5co-nav" role="navigation">
|
||
<div class="container-wrap">
|
||
<div class="top-menu">
|
||
<div class="row">
|
||
<div class="col-xs-2">
|
||
<div id="fh5co-logo"><a href="index.html">Главная</a></div>
|
||
</div>
|
||
<div class="col-xs-10 text-right menu-1">
|
||
<ul>
|
||
<li class="active"><a href="index.html">Главная</a></li>
|
||
<li><a href="social.html">Соцсети</a></li>
|
||
<li><a href="im.html">Мессенджеры</a></li>
|
||
<li><a href="mail.html">Почтовые сервисы</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<div class="container-wrap">
|
||
<aside id="fh5co-hero">
|
||
<div class="flexslider">
|
||
<ul class="slides">
|
||
<li style="background-image: url(images/silovik.png);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 col-md-pull-3 slider-text">
|
||
<div class="slider-text-inner">
|
||
<h1>Огорчи силовика <br> — удаляйся из ВК!</h1>
|
||
<h2>Привычные централизованные соцсети не защитят вас от беспредела и слежки</h2></font>
|
||
<p><a class="btn btn-primary btn-demo" href="https://phreedom.tk/about#new_user"></i>Сбежать</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать подробности</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li style="background-image: url(images/zuker.jpg);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 col-md-push-3 slider-text">
|
||
<div class="slider-text-inner">
|
||
<h1>Надоело быть товаром?</h1>
|
||
<h2>Вконтакте, Facebook, Instagram — цинично торгуют своими пользователями. Вы - товар!</h2>
|
||
<p><a class="btn btn-primary btn-demo" href="https://mastodon.ml/about#new_user"></i>Освободиться</a> <a class="bgtn btn-primary btn-learn" href="info.html">Узнать подробности</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li style="background-image: url(images/img_bg_3.jpg);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container-fluids">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 slider-text">
|
||
<div class="slider-text-inner text-center">
|
||
<h1>Что делать с корпоративной слежкой?</h1>
|
||
<h2>Корпорации Mail.ru (ВК, OK, Mail), Facebook (Instagram, WhatsApp) и Google следят за вами.</h2>
|
||
<p><a class="btn btn-primary btn-demo" href="https://va11hal.la/about#new_user"></i>Спрятаться</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать больше</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li style="background-image: url(images/img_bg_4.jpg);">
|
||
<div class="overlay-gradient"></div>
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3 col-md-push-3 slider-text">
|
||
<div class="slider-text-inner">
|
||
<h1>Стать невидимкой, но только для Большого Брата</h1>
|
||
<h2>Общайтесь с друзьями, не подвергаясь цензуре и слежке!</h2>
|
||
<p><a class="btn btn-primary btn-demo" href="https://lor.sh/about#new_user"></i>Приступить</a> <a class="btn btn-primary btn-learn" href="info.html">Узнать больше</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</aside>
|
||
<div id="fh5co-services">
|
||
<div class="row">
|
||
<div class="col-md-4 text-center animate-box">
|
||
<div class="services">
|
||
<span class="icon">
|
||
<i class="icon-diamond"></i>
|
||
</span>
|
||
<div class="desc">
|
||
<h3><a href="#">Абсолютная взаимосвязанность</a></h3>
|
||
<p> У каждого есть свой предпочтительный формат общения — кто-то любит потоки молниеносных сообщений Твиттера, кто-то сложный формат взаимодействия ВК и Facebook,
|
||
кто-то предпочитает видео или фото... Теперь представьте, что из Твиттера вы можете комментировать/лайкать/репостить посты YouTube, Instagram, ВК, а авторы,
|
||
вещающие в удобном для них формате, оттуда вам отвечают, поддерживая полноценное общение, и никуда не надо перелогиниваться. Удобно? <b>У нас так можно.</b></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 text-center animate-box">
|
||
<div class="services">
|
||
<span class="icon">
|
||
<i class="icon-lab2"></i>
|
||
</span>
|
||
<div class="desc">
|
||
<h3><a href="#">Неподцензурность пользователя</a></h3>
|
||
<p>А представьте, что у вас возник конфликт с администрацией вашей любимой сети, ваши сообщения удаляют, аккаунт блокируют. И заново зайти в привычный уже Вконтакте/Facebook
|
||
— в лучшем случае через долгое унижение в чате техподдержки, фотографии паспорта и прочую дурь. Хотелось бы вам в этом случае просто по щелчку мышки зайти в "другой" ВК/FB
|
||
и продолжить общение с теми же друзьями, обсуждать те же темы, но уже в недосягаемости от обозлённой администрации?<b> У нас так можно.</b> И даже больше — никто не мешает самому
|
||
стать полновластным админом (при наличии минимальной технической подготовки).</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 text-center animate-box">
|
||
<div class="services">
|
||
<span class="icon">
|
||
<i class="icon-settings"></i>
|
||
</span>
|
||
<div class="desc">
|
||
<h3><a href="#">Сеть, как она была задумана</a></h3>
|
||
<p>Огромное количество равноправных серверов, прозрачно взаимодействующих между собой. Пользователи и администраторы взаимодействуют на равных и обладают равными правами.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="fh5co-work" class="fh5co-light-grey">
|
||
<div class="row animate-box">
|
||
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
|
||
<h2>Альтернатива</h2>
|
||
<p>Мы предлагаем свободные альтернативы популярным сервисам, сделанные людьми и для людей, а не корпорациями для рабов.</p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-4 text-center animate-box">
|
||
<a href="social.html#mastodon" class="work" style="background-image: url(images/mastodon.png);">
|
||
<div class="desc">
|
||
<h3>Mastodon</h3>
|
||
<span>Вместо Твиттера</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4 text-center animate-box">
|
||
<a href="social.html#friendica" class="work" style="background-image: url(images/frendica.png);">
|
||
<div class="desc">
|
||
<h3>Friendica</h3>
|
||
<span>Вместо Facebook и ВК</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-4 text-center animate-box">
|
||
<a href="social.html#pixelfed" class="work" style="background-image: url(images/pixelfed.png);">
|
||
<div class="desc">
|
||
<h3>PixelFed</h3>
|
||
<span>Вместо Instagram</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container-wrap">
|
||
<footer id="fh5co-footer" role="contentinfo">
|
||
<div class="row">
|
||
<div class="col-md-3 fh5co-widget">
|
||
<h4>About </h4>
|
||
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
|
||
</div>
|
||
<div class="col-md-3 col-md-push-1">
|
||
<h4>info1</h4>
|
||
<ul class="fh5co-footer-links">
|
||
<li><a href="#">1</a></li>
|
||
<li><a href="#">2</a></li>
|
||
<li><a href="#">3</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-3 col-md-push-1">
|
||
<h4>Links</h4>
|
||
<ul class="fh5co-footer-links">
|
||
<li><a href="#">Home</a></li>
|
||
<li><a href="#">Work</a></li>
|
||
<li><a href="#">Services</a></li>
|
||
<li><a href="#">Blog</a></li>
|
||
<li><a href="#">About us</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-3">
|
||
<h4>Contact Information</h4>
|
||
<ul class="fh5co-footer-links">
|
||
<li><a href="#">aaaaa</a></li>
|
||
<li><a href="#">bbbbb</a></li>
|
||
<li><a href="#">cccc</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row copyright">
|
||
<div class="col-md-12 text-center">
|
||
<p>
|
||
<small class="block">Copyleft (CC4.0-BY-SA) Tolstoevsky</small>
|
||
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
|
||
</p>
|
||
<p>
|
||
<ul class="fh5co-social-icons">
|
||
<li><a href="#"><i class="icon-twitter"></i></a></li>
|
||
<li><a href="#"><i class="icon-facebook"></i></a></li>
|
||
<li><a href="#"><i class="icon-linkedin"></i></a></li>
|
||
<li><a href="#"><i class="icon-dribbble"></i></a></li>
|
||
</ul>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div><!-- END container-wrap -->
|
||
</div>
|
||
|
||
<div class="gototop js-top">
|
||
<a href="#" class="js-gotop"><i class="icon-arrow-up2"></i></a>
|
||
</div>
|
||
|
||
<!-- jQuery -->
|
||
<script src="js/jquery.min.js"></script>
|
||
<!-- jQuery Easing -->
|
||
<script src="js/jquery.easing.1.3.js"></script>
|
||
<!-- Bootstrap -->
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<!-- Waypoints -->
|
||
<script src="js/jquery.waypoints.min.js"></script>
|
||
<!-- Flexslider -->
|
||
<script src="js/jquery.flexslider-min.js"></script>
|
||
<!-- Magnific Popup -->
|
||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||
<script src="js/magnific-popup-options.js"></script>
|
||
<!-- Counters -->
|
||
<script src="js/jquery.countTo.js"></script>
|
||
<!-- Main -->
|
||
<script src="js/main.js"></script>
|
||
|
||
</body>
|
||
</html>
|
||
|