Browse Source

getting started

master
Tolstoevsky 2 years ago
parent
commit
a3a884bca1
  1. BIN
      .DS_Store
  2. 233
      about.html
  3. 299
      blog.html
  4. 158
      coc.html
  5. 248
      contact.html
  6. BIN
      css/.DS_Store
  7. 3351
      css/animate.css
  8. 6257
      css/bootstrap.css
  9. 7
      css/bootstrap.css.map
  10. 275
      css/flexslider.css
  11. 2334
      css/icomoon.css
  12. 368
      css/magnific-popup.css
  13. 1476
      css/style.css
  14. 7
      css/style.css.map
  15. 82
      extra.html
  16. BIN
      files/agita500.pdf
  17. BIN
      files/agita501.pdf
  18. BIN
      files/agita502.pdf
  19. BIN
      files/agita503.pdf
  20. BIN
      fonts/.DS_Store
  21. BIN
      fonts/bootstrap/.DS_Store
  22. BIN
      fonts/bootstrap/glyphicons-halflings-regular.eot
  23. 288
      fonts/bootstrap/glyphicons-halflings-regular.svg
  24. BIN
      fonts/bootstrap/glyphicons-halflings-regular.ttf
  25. BIN
      fonts/bootstrap/glyphicons-halflings-regular.woff
  26. BIN
      fonts/bootstrap/glyphicons-halflings-regular.woff2
  27. BIN
      fonts/icomoon/.DS_Store
  28. BIN
      fonts/icomoon/icomoon.eot
  29. 779
      fonts/icomoon/icomoon.svg
  30. BIN
      fonts/icomoon/icomoon.ttf
  31. BIN
      fonts/icomoon/icomoon.woff
  32. 221
      im.html
  33. BIN
      images/blog-1.jpg
  34. BIN
      images/blog-2.jpg
  35. BIN
      images/blog-3.jpg
  36. BIN
      images/conversations.jpg
  37. BIN
      images/cover_bg_3.jpg
  38. BIN
      images/ddg.png
  39. BIN
      images/diaspora.png
  40. BIN
      images/dino.png
  41. BIN
      images/frendica.png
  42. BIN
      images/hubzilla.png
  43. BIN
      images/img_bg_1.jpg
  44. BIN
      images/img_bg_2.jpg
  45. BIN
      images/img_bg_3.jpg
  46. BIN
      images/img_bg_4.jpg
  47. BIN
      images/kaidan.png
  48. BIN
      images/koshka.jpg
  49. BIN
      images/loader.gif
  50. BIN
      images/mastodon.png
  51. BIN
      images/movim.png
  52. BIN
      images/pixelfed.png
  53. BIN
      images/pleroma.png
  54. BIN
      images/portfolio-1.jpg
  55. BIN
      images/portfolio-2.jpg
  56. BIN
      images/portfolio-3.jpg
  57. BIN
      images/portfolio-4.jpg
  58. BIN
      images/portfolio-5.jpg
  59. BIN
      images/portfolio-6.jpg
  60. BIN
      images/quicksy.png
  61. BIN
      images/searx.png
  62. BIN
      images/signal.jpg
  63. BIN
      images/silovik.png
  64. BIN
      images/thumb1.png
  65. BIN
      images/thumb2.png
  66. BIN
      images/thumb3.png
  67. BIN
      images/thumb4.png
  68. BIN
      images/tutanota.png
  69. BIN
      images/video.jpg
  70. BIN
      images/zuker.jpg
  71. 294
      index.html
  72. 292
      index.html~
  73. 125
      info.html
  74. BIN
      js/.DS_Store
  75. 7
      js/bootstrap.min.js
  76. 130
      js/jquery.countTo.js
  77. 205
      js/jquery.easing.1.3.js
  78. 5
      js/jquery.flexslider-min.js
  79. 4
      js/jquery.magnific-popup.min.js
  80. 5
      js/jquery.min.js
  81. 7
      js/jquery.waypoints.min.js
  82. 48
      js/magnific-popup-options.js
  83. 258
      js/main.js
  84. 4
      js/modernizr-2.6.2.min.js
  85. 6
      js/respond.min.js
  86. 213
      mail.html
  87. BIN
      sass/.DS_Store
  88. 9
      sass/_bootstrap-compass.scss
  89. 19
      sass/_bootstrap-mincer.scss
  90. 9
      sass/_bootstrap-sprockets.scss
  91. 56
      sass/bootstrap.scss
  92. BIN
      sass/bootstrap/.DS_Store
  93. 73
      sass/bootstrap/_alerts.scss
  94. 68
      sass/bootstrap/_badges.scss
  95. 26
      sass/bootstrap/_breadcrumbs.scss
  96. 244
      sass/bootstrap/_button-groups.scss
  97. 168
      sass/bootstrap/_buttons.scss
  98. 269
      sass/bootstrap/_carousel.scss
  99. 36
      sass/bootstrap/_close.scss
  100. 69
      sass/bootstrap/_code.scss

BIN
.DS_Store

233
about.html

@ -0,0 +1,233 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Neat &mdash; Free Website Template, Free HTML5 Template by freehtml5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="freehtml5.co" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FreeHTML5.co
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- 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="" />
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!-- 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">Neat</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="work.html">Work</a></li>
<li class="has-dropdown">
<a href="blog.html">Blog</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</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/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 slider-text-bg">
<div class="slider-text-inner text-center">
<h1>About</h1>
<h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
<div id="fh5co-about">
<div class="row animate-box">
<div class="col-md-6 col-md-offset-3 text-center heading-section">
<h3>Our History</h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center animate-box">
<p><img src="images/cover_bg_3.jpg" alt="Free HTML5 Bootstrap Template" class="img-responsive"></p>
</div>
<div class="col-md-8 col-md-offset-2 text-center animate-box">
<div class="about-desc">
<h3>Hi! I'm Kathy</h3>
<p>I am a French Designer. Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet. Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</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>
</div>
</div>
</div><!-- END container-wrap -->
<div class="container-wrap">
<footer id="fh5co-footer" role="contentinfo">
<div class="row">
<div class="col-md-3 fh5co-widget">
<h4>About Neat</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>Latest Posts</h4>
<ul class="fh5co-footer-links">
<li><a href="#">Amazing Templates</a></li>
<li><a href="#">100+ Free Download Templates</a></li>
<li><a href="#">Neat is now available</a></li>
<li><a href="#">Download 1000+ icons</a></li>
<li><a href="#">Big Deal for this month of March, Join Us here</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>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
<li><a href="http://gettemplates.co">gettemplates.co</a></li>
</ul>
</div>
</div>
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</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>

299
blog.html

@ -0,0 +1,299 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Neat &mdash; Free Website Template, Free HTML5 Template by freehtml5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="freehtml5.co" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FreeHTML5.co
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- 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="" />
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!-- 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">Neat</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="work.html">Work</a></li>
<li class="has-dropdown active">
<a href="blog.html">Blog</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</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/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 slider-text-bg">
<div class="slider-text-inner text-center">
<h1>Blog</h1>
<h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
<div id="fh5co-blog">
<div class="row">
<div class="col-md-4">
<div class="fh5co-blog animate-box">
<a href="#" class="blog-bg" style="background-image: url(images/blog-1.jpg);"></a>
<div class="blog-text">
<span class="posted_on">Feb. 15th 2016</span>
<h3><a href="#">Photoshoot On The Street</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<ul class="stuff">
<li><i class="icon-heart3"></i>249</li>
<li><i class="icon-eye2"></i>1,308</li>
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-blog animate-box">
<a href="#" class="blog-bg" style="background-image: url(images/blog-2.jpg);"></a>
<div class="blog-text">
<span class="posted_on">Feb. 15th 2016</span>
<h3><a href="#">Surfing at Philippines</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<ul class="stuff">
<li><i class="icon-heart3"></i>249</li>
<li><i class="icon-eye2"></i>1,308</li>
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-blog animate-box">
<a href="#" class="blog-bg" style="background-image: url(images/blog-3.jpg);"></a>
<div class="blog-text">
<span class="posted_on">Feb. 15th 2016</span>
<h3><a href="#">Focus On Uderwater</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<ul class="stuff">
<li><i class="icon-heart3"></i>249</li>
<li><i class="icon-eye2"></i>1,308</li>
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-blog animate-box">
<a href="#" class="blog-bg" style="background-image: url(images/blog-1.jpg);"></a>
<div class="blog-text">
<span class="posted_on">Feb. 15th 2016</span>
<h3><a href="#">Photoshoot On The Street</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<ul class="stuff">
<li><i class="icon-heart3"></i>249</li>
<li><i class="icon-eye2"></i>1,308</li>
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-blog animate-box">
<a href="#" class="blog-bg" style="background-image: url(images/blog-2.jpg);"></a>
<div class="blog-text">
<span class="posted_on">Feb. 15th 2016</span>
<h3><a href="#">Surfing at Philippines</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<ul class="stuff">
<li><i class="icon-heart3"></i>249</li>
<li><i class="icon-eye2"></i>1,308</li>
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-blog animate-box">
<a href="#" class="blog-bg" style="background-image: url(images/blog-3.jpg);"></a>
<div class="blog-text">
<span class="posted_on">Feb. 15th 2016</span>
<h3><a href="#">Focus On Uderwater</a></h3>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
<ul class="stuff">
<li><i class="icon-heart3"></i>249</li>
<li><i class="icon-eye2"></i>1,308</li>
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div><!-- END container-wrap -->
<div class="container-wrap">
<footer id="fh5co-footer" role="contentinfo">
<div class="row">
<div class="col-md-3 fh5co-widget">
<h4>About Neat</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>Latest Posts</h4>
<ul class="fh5co-footer-links">
<li><a href="#">Amazing Templates</a></li>
<li><a href="#">100+ Free Download Templates</a></li>
<li><a href="#">Neat is now available</a></li>
<li><a href="#">Download 1000+ icons</a></li>
<li><a href="#">Big Deal for this month of March, Join Us here</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>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
<li><a href="http://gettemplates.co">gettemplates.co</a></li>
</ul>
</div>
</div>
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</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>

158
coc.html

@ -0,0 +1,158 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Устав Федерации</title>
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/blue.css">
</head>
<body>
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a>
<a href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<div class="content">
<h3>Рекомендованные практики для пользователей</h3>
<p>Данные практики рекомендуются пользователям для поддержания этичного общения и улучшения качества жизни в сети.</p>
<h4>Принципы неагрессивного поведения</h4>
<p>Как пользователь Fediverse, свободной сети социального общения, в целом, вы можете делать все, что пожелаете в тех пределах, которые вам позволяют правила вашего сервера, правила серверов пользователей, с которыми идет переписка и лично административный персонал вашего сервера. В общих чертах, для поддержания дружеского климата общения и избегания конфликтов, необходимо придерживаться трех правил:</p>
<ul>
<li>Не будь некорректным по отношению к другим</li>
<li>Не раздражайся слишком легко из-за некорректного поведения по отношению к себе</li>
<li>Не делай другим того, чего не желаешь себе самому</li>
</ul>
<p>Другими словами, каких-либо строгих правил не существует, однако ожидается вежливое поведение.</p>
<h4>Своевременная настройка профилей</h4>
<p>После создания учетной записи рекомендуется немедленно заполнить профиль. Желательно, чтобы информция в профиле была осмыслена и дескриптивна. Это даст модераторам понять, что за учетной записью стоит живой человек, а не потенциально нежелательная автоматизированная система.</p>
<h4>Ознакомление с особыми положениями сервера</h4>
<p>Иногда для бесконфликтного общения на каком-либо сервера недостаточно знать только общие положения устава. У некоторых серверов могут быть особые положения в отношении административных, модераторских процедур или контентной политики. Настоятельно рекомендуется регулярно ознакамливаться с правилами сервера, на котором вы зарегистрированы. Дополнительно, поощряется ознакомление с правилами других серверов. Вполне возможно, вы пожелаете мигрировать.</p>
<h4>Предупреждения о чувствительном материале</h4>
<p>Многие социальные движки позволяют скрыть содержимое поста до того момента, как читатель сознательно выберет увидеть содержимое. Подобное скрытие сопровождается текстовым описанием скрытого содержимого.</p>
<p>Данная функция позволяет читателям сделать осознанный выбор просматривать или не просматривать контент, который они, возможно, не хотели бы увидеть или не хотели бы быть замечены за его просмотром. Главным образом, это откровенный сексуальный контент, контент связанный с насилием, контент, связанный с психоактивными веществами, спорный контент политического характера, спойлеры к произведениям, и тому подобные темы.</p>
<p>При публикации материала с предупреждением, хорошим тоном является описание предупреждения, наиболее точно передающее суть скрытого контента. Если чувствительный контент опубликован с явным, понятным и дескриптивным предупреждением, за последствия просмотра этого контента для себя и окружающих ответственен сам читатель, жалобы связанные с публикацией такого контента, как правило, будут разрешены в пользу опубликовавшего.</p>
<h4>Активное участие в жизни сети</h4>
<p>Ввиду своей технической организации, Fediverse не имеет эффективных механизмов автоматического нахождения и предложения новым пользователям интересных лент для подписки. Если вы новый пользователь, то для того, чтобы сеть раскрылась для вас в полной мере, чтобы находить интересных людей и чтобы люди находили вас, придется потрудиться больше, чем это могло бы быть в централизованных социальных сетях. Пишите больше о том, что вам нравится или о том, что вас волнует. Встревайте в любые диалоги, которые вас хотя бы немного заинтересовали. Отыскивайте новичков и помогайте им освоиться. Не гнушайтесь спросить совета сами, вам обязательно помогут. Не забывайте, взаимопомощь выгодна и для вас, и для сети в целом. Вы делаете свою ленту более заметной, а сеть пополняется вашими материалами. Много отличных мыслей приходят когда вы отвечаете кому-то, ведете с кем-то диалог.</p>
<h4>Финансирование сети</h4>
<p>Fediverse - добровольная, в основном любительская сеть. Это значит, что люди, которые администрируют, модерируют и в целом обслуживают эту сеть, тратят на нее свое свободное время. Обслуживание инфраструктуры и модерирование диспутов - это огромный интеллектуальный, моральный, а порой и физический труд. У Fediverse нет и не может быть общего фонда, в который можно отправлять пожертвования, поэтому многие администраторы имеют способы прямой финансовой поддержки. Как правило, это - сервисы регулярных микроплатежей вроде Patreon или Liberapay. Поддерживайте администраторов и модераторов, своих или просто тех, кто вам понравится. Если административный персонал таких способов поддержки не предоставляет, не стесняйтесь спросить, нужна ли помощь.</p>
<h4>Свободная миграция</h4>
<p>Fediverse - это единое пространство. Каждый сервер здесь способен общаться со всеми остальными серверами (за исключением случаев блокировки, безусловно). Каким сервером или каким движком вы будете пользоваться - зависит всецело только от вас. Если вас не устраивают правила вашего сервера, или административный состав, или местные пользователи - смело переходите на другой сервер. Если вас не устраивают ограничения вашего движка, не задумываясь переходите на другой движок. Все ваши подписчики смогут подписаться на ваш новый профиль, где бы он ни оказался.</p>
<h4>Поощрение вступления в сеть новых пользователей</h4>
<p>Как любой инструмент социального взаимодействия, Fediverse не может существовать без своих пользователей. Поэтому, поощряется распространение информации о сети среди друзей и знакомых. Если вы пришли сюда сами - приведите своих товарищей. Это важно для роста и развития сети, чем больше людей ей будет пользоваться, тем лучше, функциональнее и удобнее она будет становиться впоследствии. Если ваши друзья испытывают трудности в использовании сети, обязательно помогайте им и отвечайте на их вопросы. Будьте терпеливы и приветливы к новичкам. Обязательно ознакамливайте их с текстом этого раздела.</p>
<hr style="clear: right">
<h3>Некорректное поведение</h3>
<h4>Некорректное поведение пользователя</h4>
<p>Ниже приведен список иллюстрирующих примеров поведения пользователей сети, которые являются раздражающими или недопустимыми. Многие из них не являются строгими запретами, однако уже являются серьезными поводами для подачи жалобы административному составу.</p>
<h5>Оскорбительное поведение</h5>
<p>Оскорбительным поведением считаются любые попытки преследования, угроз, запугивания, пожелания серьезного вреда здоровью, необоснованная агрессия, сексуальные домогательства, оскорбления на почве лчиных характеристик (национальности, цвета кожи/глаз/волос, сексуальности, пола, роста, других врожденных/неизменных качеств), и т.д. Подобное поведение может явиться поводом для административных действий, направленных на понижение прав пользователя, вплоть до погашения учетной записи.</p>
<h5>Размещение коммерческих сообщений</h5>
<p>Размещение одиночных личных коммерческих сообщений, в целом, является допустимым. Если пользователь желает купить или продать какие-то товары или же получить или предоставить какие-либо услуги своим друзьям или другим пользователям сети - у них должна быть возможность это сделать. Однако, создание аккаунтов, одной единственной целью которых является распространение рекламных сообщений (проще говоря, спам), является раздражающим поведением, и на серверах со свободным доступом является некорректным. Подобное поведение допустимо, однако, на серверах, принадлежащих коммерческим компаниям.</p>
<h5>Имперсонация</h5>
<p>Недопустимой считается эффективная выдача себя за другого пользователя сети - имитация его адреса, ника, аватара, стиля общения - с целью опорочить этого человека, или произвести мошеннические действия. Подобное поведение недопустимо, и является поводом для немедленного понижения в правах вплоть до погашения и закрытия учетной записи.</p>
<h5>Троллинг</h5>
<p>Умышленная провокация конфликта или выведение других пользователей из себя является самым классическим примером раздражающего поведения (поскольку имеет целью, собственно, вызвать раздражение у окружающих), и его следует избегать.</p>
<h5>Автоматизированные активности</h5>
<p>Автоматическая публикация материалов считается допустимой, если до сведения других пользователей доведено, что работает автоматическая система. Некоторые движки предоставляют возможность извещения других пользователей о том, что актор является ботом. В противном случае, автоматизированные рассылки материалов и активностей (например, накрутка лайков и репостов) считается раздражающим поведением.</p>
<h5>Публикация материала, защищенного авторским правом</h5>
<p>В сети Fediverse приветствуется публикация свободного материала и развитие свободной культуры. Публикация материала, защищенного авторским правом допускается в двух случаях: либо если вы - полноправный владелец этого материала и вы имеете право выкладывать его в свободный доступ, либо если материал публикуется на условиях добросовестного использования (а именно, в информационных, научных, учебных или культурных целях). Пиратство не поощряется.</p>
<h5>Публикация материала, противоречащего законодательству</h5>
<p>Строго запрещается публикация материала, противоречащего действующему законодательству той страны, в чьей юрисдикции расположен сервер. К примеру, материал, содержащий детскую порнографию должен быть удален с сервера сразу после обнаружения.</p>
<h5>Публикация материала, содержащего вредооносное ПО</h5>
<p>Публикация материалов, содержащих вредоносное ПО - вирусы, черви, трояны, блокировщики, XSS-скрипты, ссылки на фишинг-сайты, и тому подобное, является недопустимой. Пользователям рекомендуется проверять публикуемые материалы на наличие вредоносного ПО.</p>
<h5>Спам жалобами</h5>
<p>Рассмотрение формальной жалобы - это действие, к которому не следует легкомысленно относиться. Расследование и принятие мер по жалобе требует времени и энергии, которое администраторы предпочли бы потратить на более конструктивную деятельность. Настойчивая отправка большого количества мелких жалоб, в особености без попытки самостоятельного урегулирования конфликта, и в особенности без доказательств, является раздражающей.</p>
<h4>Некорректное поведение административного персонала</h4>
<p>Ниже приведено несколько иллюстрирующих примеров поведения администраторов и модераторов сети, которые являются раздражающими или недопустимыми.</p>
<h5>Неработоспособность сервера</h5>
<p>Если сервер необходимо остановить в целях технического обслуживания, хорошим тоном является предупреждение пользователей сервера. Главным образом это производится через учетную запись администратора. Также, в некоторых движках может быть предусмотрен механизм административного оповещения пользователей. Частая неработоспособность сервера без предупреждения и без объяснения причин является некорректным поведением.</p>
<h5>Сохранение удаляемых объектов</h5>
<p>В ответ на <a href="https://www.w3.org/TR/2018/REC-activitypub-20180123/#delete-activity-outbox">активность Delete</a>, изданную владельцем объекта, сервер обязан удалить данные связанного с активностью объекта. Удержание чужих данных, подвергающихся удалению, недопустимо. Если сервер замечен в сохранении данных удаляемых объектов, администраторы должны как можно скорее исправить эту ситуацию.</p>
<h5>Раскрытие персональных данных и личной корреспонденции</h5>
<p>Раскрытие персональных данных о пользователе (как то фамилия, имя и отчество, год рождения, место проживания, место учебы или работы, текущее местоположение) по инициативе административного персонала является грубейшим нарушением приватности пользователя, и серьезно подрывает доверие пользователей сети и других администраторов к вам лично и к вашему серверу в целом. Подобное поведение является недопустимым.
То же самое касается и личной корреспонденции пользователей. Раскрытие или использование в любой форме информации, содержащейся в личных сообщениях, не адресованных вам и не написанных вами, считается некорректным поведением, если сообщения не были переданы как часть aормальной жалобы.</p>
<hr style="clear: right">
<h3>Прочие моменты</h3>
<h4>Отказ администраторов от ответственности за оконечно-зашифрованный трафик</h4>
<p>Административный персонал сервера принципиально не может нести ответственность за сообщения, которые они физически не в состоянии прочитать. Безусловно, если вскрывается грубое нарушение со стороны пользователей, использовавших до этого момента end-to-end-шифрование, к нарушителям должны быть применены меры, однако в силу невозможности узнать намерения нарушителей заранее, административный персонал не может считаться сопричастным к нарушению.</p>
<h4>Свобода слова и удализм</h4>
<p>Серверы могут различаться в своих специальных политиках. Администрация некоторых серверов может разрешать любой контент, ссылаясь на право пользователей на свободу слова и самовыражения. Администрация других серверов, однако, может жестко пресекать попытки обсуждения каких бы то ни было неприемлемых по их мнению тем. И на то, и на другое администрация каждого конкретного сервера имеет право. Удализм не является цензурой по двум причинам:</p>
<p>1) Сервер Fediverse - не СМИ. Администрация по умолчанию лично вам ничем не обязана, в случае если сама администрация не указывает обратного. Администрация свободна не являться проводником вашего мнения абсолютно так же как вы свободны ваше мнение выражать;
2) Если вам указали на то, что на данном сервере некоторые темы строго запрещены, вы имеете возможность мигрировать на другой сервер или зарегистрировать запасную учетную запись на сервере, где такого запрета нет. Внимательно изучайте особые положения правил серверов.</p>
<p>Если вы являетесь администратором сервера со свободным доступом без ограничений, убедительно рекомендуется явным образом обозначить данную политику в особых положениях вашего сервера.</p>
</div>
</div>
<footer class="footer">
Copyleft Доктор и компания.
</footer>
</body>
</html>

248
contact.html

@ -0,0 +1,248 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Neat &mdash; Free Website Template, Free HTML5 Template by freehtml5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="freehtml5.co" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FreeHTML5.co
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- 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="" />
<link href="https://fonts.googleapis.com/css?family=Oxygen:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet">
<!-- 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">Neat</a></div>
</div>
<div class="col-xs-10 text-right menu-1">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="work.html">Work</a></li>
<li class="has-dropdown">
<a href="blog.html">Blog</a>
<ul class="dropdown">
<li><a href="#">Web Design</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">API</a></li>
</ul>
</li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="contact.html">Contact</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/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 slider-text-bg">
<div class="slider-text-inner text-center">
<h1>Contact</h1>
<h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
<div id="fh5co-contact">
<div class="row animate-box">
<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
<h2>Contact us</h2>
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
</div>
</div>
<div class="row">
<div class="col-md-3 col-md-push-1 animate-box">
<h3>Our Address</h3>
<ul class="contact-info">
<li><i class="icon-location4"></i>198 West 21th Street, Suite 721 New York NY 10016</li>
<li><i class="icon-phone3"></i>+ 1235 2355 98</li>
<li><i class="icon-location3"></i><a href="#">info@yoursite.com</a></li>
<li><i class="icon-globe2"></i><a href="#">www.yoursite.com</a></li>
</ul>
</div>
<div class="col-md-7 col-md-push-1 animate-box">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Email">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea name="" class="form-control" id="" cols="30" rows="7" placeholder="Message"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="submit" value="Send Message" class="btn btn-primary btn-modify">
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END container-wrap -->
<div class="container-wrap">
<footer id="fh5co-footer" role="contentinfo">
<div class="row">
<div class="col-md-3 fh5co-widget">
<h4>About Neat</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>Latest Posts</h4>
<ul class="fh5co-footer-links">
<li><a href="#">Amazing Templates</a></li>
<li><a href="#">100+ Free Download Templates</a></li>
<li><a href="#">Neat is now available</a></li>
<li><a href="#">Download 1000+ icons</a></li>
<li><a href="#">Big Deal for this month of March, Join Us here</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>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
<li><a href="http://gettemplates.co">gettemplates.co</a></li>
</ul>
</div>
</div>
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</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>

BIN
css/.DS_Store

3351
css/animate.css
File diff suppressed because it is too large
View File

6257
css/bootstrap.css
File diff suppressed because it is too large
View File

7
css/bootstrap.css.map
File diff suppressed because it is too large
View File

275
css/flexslider.css

@ -0,0 +1,275 @@
/*
* jQuery FlexSlider v2.6.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
*/
/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
/*@font-face {
font-family: 'flexslider-icon';
src: url('fonts/flexslider-icon.eot');
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}*/
/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
/*content: "\0020";*/
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
margin: 0 0 60px;
background: #ffffff;
border: 4px solid #ffffff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}

2334
css/icomoon.css
File diff suppressed because it is too large
View File

368
css/magnific-popup.css

@ -0,0 +1,368 @@
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }