API tools faq
paste
Advertisement
afterlife88

Untitled

afterlife88
Oct 24th, 2015
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 35.50 KB | None | 0 0
raw download clone embed print report
  1. @{
  2.     Layout = null;
  3. }
  4.  
  5. <!DOCTYPE html>
  6. <html lang="ua">
  7. <head>
  8.     <meta charset="UTF-8">
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  10.     <title>Українська біржа благодійності | Шаблон конструктор</title>
  11.     <link href="~/Content/normalize.css" rel="stylesheet" />  <!-- Normalize -->
  12.     <link href="~/Content/theme.css" rel="stylesheet" /> <!-- Style -->
  13.     <link href="~/Content/my.css" rel="stylesheet" /> <!-- Style -->
  14. </head>
  15. <body>
  16.     <!-- theme start -->
  17.     <header class="header theme__template" role="banner">
  18.         <a class="header__logo" href="/">
  19.             <img src="../../Content/images/logo-horizontal.svg" alt="Логотип української біржі благодійності" />
  20.         </a>
  21.         <div class="header__description">
  22.             Оберіть шаблон-структуру чи готовий дизайн
  23.         </div>
  24.         <a href="" title="Допомога" class="header__help">Допомога</a>
  25.     </header>
  26.     <div class="template theme__template" role="main">
  27.         <h2>Оберіть шаблон майбутньої сторінки для подальшого редагування</h2>
  28.         <div class="template__theme">
  29.             <ul class="template__tabs">
  30.                 <li class="active" role="tab">Шаблон-структура</li>
  31.                 <li role="tab">Готовий дизайн (по категоріям)</li>
  32.             </ul>
  33.             <div class="grids">
  34.                 <a href="#/constructor/1" title="1 колонка" class="grids__block">
  35.                     <img src="../../Content/images/theme/img-1col.svg" alt="1 колонка" />
  36.                     <div class="grids__name">1 колонка</div>
  37.                 </a>
  38.                 <a href="#/constructor/1" title="1:2 колонки" class="grids__block">
  39.                     <img src="../../Content/images/theme/img-12col.svg" alt="1:2 колонки" />
  40.                     <div class="grids__name">1:2 колонки</div>
  41.                 </a>
  42.                 <a href="#/constructor/1" title="1:2:1 колонки" class="grids__block">
  43.                     <img src="../../Content/images/theme/img-121col.svg" alt="1:2:1 колонки" />
  44.                     <div class="grids__name">1:2:1 колонки</div>
  45.                 </a>
  46.                 <a href="#/constructor/1" title="1:3 колонки" class="grids__block">
  47.                     <img src="../../Content/images/theme/img-13col.svg" alt="1:3 колонки" />
  48.                     <div class="grids__name">1:3 колонки</div>
  49.                 </a>
  50.                 <a href="#/constructor/1" title="1:3:1 колонки" class="grids__block">
  51.                     <img src="../../Content/images/theme/img-131col.svg" alt="1:3:1 колонки" />
  52.                     <div class="grids__name">1:3:1 колонки</div>
  53.                 </a>
  54.                 <a href="#/constructor/1" title="1:3:2 колонки" class="grids__block">
  55.                     <img src="../../Content/images/theme/img-132col.svg" alt="1:3:2 колонки" />
  56.                     <div class="grids__name">1:3:2 колонки</div>
  57.                 </a>
  58.                 <a href="#/constructor/1" title="1 колонка" class="grids__block">
  59.                     <img src="../../Content/images/theme/img-1col.svg" alt="1 колонка" />
  60.                     <div class="grids__name">1 колонка</div>
  61.                 </a>
  62.                 <a href="#/constructor/1" title="1:2 колонки" class="grids__block">
  63.                     <img src="../../Content/images/theme/img-12col.svg" alt="1:2 колонки" />
  64.                     <div class="grids__name">1:2 колонки</div>
  65.                 </a>
  66.                 <a href="#/constructor/1" title="1:2:1 колонки" class="grids__block">
  67.                     <img src="../../Content/images/theme/img-121col.svg" alt="1:2:1 колонки" />
  68.                     <div class="grids__name">1:2:1 колонки</div>
  69.                 </a>
  70.                 <a href="#/constructor/1" title="1:3 колонки" class="grids__block">
  71.                     <img src="../../Content/images/theme/img-13col.svg" alt="1:3 колонки" />
  72.                     <div class="grids__name">1:3 колонки</div>
  73.                 </a>
  74.                 <a href="#/constructor/1" title="1:3:1 колонки" class="grids__block">
  75.                     <img src="../../Content/images/theme/img-131col.svg" alt="1:3:1 колонки" />
  76.                     <div class="grids__name">1:3:1 колонки</div>
  77.                 </a>
  78.                 <a href="#/constructor/1" title="1:3:2 колонки" class="grids__block">
  79.                     <img src="../../Content/images/theme/img-132col.svg" alt="1:3:2 колонки" />
  80.                     <div class="grids__name">1:3:2 колонки</div>
  81.                 </a>
  82.             </div>
  83.         </div>
  84.     </div>
  85.     <footer class="footer theme__template" role="contentinfo">
  86.         <ul class="footer__steps">
  87.             <li class="active">Обрати шаблон</li>
  88.             <li>Редагувати</li>
  89.             <li>Зберегти</li>
  90.             <li>Отримати лінк</li>
  91.         </ul>
  92.     </footer>
  93.     <!-- theme end -->
  94.     <!-- constructor start -->
  95.     <header class="header constructor__block" role="banner">
  96.         <a class="header__logo" href="/">
  97.             <img src="../../Content/images/logo-horizontal.svg" alt="Логотип української біржі благодійності" />
  98.         </a>
  99.  
  100.         <form action="" method="get">
  101.             <input type="text" name="order[project]" class="header__input" placeholder="Дайте власну назву проекту" />
  102.         </form>
  103.         <div class="header__navigation" role="navigation">
  104.             <a href="" title="Налаштування" class="header__option">Налаштування</a>
  105.             <a href="" title="Допомога" class="header__help">Допомога</a>
  106.         </div>
  107.     </header>
  108.     <div class="page constructor__block" role="main">
  109.         <div class="page__sheet">
  110.             <div id="sortable" class="main">
  111.                 <div class="sort_list" data-type="picture-text">
  112.                     <div class="top">
  113.                         <div class="hover">
  114.                             <i class="hover__full"></i>
  115.                             <ul class="hover__buttons">
  116.                                 <li class="hover__item edit"></li>
  117.                                 <li class="hover__item copy"></li>
  118.                                 <li class="hover__item delete"></li>
  119.                             </ul>
  120.                         </div>
  121.                         <div class="top__left">
  122.                             <img src="../../Content/images/icon-image.svg" alt="Ваше зображення" />
  123.                             <div class="top__description">
  124.                                 Перетягни сюди картинку чи натисни на іконку щоб додати
  125.                             </div>
  126.                         </div>
  127.                         <div class="top__right">
  128.                             <h1 contenteditable="true">Відредагуй заголовок просто натиснувши на текст</h1>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.                 <div class="sort_list">
  133.                     <div class="center">
  134.                         <div class="hover">
  135.                             <i class="hover__full"></i>
  136.                             <ul class="hover__buttons">
  137.                                 <li class="hover__item edit"></li>
  138.                                 <li class="hover__item copy"></li>
  139.                                 <li class="hover__item delete"></li>
  140.                             </ul>
  141.                         </div>
  142.                         <h2 contenteditable="true">
  143.                             Напишіть ключову фразу, яка точно <br />
  144.                             опише мету створення цієї сторінки
  145.                         </h2>
  146.  
  147.                         <div class="center__left" contenteditable="true">
  148.                             <p>
  149.                                 В цьому блоці опишіть детально, що Ви маєте на меті,
  150.                                 яка Ваша ціль, заради чого Ви створюєте данну сторінку.
  151.                                 Це краще дасть зрозуміти відвідувачам Вашої сторінки,
  152.                                 яку мета ви поставили перед собою, і заради чого вони
  153.                                 мають допомогти Вам.
  154.                             </p>
  155.  
  156.                             <p>
  157.                                 Також Ви можете використати панель «Контент» для
  158.                                 додавання нових блоків до Вашої сторінки. Радимо
  159.                                 дати максимульну кількість інформації та фото.
  160.                                 Також обовязково вкажіть назву проекту та лінк на
  161.                                 Вашу сторінку на сайті УББ, для підключення
  162.                                 лічильника на вашу сторінку.
  163.                             </p>
  164.                         </div>
  165.                         <div class="center__right">
  166.                             <h3>
  167.                                 Щоб активувати лічильник,
  168.                                 додайте лінк на свою сторінку
  169.                                 на сайті УББ
  170.                             </h3>
  171.  
  172.                             <div class="center__counter">
  173.                                 <div class="center__process"></div>
  174.                             </div>
  175.                             <button class="center__button">Допомогти</button>
  176.                         </div>
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.         </div>
  181.     </div>
  182.     <aside class="panel constructor__block" role="complementary">
  183.         <ul class="template__tabs">
  184.             <li class="template__content active" role="tab">Контент</li>
  185.             <li class="template__design" role="tab">Дизайн</li>
  186.         </ul>
  187.         <div class="elements">
  188.             <div>
  189.                 <div class="content_draggable sort_list" data-type="h1" style="height: auto">
  190.                     <a href="" title="H1" class="elements__block">
  191.                         <div class="elements__wrap">
  192.                             <img src="../../Content/images/panel/H1.svg" alt="H1" />
  193.  
  194.                             <div class="elements__text">Заголовок</div>
  195.                         </div>
  196.                     </a>
  197.                 </div>
  198.                 <div class="content_draggable sort_list" data-type="h2" style="height: auto">
  199.                     <a href="" title="H2" class="elements__block">
  200.                         <div class="elements__wrap small">
  201.                             <img src="../../Content/images/panel/H2.svg" alt="H2" />
  202.  
  203.                             <div class="elements__text">Підзаголовок</div>
  204.                         </div>
  205.                     </a>
  206.                 </div>
  207.                 <div class="content_draggable sort_list" style="height: auto" data-type="excerption">
  208.                     <a href="" title="Цитата" class="elements__block">
  209.                         <div class="elements__wrap small">
  210.                             <img src="../../Content/images/panel/quotes.svg" alt="Цитата" />
  211.  
  212.                             <div class="elements__text">Цитата</div>
  213.                         </div>
  214.                     </a>
  215.                 </div>
  216.                 <div class="content_draggable sort_list" style="height: auto !important;" data-type="text">
  217.                     <a href="" title="Текст" class="elements__block">
  218.                         <div class="elements__wrap">
  219.                             <img src="../../Content/images/panel/text.svg" alt="Текст" />
  220.  
  221.                             <div class="elements__text">Текст</div>
  222.                         </div>
  223.                     </a>
  224.                 </div>
  225.                 <div class="content_draggable sort_list" style="height: auto" data-type="text-in-block">
  226.                     <a href="" title="Текст в блоці" class="elements__block">
  227.                         <div class="elements__wrap">
  228.                             <img src="../../Content/images/panel/text_block.svg" alt="Текст в блоці" />
  229.  
  230.                             <div class="elements__text">Текст в блоці</div>
  231.                         </div>
  232.                     </a>
  233.                 </div>
  234.                 <div class="content_draggable sort_list" style="height: auto" data-type="broke-line">
  235.                     <a href="" title="Розділювач" class="elements__block">
  236.                         <div class="elements__wrap">
  237.                             <img src="../../Content/images/panel/divider.svg" alt="Розділювач" />
  238.  
  239.                             <div class="elements__text">Розділювач</div>
  240.                         </div>
  241.                     </a>
  242.                 </div>
  243.                 <div class="content_draggable" data-type="picture">
  244.                     <a href="" title="Картинка" class="elements__block">
  245.                         <div class="elements__wrap">
  246.                             <img src="../../Content/images/icon-image.svg" alt="Картинка" />
  247.  
  248.                             <div class="elements__text">Картинка</div>
  249.                         </div>
  250.                     </a>
  251.                 </div>
  252.                 <div class="content_draggable" data-type="picture-text">
  253.                     <a href="" title="Карт. + текст" class="elements__block">
  254.                         <div class="elements__wrap">
  255.                             <img src="../../Content/images/panel/image_text.svg" alt="Карт. + текст" />
  256.  
  257.                             <div class="elements__text">Карт. + текст</div>
  258.                         </div>
  259.                     </a>
  260.                 </div>
  261.                 <div class="content_draggable" data-type="gallery">
  262.                     <a href="" title="Галерея" class="elements__block">
  263.                         <div class="elements__wrap">
  264.                             <img src="../../Content/images/panel/galery.svg" alt="Галерея" />
  265.  
  266.                             <div class="elements__text">Галерея</div>
  267.                         </div>
  268.                     </a>
  269.                 </div>
  270.                 <div class="content_draggable" data-type="video">
  271.                     <a href="" title="Відео" class="elements__block">
  272.                         <div class="elements__wrap">
  273.                             <img src="../../Content/images/panel/video.svg" alt="Відео" />
  274.  
  275.                             <div class="elements__text">Відео</div>
  276.                         </div>
  277.                     </a>
  278.                 </div>
  279.                 <div class="content_draggable sort_list" data-type="count">
  280.                     <a href="" title="Лічильник" class="elements__block">
  281.                         <div class="elements__wrap">
  282.                             <img src="../../Content/images/panel/counter.svg" alt="Лічильник" />
  283.  
  284.                             <div class="elements__text">Лічильник</div>
  285.                         </div>
  286.                     </a>
  287.                 </div>
  288.                 <li class="content_draggable" data-type="button">
  289.                     <a href="" title="Кнопка" class="elements__block">
  290.                         <div class="elements__wrap">
  291.                             <img src="../../Content/images/panel/button.svg" alt="Кнопка" />
  292.  
  293.                             <div class="elements__text">Кнопка</div>
  294.                         </div>
  295.                     </a>
  296.                 </li>
  297.                 <li class="content_draggable" data-type="social-like">
  298.                     <a href="" title="Social Like" class="elements__block">
  299.                         <div class="elements__wrap">
  300.                             <img src="../../Content/images/panel/soc-like.svg" alt="Social Like" />
  301.  
  302.                             <div class="elements__text">Social Like</div>
  303.                         </div>
  304.                     </a>
  305.                 </li>
  306.                 <li class="content_draggable" data-type="social-share">
  307.                     <a href="" title="Social Share" class="elements__block">
  308.                         <div class="elements__wrap">
  309.                             <img src="../../Content/images/panel/share.svg" alt="Social Share" />
  310.  
  311.                             <div class="elements__text">Social Share</div>
  312.                         </div>
  313.                     </a>
  314.                 </li>
  315.                 <li class="content_draggable" data-type="footer">
  316.                     <a href="" title="Підвал" class="elements__block">
  317.                         <div class="elements__wrap">
  318.                             <img src="../../Content/images/panel/footer.svg" alt="Підвал" />
  319.  
  320.                             <div class="elements__text">Підвал</div>
  321.                         </div>
  322.                     </a>
  323.                 </li>
  324.                 <li class="content_draggable" data-type="map">
  325.                     <a href="" title="Карта" class="elements__block">
  326.                         <div class="elements__wrap">
  327.                             <img src="../../Content/images/panel/icon-map.svg" alt="Карта" />
  328.  
  329.                             <div class="elements__text">Карта</div>
  330.                         </div>
  331.                     </a>
  332.                 </li>
  333.                 <li class="content_draggable" data-type="menu">
  334.                     <a href="" title="Меню" class="elements__block">
  335.                         <div class="elements__wrap">
  336.                             <img src="../../Content/images/panel/menu.svg" alt="Меню" />
  337.  
  338.                             <div class="elements__text">Меню</div>
  339.                         </div>
  340.                     </a>
  341.                 </li>
  342.                 <li class="content_draggable" data-type="contacts">
  343.                     <a href="" title="Контакти" class="elements__block">
  344.                         <div class="elements__wrap">
  345.                             <img src="../../Content/images/panel/contacts.svg" alt="Контакти" />
  346.  
  347.                             <div class="elements__text">Контакти</div>
  348.                         </div>
  349.                     </a>
  350.                 </li>
  351.             </div>
  352.         </div>
  353.         <form class="design settings">
  354.             <div class="design__item open">
  355.                 <div class="design__title">Стиль фону</div>
  356.                 <div class="setting">
  357.                     <div class="setting__bgcolor">
  358.                         <div class="setting__title">Колір фону</div>
  359.                         <label class="setting__value" for="font-color">
  360.                             <input type="color" value="#fafafa" id="font-color" name="font[background-color]">color
  361.                         </label>
  362.                     </div>
  363.                     <div class="setting__border">
  364.                         <div class="setting__title">Кайма</div>
  365.                         <select name="font[border-style]" id="font-select-border">
  366.                             <option value="solid">суцільна</option>
  367.                             <option value="dotted">пунктирна</option>
  368.                             <option value="dashed">штрих-пунктирна</option>
  369.                         </select>
  370.                         <input type="text" name="font[border-width]" value="0px" />
  371.                         <label class="setting__value" for="font-border-color">
  372.                             <input type="color" value="#6f99ad" id="font-border-color" name="font[border-color]">#color
  373.                         </label>
  374.                     </div>
  375.                 </div>
  376.             </div>
  377.             <!-- end item -->
  378.             <div class="design__item">
  379.                 <div class="design__title">Стиль цитат</div>
  380.                 <div class="setting">
  381.                     <div class="setting__bgcolor">
  382.                         <div class="setting__title">Стиль цитат</div>
  383.                     </div>
  384.                 </div>
  385.             </div>
  386.             <!-- end item -->
  387.             <div class="design__item">
  388.                 <div class="design__title">Стиль тексту</div>
  389.                 <div class="setting">
  390.                     <div class="setting__bgcolor">
  391.                         <div class="setting__title">Стиль тексту</div>
  392.                     </div>
  393.                 </div>
  394.             </div>
  395.             <!-- end item -->
  396.             <div class="design__item">
  397.                 <div class="design__title">Стиль лінків</div>
  398.                 <div class="setting">
  399.                     <div class="setting__bgcolor">
  400.                         <div class="setting__title">Стиль лінків</div>
  401.                     </div>
  402.                 </div>
  403.             </div>
  404.             <!-- end item -->
  405.             <div class="design__item">
  406.                 <div class="design__title">Стиль футеру</div>
  407.                 <div class="setting">
  408.                     <div class="setting__bgcolor">
  409.                         <div class="setting__title">Стиль футеру</div>
  410.                     </div>
  411.                 </div>
  412.             </div>
  413.             <!-- end item -->
  414.             <div class="design__item">
  415.                 <div class="design__title">Стиль лічильника</div>
  416.                 <div class="setting">
  417.                     <div class="setting__bgcolor">
  418.                         <div class="setting__title">Стиль лічильника</div>
  419.                     </div>
  420.                 </div>
  421.             </div>
  422.             <!-- end item -->
  423.             <div class="design__item">
  424.                 <div class="design__title">Стиль соціальних кнопок</div>
  425.                 <div class="setting">
  426.                     <div class="setting__bgcolor">
  427.                         <div class="setting__title">Стиль соціальних кнопок</div>
  428.                     </div>
  429.                 </div>
  430.             </div>
  431.             <!-- end item -->
  432.             <div class="design__item">
  433.                 <div class="design__title">Мобільна версія</div>
  434.                 <div class="setting">
  435.                     <div class="setting__bgcolor">
  436.                         <div class="setting__title">Мобільна версія</div>
  437.                     </div>
  438.                 </div>
  439.             </div>
  440.             <!-- start h1 element -->
  441.             <div class="element__h1">
  442.                 <div class="setting__bgcolor">
  443.                     <div class="setting__title">Колір фону</div>
  444.                     <label class="setting__value" for="h1-background-color">
  445.                         <input type="color" value="#FAFAFA" id="h1-background-color" name="h1[background-color]">color
  446.                     </label>
  447.                 </div>
  448.                 <div class="setting__bgcolor">
  449.                     <div class="setting__title">Колір тексту</div>
  450.                     <label class="setting__value" for="h1-color">
  451.                         <input type="color" value="#35474c" id="h1-color" name="h1[color]">color
  452.                     </label>
  453.                 </div>
  454.                 <div class="setting__font">
  455.                     <div class="setting__title">Шрифт</div>
  456.                     <select name="h1[font-family]" id="h1-font-family">
  457.                         <option value="cursive">cursive</option>
  458.                         <option value="fantasy">fantasy</option>
  459.                         <option value="sans-serif">sans-serif</option>
  460.                         <option value="monospace">monospace</option>
  461.                     </select>
  462.                 </div>
  463.                 <div class="setting__size">
  464.                     <div class="setting__title">Розмір</div>
  465.                     <input type="text" name="h1[font-size]" value="36px" />
  466.                 </div>
  467.                 <div class="setting__margin">
  468.                     <div class="setting__title">Margin-top</div>
  469.                     <input type="text" name="h1-size[margin-top]" value="1px" />
  470.                     <div class="setting__title">Margin-bottom</div>
  471.                     <input type="text" name="h1-size[margin-bottom]" value="1px" />
  472.                     <div class="setting__title">Margin-left</div>
  473.                     <input type="text" name="h1-size[margin-left]" value="1px" />
  474.                     <div class="setting__title">Margin-rigth</div>
  475.                     <input type="text" name="h1-size[margin-rigth]" value="1px" />
  476.                 </div>
  477.             </div>
  478.             <!-- end h1 element -->
  479.             <!-- start h2 element -->
  480.             <div class="element__h2">
  481.                 <div class="setting__bgcolor">
  482.                     <div class="setting__title">Колір фону</div>
  483.                     <label class="setting__value" for="h2-background-color">
  484.                         <input type="color" value="#FAFAFA" id="h2-background-color" name="h2[background-color]">color
  485.                     </label>
  486.                 </div>
  487.                 <div class="setting__bgcolor">
  488.                     <div class="setting__title">Колір тексту</div>
  489.                     <label class="setting__value" for="h2-color">
  490.                         <input type="color" value="#35474c" id="h2-color" name="h2[color]">color
  491.                     </label>
  492.                 </div>
  493.                 <div class="setting__font">
  494.                     <div class="setting__title">Шрифт</div>
  495.                     <select name="h2[font-family]" id="h2-font-family">
  496.                         <option value="cursive">cursive</option>
  497.                         <option value="fantasy">fantasy</option>
  498.                         <option value="sans-serif">sans-serif</option>
  499.                         <option value="monospace">monospace</option>
  500.                     </select>
  501.                 </div>
  502.                 <div class="setting__size">
  503.                     <div class="setting__title">Розмір</div>
  504.                     <input type="text" name="h2[font-size]" value="28px" />
  505.                 </div>
  506.                 <div class="setting__margin">
  507.                     <div class="setting__title">Margin-top</div>
  508.                     <input type="text" name="h2-size[margin-top]" value="1px" />
  509.                     <div class="setting__title">Margin-bottom</div>
  510.                     <input type="text" name="h2-size[margin-bottom]" value="1px" />
  511.                     <div class="setting__title">Margin-left</div>
  512.                     <input type="text" name="h2-size[margin-left]" value="1px" />
  513.                     <div class="setting__title">Margin-rigth</div>
  514.                     <input type="text" name="h2-size[margin-rigth]" value="1px" />
  515.                 </div>
  516.             </div>
  517.             <!-- end h2 element -->
  518.             <!-- start excerption element -->
  519.             <div class="element__excerption">
  520.                 <div class="setting__bgcolor">
  521.                     <div class="setting__title">Колір фону</div>
  522.                     <label class="setting__value" for="excerption-background-color">
  523.                         <input type="color" value="#FAFAFA" id="excerption-background-color" name="excerption[background-color]">color
  524.                     </label>
  525.                 </div>
  526.                 <div class="setting__bgcolor">
  527.                     <div class="setting__title">Колір тексту</div>
  528.                     <label class="setting__value" for="excerption-color">
  529.                         <input type="color" value="#35474c" id="excerption-color" name="excerption[color]">color
  530.                     </label>
  531.                 </div>
  532.                 <div class="setting__font">
  533.                     <div class="setting__title">Шрифт</div>
  534.                     <select name="excerption[font-family]" id="excerption-font-family">
  535.                         <option value="cursive">cursive</option>
  536.                         <option value="fantasy">fantasy</option>
  537.                         <option value="sans-serif">sans-serif</option>
  538.                         <option value="monospace">monospace</option>
  539.                     </select>
  540.                 </div>
  541.                 <div class="setting__size">
  542.                     <div class="setting__title">Розмір</div>
  543.                     <input type="text" name="excerption[font-size]" value="16px" />
  544.                 </div>
  545.                 <div class="setting__margin">
  546.                     <div class="setting__title">Margin-top</div>
  547.                     <input type="text" name="excerption-size[margin-top]" value="1px" />
  548.                     <div class="setting__title">Margin-bottom</div>
  549.                     <input type="text" name="excerption-size[margin-bottom]" value="1px" />
  550.                 </div>
  551.             </div>
  552.             <!-- end excerption element -->
  553.             <!-- start text element -->
  554.             <div class="element__text">
  555.                 <div class="setting__bgcolor">
  556.                     <div class="setting__title">Колір фону</div>
  557.                     <label class="setting__value" for="text-background-color">
  558.                         <input type="color" value="#FAFAFA" id="text-background-color" name="text[background-color]">color
  559.                     </label>
  560.                 </div>
  561.                 <div class="setting__bgcolor">
  562.                     <div class="setting__title">Колір тексту</div>
  563.                     <label class="setting__value" for="text-color">
  564.                         <input type="color" value="#35474c" id="text-color" name="text[color]">color
  565.                     </label>
  566.                 </div>
  567.                 <div class="setting__font">
  568.                     <div class="setting__title">Шрифт</div>
  569.                     <select name="text[font-family]" id="text-font-family">
  570.                         <option value="cursive">cursive</option>
  571.                         <option value="fantasy">fantasy</option>
  572.                         <option value="sans-serif">sans-serif</option>
  573.                         <option value="monospace">monospace</option>
  574.                     </select>
  575.                 </div>
  576.                 <div class="setting__size">
  577.                     <div class="setting__title">Розмір</div>
  578.                     <input type="text" name="text[font-size]" value="16px" />
  579.                 </div>
  580.                 <div class="setting__margin">
  581.                     <div class="setting__title">Margin-top</div>
  582.                     <input type="text" name="text-size[margin-top]" value="1px" />
  583.                     <div class="setting__title">Margin-bottom</div>
  584.                     <input type="text" name="text-size[margin-bottom]" value="1px" />
  585.                 </div>
  586.             </div>
  587.             <!-- end text element -->
  588.             <!-- start img + text element -->
  589.             <div class="element__picture-text">
  590.                 <div class="setting__bgcolor">
  591.                     <div class="setting__title">Колір фону</div>
  592.                     <label class="setting__value" for="picture-text-background-color">
  593.                         <input type="color" value="#FAFAFA" id="picture-text-background-color" name="picture-text[background-color]">color
  594.                     </label>
  595.                 </div>
  596.                 <div class="setting__bgcolor">
  597.                     <div class="setting__title">Колір тексту</div>
  598.                     <label class="setting__value" for="picture-text-color">
  599.                         <input type="color" value="#35474c" id="picture-text-color" name="picture-text[color]">color
  600.                     </label>
  601.                 </div>
  602.                 <div class="setting__font">
  603.                     <div class="setting__title">Шрифт</div>
  604.                     <select name="picture-text[font-family]" id="picture-text-font-family">
  605.                         <option value="cursive">cursive</option>
  606.                         <option value="fantasy">fantasy</option>
  607.                         <option value="sans-serif">sans-serif</option>
  608.                         <option value="monospace">monospace</option>
  609.                     </select>
  610.                 </div>
  611.                 <div class="setting__size">
  612.                     <div class="setting__title">Розмір</div>
  613.                     <input type="text" name="picture-text[font-size]" value="16px" />
  614.                 </div>
  615.                 <div class="setting__border">
  616.                     <div class="setting__title">Кайма</div>
  617.                     <select name="picture-text-border[border-style]" id="picture-text-border-select-border">
  618.                         <option value="solid">суцільна</option>
  619.                         <option value="dotted">пунктирна</option>
  620.                         <option value="dashed">штрих-пунктирна</option>
  621.                     </select>
  622.                     <input type="text" name="picture-text-border[border-width]" value="0px" />
  623.                     <label class="setting__value" for="picture-text-border-border-color">
  624.                         <input type="color" value="#6f99ad" id="picture-text-border-border-color" name="picture-text-border[border-color]">#color
  625.                     </label>
  626.                 </div>
  627.             </div>
  628.             <!-- end img + text element -->
  629.         </form>
  630.     </aside>
  631.     <footer class="footer constructor__block" role="contentinfo">
  632.         <div class="footer__link">
  633.             Ваша сторінка проекту на сайті УББ:
  634.         </div>
  635.         <input type="text" name="order[link]" class="footer__input" value="http://" />
  636.         <ul class="footer__steps">
  637.             <li class="active"><a href="./Theme">Обрати шаблон</a></li>
  638.             <li class="active">Редагувати</li>
  639.             <li>Зберегти</li>
  640.             <li>Отримати лінк</li>
  641.         </ul>
  642.     </footer>
  643.     <div class="data__style"></div>
  644.     <!-- constructor end -->
  645.     <script src="~/Scripts/jquery-2.1.4.min.js"></script>
  646.     <script src="~/Scripts/jquery-ui-1.11.4.min.js"></script>
  647.     <script src="~/Scripts/jquery.form-validator.min.js"></script>
  648.     <script src="~/Scripts/crypto-js.js"></script>
  649.     <script src="~/Scripts/hmac-sha1.js"></script>
  650.     <script src="~/Scripts/security.js"></script>
  651.     <script src="~/Scripts/CustomScripts/app.js"></script>
  652.     <script src="~/Scripts/CustomScripts/auth.js"></script>
  653.     <script src="~/Scripts/CustomScripts/main.js"></script>
  654.     <script src="~/Scripts/CustomScripts/style.js"></script>
  655.     <script src="~/Scripts/CustomScripts/widgets.js"></script>
  656. </body>
  657. </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!