SITE
<!DOCTYPE html>
<html lang="en">
<head>
<title>LSFD.ru</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="HTML5 website template">
<meta name="keywords" content="global, template, html, sass, jquery">
<meta name="author" content="Bucky Maler">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div class="device-notification">
<a class="device-notification--logo" href="#0">
<img src="assets/img/logo.png" alt="Global">
<p>LSFD.RU</p>
</a>
<p class="device-notification--message">GLSFD.ru - официальное представительство русскоязычного коммьюнити фракции "Пожарный департамент города Лос-Сантос" на различных проектах. Принцип существования заключается в отыгрывании аналога пожарного департамента Чикаго с приближенностью к реализму. Данный домен должен послужить связующим звеном для всех тех, кто имеет или хочет иметь отношение к комьюнити, став частью команды. Сообщество функционирует с 2015 года.</p>
</div>
<div class="perspective effect-rotate-left">
<div class="container"><div class="outer-nav--return"></div>
<div id="viewport" class="l-viewport">
<div class="l-wrapper">
<header class="header">
<a class="header--logo" href="#0">
<img src="assets/img/logo.png" alt="Global">
<p>LSFD.RU</p>
</a>
<button class="header--cta cta">JOIN US</button>
<div class="header--nav-toggle">
<span></span>
</div>
</header>
<nav class="l-side-nav">
<ul class="side-nav">
<li class="is-active"><span>HOME</span></li>
<li><span>PEOPLES</span></li>
<li><span>About</span></li>
<li><span>CONTACT US</span></li>
<li><span>JOIN US</span></li>
</ul>
</nav>
<ul class="l-main-content main-content">
<li class="l-section section section--is-active">
<div class="intro">
<div class="intro--banner">
<h1>Los-Santos<br>Fire<br>Department</h1>
<button class="cta">JOIN US
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z"/>
</g>
</svg>
<span class="btn-background"></span>
</button>
<img src="assets/img/introduction-visual.png" alt="Welcome">
</div>
<div class="intro--options">
<a href="#0">
<h3>LSFD.RU</h3>
<p>Сайт сообщества.</p>
</a>
<a href="http://forum.lsfd.ru/">
<h3>FORUM.LSFD.RU</h3>
<p>Основной форум.</p>
</a>
<a href="https://vk.com/lsfdru">
<h3>VK.COM/LSFDRU</h3>
<p>Официальная группа ВКонтакт.</p>
</a>
</div>
</div>
</li>
<li class="l-section section">
<div class="work">
<h2>Основные лица сообщества.</h2>
<div class="work--lockup">
<ul class="slider">
<li class="slider--item slider--item-left">
<a href="#0">
<div class="slider--item-image">
<img src="assets/img/work-victory.jpg" alt="Victory">
</div>
<p class="slider--item-title">Stak13</p>
<p class="slider--item-description">Первый и основной лидер сообщества.</p>
</a>
</li>
<li class="slider--item slider--item-center">
<a href="#0">
<div class="slider--item-image">
<img src="assets/img/work-metiew-smith.jpg" alt="Metiew and Smith">
</div>
<p class="slider--item-title">Repeat</p>
<p class="slider--item-description">Первый заместитель лидера.</p>
</a>
</li>
<li class="slider--item slider--item-right">
<a href="#0">
<div class="slider--item-image">
<img src="assets/img/work-alex-nowak.jpg" alt="Alex Nowak">
</div>
<p class="slider--item-title">amrnstrong</p>
<p class="slider--item-description">Второй заместитель лидера.</p>
</a>
</li>
</ul>
<div class="slider--prev">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M561,1169C525,1155,10,640,3,612c-3-13,1-36,8-52c8-15,134-145,281-289C527,41,562,10,590,10c22,0,41,9,61,29
c55,55,49,64-163,278L296,510h575c564,0,576,0,597,20c46,43,37,109-18,137c-19,10-159,13-590,13l-565,1l182,180
c101,99,187,188,193,199c16,30,12,57-12,84C631,1174,595,1183,561,1169z"/>
</g>
</svg>
</div>
<div class="slider--next">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z"/>
</g>
</svg>
</div>
</div>
</div>
</li>
<li class="l-section section">
</li>
<li class="l-section section">
<div class="contact">
<div class="contact--lockup">
<div class="modal">
<div class="modal--information">
<p>5 Fillini Street</p>
<p>Los-Santos, CA 55960</p>
<a href="#0">admin@lsfd.ru</a>
<a href="#0">(213) 121-9215</a>
</div>
<ul class="modal--options">
<li><a href="mailto:delofram@gmail.com">CONTACT US</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="l-section section">
<div class="about">
<div class="about--banner">
<h2>PROTECT<br>ESTABLISHED<br>SERVE</h2>
<span>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 118" style="enable-background:new 0 0 150 118;" xml:space="preserve">
<g transform="translate(0.000000,118.000000) scale(0.100000,-0.100000)">
<path d="M870,1167c-34-17-55-57-46-90c3-15,81-100,194-211l187-185l-565-1c-431,0-571-3-590-13c-55-28-64-94-18-137c21-20,33-20,597-20h575l-192-193C800,103,794,94,849,39c20-20,39-29,61-29c28,0,63,30,298,262c147,144,272,271,279,282c30,51,23,60-219,304C947,1180,926,1196,870,1167z"/>
</g>
</svg>
</span>
</a>
<img src="assets/img/about-visual.png" alt="About Us">
</div>
<div class="about--options">
<a href="#0">
<h3>ACADEMY</h3>
</a>
<a href="#0">
<h3>BACK HOME</h3>
</a>
<a href="#0">
<h3>TOPIC</h3>
</a>
</div>
</div>
<ul class="outer-nav">
<li class="is-active">HOME</li>
<li>PEOPLES</li>
<li>About</li>
<li>CONTACT US</li>
<li>JOIN US</li>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-2.2.4.min.js"><\/script>')</script>
<script src="assets/js/functions-min.js"></script>
</body>
</html>