API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 16th, 2019
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 18.10 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="ru">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <link rel="stylesheet" href="../static/css/main.css">
  9.  
  10.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  11.     <script src="../static/js/main.js"></script>
  12.  
  13.     <link rel="shortcut icon" href="../static/images/favicon.ico" type="image/x-icon">
  14.     <title>XNoobs</title>
  15. </head>
  16.  
  17. <body>
  18. <header>
  19.     <button class="home-button">
  20.         <svg class="button-svg">
  21.             <rect class="button-rect"></rect>
  22.         </svg>
  23.         xnoobs
  24.     </button>
  25.  
  26.     <div class="menu-and-language">
  27.         <ul class="menu">
  28.             <li>
  29.                 <a href="#section-2" class="portfolio-button menu-button">Квест</a>
  30.             </li>
  31.             <li>
  32.                 <a href="#section-3" class="portfolio-button menu-button">инфраструктура</a>
  33.             </li>
  34.             <li>
  35.                 <a href=".section-7" class="portfolio-button menu-button">маршрут</a>
  36.             </li>
  37.  
  38.             <li>
  39.                 <a href="#section-5" class="contact-button menu-button">Регистрация</a>
  40.             </li>
  41.             <li>
  42.                 <a href=".section-4" class="about-button menu-button">О нас</a>
  43.             </li>
  44.         </ul>
  45.  
  46.     </div>
  47.  
  48.     <div class="mobile-button" onclick="menu(this); show();">
  49.         <div class="bar1"></div>
  50.         <div class="bar2"></div>
  51.         <div class="bar3"></div>
  52.     </div>
  53. </header>
  54.  
  55. <div class="vertical-menu">
  56.     <button class="vertical-menu-portfolio">Портфолио</button>
  57.     <button class="vertical-menu-about">О нас</button>
  58.     <button class="vertical-menu-contact">Контакты</button>
  59. </div>
  60.  
  61. <section id="section-1">
  62.     <img src="../static/images/logo.png" alt="" class="logo"/>
  63.     <p class="slogan">По названию видно — команда сильная</p>
  64.     <div class="arrow-down">
  65.         <div class="indicator">
  66.             <span></span>
  67.             <span></span>
  68.             <span></span>
  69.         </div>
  70.     </div>
  71. </section>
  72. <section id="section-2">
  73.     <div class="column active-column">
  74.         <div class="content">
  75.             <h1>1</h1>
  76.             <div class="box">
  77.                 <h2>Усадьбы Иркутска</h2>
  78.                 <p>Настоящие произведения деревянного зодчества XIX века,
  79.                     с дивными резными узорами на фасадах. Неспешные прогулки по аллеям цветущего сибирского сада.
  80.                     Чаепитие в кружевной беседке. Разговоры под чарующие звуки старинного фортепиано.</p>
  81.             </div>
  82.         </div>
  83.         <div class="portfolio-bg portfolio-bg1"></div>
  84.     </div>
  85.  
  86.     <div class="column">
  87.         <div class="content">
  88.             <h1>2</h1>
  89.             <div class="box">
  90.                 <h2>Вау</h2>
  91.                 <p>Вы можете почувствовать себя частью элиты сибирского города прошлых столетий, приняв участие в нашем квесте. Он не только покажет вам исторический центр, но и заинтерисует вас его изучить </p>
  92.             </div>
  93.         </div>
  94.         <div class="portfolio-bg portfolio-bg2"></div>
  95.     </div>
  96.  
  97.     <div class="column">
  98.         <div class="content">
  99.             <h1>3</h1>
  100.             <div class="box">
  101.                 <h2>Подробности</h2>
  102.                 <p>Наш квест проведет вас по старинным усадьбам Иркутска, не давая вам продохнуть и заставляя находить отгадки на сложные вопросы. Вопросы будут сопровождаться AR технологиями, которые дадут вам возможность посмотреть на усадьбы в первоночальном облике </p>
  103.             </div>
  104.         </div>
  105.         <div class="portfolio-bg portfolio-bg3"></div>
  106.     </div>
  107.  
  108.     <div class="column">
  109.         <div class="content">
  110.             <h1>4</h1>
  111.             <div class="box">
  112.                 <h2>AR</h2>
  113.                 <p>Далее на сайте Вы можее зарегистрироваться на квест, и скачать мобильное приложение для доступа к AR. Новый формат и нестандартные задачи подарят вам массу удоводьствия</p>
  114.             </div>
  115.         </div>
  116.         <div class="portfolio-bg portfolio-bg4"></div>
  117.     </div>
  118.     <!--<div class="title">-->
  119.     <!--<h1>Наши достижения</h1>-->
  120.     <!--<div class="underline"></div>-->
  121.     <!--<h2>Еще какой-то текст</h2>-->
  122.     <!--</div>-->
  123.  
  124.     <div class="portfolio">
  125.         <div class="portfolio-title">
  126.             <img class="visualisation-1" src="../static/images/gorod-noch-ogni-zdaniya-svet.jpg" alt="">
  127.             <div class="text-discription">
  128.                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dolore error eveniet impedit nobis numquam omnis optio saepe, tempora vel?</p>
  129.             </div>
  130.         </div>
  131.         <div class="portfolio-title">
  132.             <img class="visualisation-2" src="../static/images/gorod2.jpg" alt="">
  133.             <div class="text-discription">
  134.                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dolore error eveniet impedit nobis numquam omnis optio saepe, tempora vel?</p>
  135.             </div>
  136.         </div>
  137.         <div class="portfolio-title">
  138.             <img class="visualisation-1" src="../static/images/gorod3.jpg" alt="">
  139.             <div class="text-discription">
  140.                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dolore error eveniet impedit nobis numquam omnis optio saepe, tempora vel?</p>
  141.             </div>
  142.         </div>
  143.         <div class="portfolio-title">
  144.             <img class="visualisation-2" src="../static/images/gorod4.jpg" alt="">
  145.             <div class="text-discription">
  146.                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dolore error eveniet impedit nobis numquam omnis optio saepe, tempora vel?</p>
  147.             </div>
  148.         </div>
  149.     </div>
  150. </section>
  151. <section id="section-3">
  152.     <div class="title title-2">
  153.         <h1>Кто мы такие?</h1>
  154.         <div></div>
  155.         <h2>Еще какой-то текст</h2>
  156.     </div>
  157. </section>
  158. <div class="section-7"></div>
  159. <section id="section-7">
  160.     <div class="wrapper_route">
  161.         <div class="tabs_route">
  162.             <div class="tab_route">3 команды</div>
  163.             <div class="tab_route">4 команды</div>
  164.             <div class="tab_route">5 команд</div>
  165.             <div class="tab_route">6 команд</div>
  166.             <div class="tab_route">7 команд</div>
  167.         </div>
  168.         <div class="tab_content_route">
  169.             <div class="tab_item_route">
  170.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  171.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat2.jpg?raw=true" alt="">
  172.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat3.jpg?raw=true" alt="">
  173.             </div>
  174.             <div class="tab_item_route">
  175.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  176.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat2.jpg?raw=true" alt="">
  177.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat3.jpg?raw=true" alt="">
  178.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  179.             </div>
  180.             <div class="tab_item_route">
  181.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  182.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  183.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  184.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  185.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  186.             </div>
  187.             <div class="tab_item_route">
  188.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  189.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  190.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  191.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  192.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  193.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  194.             </div>
  195.             <div class="tab_item_route">
  196.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  197.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  198.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  199.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  200.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  201.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  202.                 <img src="https://github.com/timakon/Js_Menu/blob/master/images/cat1.jpg?raw=true" alt="">
  203.             </div>
  204.         </div>
  205.     </div>
  206. </section>
  207. <section id="section-5">
  208.     <div class="title">
  209.         <h1>Зарегистрируйся на квест</h1>
  210.         <div></div>
  211.         <h2>Получи удовольствие</h2>
  212.     </div>
  213.  
  214.     <div class="forms">
  215.         <form class="form" method="post">
  216.             <div class="form-group">
  217.                 <input type="text" placeholder=" " class="form-input" name="name" id="name" required>
  218.                 <label for="name" class="form-label">Название команды</label>
  219.             </div>
  220.             <div class="form-group">
  221.                 <input name="email" type="email" placeholder=" " class="form-input" id="email" required>
  222.                 <label for="email" class="form-label">e-mail</label>
  223.             </div>
  224.             <input type="hidden" class="data-input">
  225.             <button class="form-button">Отправить</button>
  226.         </form>
  227.     </div>
  228.     <div class="qr-code">
  229.         <img src="http://api.qrserver.com/v1/create-qr-code/?color=000000&amp;bgcolor=FFFFFF&amp;data=https%3A%2F%2Fxnoobs.ru%2Fapp%2Fdownload&amp;qzone=1&amp;margin=0&amp;size=400x400&amp;ecc=L" alt="qr code" />
  230.         <a href="../app/download">Ссылка на скачивание</a>
  231.     </div>
  232. </section>
  233. <div class="section-4"></div>
  234. <section id="section-4">
  235.     <div class="split">
  236.         <div class="screen">
  237.             <div class="card">
  238.                 <div class="img-box"><img src="../static/images/MK.jpg" alt=""></div>
  239.                 <h2>Максим Кокряшкин</h2>
  240.             </div>
  241.             <div class="person-info">
  242.                 <div class="img-box"><img src="../static/images/MK.jpg" alt=""></div>
  243.                 <div class="about-admin">
  244.                     <h1>Максим Кокряшкин</h1>
  245.                     <div class="languages">C# Python bash</div>
  246.                     <div class="persanality-info">Умеет закрывать Vim <br> Администрирует UNIX-подобные системы</div>
  247.                     <br>
  248.                     <div class="number-admin">8 (985) 951-73-58</div>
  249.                     <br>
  250.                     <div class="email-admin">max.kokryashkin@gmail.com</div>
  251.                 </div>
  252.             </div>
  253.         </div>
  254.  
  255.         <div class="screen">
  256.             <div class="card">
  257.                 <div class="img-box"><img src="../static/images/MS.jpg" alt=""></div>
  258.                 <h2>Матвей Скуфин</h2>
  259.             </div>
  260.             <div class="person-info">
  261.                 <div class="img-box"><img src="../static/images/MS.jpg" alt=""></div>
  262.                 <div class="about-admin">
  263.                     <h1>Матвей Скуфин</h1>
  264.                     <div class="languages">C# Python Java</div>
  265.                     <div class="persanality-info">Android-developer<br>Backend-developer<br> Человек-вритуальная машина</div>
  266.                     <br>
  267.                     <div class="number-admin">8 (977) 521-19-12</div>
  268.                     <br>
  269.                     <div class="email-admin">matviei.skufin@gmail.com</div>
  270.                 </div>
  271.             </div>
  272.         </div>
  273.         <div class="screen">
  274.             <div class="card">
  275.                 <div class="img-box"><img src="../static/images/DI.jpg" alt=""></div>
  276.                 <h2>Дмитрий Иванцов</h2>
  277.             </div>
  278.             <div class="person-info">
  279.                 <div class="img-box"><img src="../static/images/DI.jpg" alt=""></div>
  280.                 <div class="about-admin">
  281.                     <h1>Дмитрий Иванцов</h1>
  282.                     <div class="languages">Java</div>
  283.                     <div class="persanality-info">3d-моделист<br>Spring-developer</div>
  284.                     <br>
  285.                     <div class="number-admin">8 (903) 778-88-99</div>
  286.                     <br>
  287.                     <div class="email-admin">dim22xxx@gmail.com</div>
  288.                 </div>
  289.             </div>
  290.         </div>
  291.  
  292.  
  293.  
  294.         <div class="screen">
  295.             <div class="card">
  296.                 <div class="img-box"><img src="../static/images/TK.jpg" alt=""></div>
  297.                 <h2>Тимофей Конев</h2>
  298.             </div>
  299.             <div class="person-info"><div class="img-box"><img src="../static/images/TK.jpg" alt=""></div>
  300.                 <div class="about-admin">
  301.                     <h1>Тимофей Конев</h1>
  302.                     <div class="languages">JavaScript ReactJS Node.js</div>
  303.                     <div class="persanality-info">fullstack-developer</div>
  304.                     <br>
  305.                     <div class="number-admin">8 (963) 662-77-27</div>
  306.                     <br>
  307.                     <div class="email-admin">1910tim@mail.ru</div>
  308.                 </div>
  309.             </div>
  310.         </div>
  311.  
  312.  
  313.         <div class="screen">
  314.             <div class="card">
  315.                 <div class="img-box"><img src="../static/images/BT.jpg" alt=""></div>
  316.                 <h2>Бориc Табачников</h2>
  317.             </div>
  318.             <div class="person-info">
  319.                 <div class="person-info"><div class="img-box"><img src="../static/images/BT.jpg" alt=""></div>
  320.                 <div class="about-admin">
  321.                     <h1>Бориc Табачников</h1>
  322.                     <div class="languages">JavaScript Sass Gulp</div>
  323.                     <div class="persanality-info">frontend-developer</div>
  324.                     <br>
  325.                     <div class="number-admin">8 (985) 992-45-59</div>
  326.                     <br>
  327.                     <div class="email-admin">boristab23@gmail.com</div>
  328.                 </div>
  329.             </div>
  330.         </div>
  331.         </div>
  332.     <div class="wrapper-admin">
  333.         <div class="tabs">
  334.             <div class="tab"><img src="../static/images/MK.jpg" alt=""></div>
  335.             <div class="tab"><img src="../static/images/MS.jpg" alt=""></div>
  336.             <div class="tab"><img src="../static/images/DI.jpg" alt=""></div>
  337.             <div class="tab"><img src="../static/images/TK.jpg" alt=""></div>
  338.             <div class="tab"><img src="../static/images/BT.jpg" alt=""></div>
  339.         </div>
  340.         <div class="tab_content">
  341.             <div class="tab_item">
  342.                 <h2>Максим Коклюшкин</h2>
  343.                 <p>
  344.                     Python.<br>
  345.                     Может ушатать вас стулом.
  346.                 </p>
  347.             </div>
  348.             <div class="tab_item">
  349.                 <h2>Матам Скуфукс</h2>
  350.                 <p>
  351.                     Python, C#.<br>
  352.                     Тупа машина.
  353.                 </p>
  354.             </div>
  355.             <div class="tab_item">
  356.                 <h2>Димитрий Иванцов</h2>
  357.                 <p>
  358.                     Дима, спасибо, что ты есть.
  359.                 </p>
  360.             </div>
  361.             <div class="tab_item">
  362.                 <h2>Тимофей Конюх</h2>
  363.                 <p>
  364.                     Старая web-макака
  365.                 </p>
  366.             </div>
  367.             <div class="tab_item">
  368.                 <h2>Борибз Табачников</h2>
  369.                 <p>
  370.                     Молодая и перспективная web-макака
  371.                 </p>
  372.             </div>
  373.         </div>
  374.     </div>
  375.     </div>
  376.  
  377. </section>
  378. <section id="section-6">
  379.     <div class="contact">
  380.         <div class="ring">
  381.             <h1>Звоните</h1>
  382.             <h2>8(800)000-00-00</h2>
  383.         </div>
  384.         <div class="write">
  385.             <h1>Пишите</h1>
  386.             <h2>mail@xnoobs.ru</h2>
  387.         </div>
  388.     </div>
  389.     <footer>
  390.         Copyright © 2019 XNoobs. Все права защищены.
  391.     </footer>
  392. </section>
  393. </body>
  394. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!