From 5342f628da86773b8055d9e3db538ead29248415 Mon Sep 17 00:00:00 2001
From: Ilya Kantor <iliakan@gmail.com>
Date: Mon, 9 Mar 2015 19:02:13 +0300
Subject: [PATCH] beautify html

---
 1-js/1-getting-started/4-devtools/bug.html    |   15 +-
 .../1-hello-alert/solution.view/index.html    |   11 +-
 .../2-check-standard/ifelse_task2/index.html  |   22 +-
 .../2-check-standardifelse_task2/index.html   |   22 +-
 .../12-ifelse/3-sign/if_sign/index.html       |   27 +-
 .../1-hello-alert-ext/index.html              |    7 +-
 .../debugging.view/index.html                 |    7 +-
 .../1-debugging-chrome/error.view/index.html  |    7 +-
 .../4-testing/beforeafter.view/index.html     |   20 +-
 1-js/3-writing-js/4-testing/index.html        |   20 +-
 .../4-testing/pow-1.view/index.html           |   20 +-
 .../4-testing/pow-2.view/index.html           |   20 +-
 .../4-testing/pow-3.view/index.html           |   25 +-
 .../4-testing/pow-4.view/index.html           |   25 +-
 .../4-testing/pow-full.view/index.html        |   26 +-
 .../4-testing/pow-min.view/index.html         |   20 +-
 .../4-testing/pow-nan-assert.view/index.html  |   22 +-
 .../4-testing/pow-nan.view/index.html         |   22 +-
 .../hello-conflict.view/index.html            |   13 +-
 .../hello-module.view/index.html              |   13 +-
 .../setInterval-anim.view/index.html          |   74 +-
 .../solution.view/index.html                  |   69 +-
 .../source.view/index.html                    |   53 +-
 .../solution.view/index.html                  |   83 +-
 .../3-clock-class/solution.view/index.html    |   17 +-
 .../3-clock-class/source.view/index.html      |   17 +-
 .../solution.view/index.html                  |   21 +-
 .../source.view/index.html                    |   22 +-
 .../solution.view/index.html                  |   95 +-
 .../source.view/index.html                    |   38 +-
 .../setImmediate.view/index.html              |   64 +-
 .../domRangeCreate.view/index.html            |   57 +-
 .../domRangeHighlight.view/index.html         |   53 +-
 .../fix-ie.view/index.html                    |   29 +-
 .../ieTextRangeHighlight.view/index.html      |   49 +-
 .../setSelection.view/index.html              |   51 +-
 .../dragTree.view/index.html                  |  107 +-
 .../solution.view/index.html                  |   75 +-
 .../source.view/index.html                    |    8 +-
 .../6-create-list/solution.view/index.html    |   35 +-
 .../build-tree-dom.view/index.html            |  101 +-
 .../solution.view/index.html                  |   69 +-
 .../source.view/index.html                    |   47 +-
 .../8-tree-count/solution.view/index.html     |   93 +-
 .../8-tree-count/source.view/index.html       |   79 +-
 .../9-calendar-table/solution.view/index.html |  122 +-
 .../9-calendar-table/source.view/index.html   |   58 +-
 .../solution.view/index.html                  |  291 +-
 .../12-multi-insert/benchmark.view/index.html |   17 +-
 .../solution.view/index.html                  |   57 +-
 .../source.view/index.html                    |   23 +-
 .../solution.view/index.html                  |   22 +-
 .../source.view/index.html                    |   36 +-
 .../getiecomputedstyle.view/index.html        |   30 +-
 .../solution.view/index.html                  |   61 +-
 .../3-div-placeholder/source.view/index.html  |   46 +-
 .../4-put-ball-in-center/ball-half/index.html |   54 +-
 .../solution.view/index.html                  |   54 +-
 .../source.view/index.html                    |   37 +-
 .../5-expand-element/solution.view/index.html |   61 +-
 .../5-expand-element/source.view/index.html   |   32 +-
 .../15-metrics/cssWidthScroll.view/index.html |   34 +-
 .../15-metrics/metric.view/index.html         |  127 +-
 .../solution.view/index.html                  |   65 +-
 .../source.view/index.html                    |   25 +-
 .../2-position-at/solution.view/index.html    |   69 +-
 .../2-position-at/source.view/index.html      |   39 +-
 .../solution.view/index.html                  |   81 +-
 .../3-position-at-2/solution.view/index.html  |  104 +-
 2-ui/1-document/3-dom-console/losi.html       |   20 +-
 .../solution.view/index.html                  |   58 +-
 .../source.view/index.html                    |   56 +-
 .../1-find-elements/table.html                |   82 +-
 .../2-tree/solution.view/index.html           |  103 +-
 .../2-tree/source.view/index.html             |   79 +-
 .../solution.view/index.html                  |  239 +-
 .../source.view/index.html                    |  182 +-
 .../solution.view/index.html                  |    4 +-
 .../solution.view/index.html                  |   42 +-
 .../1-hide-other/solution.view/index.html     |   23 +-
 .../1-hide-other/source.view/index.html       |   15 +-
 .../4-sliding-menu/solution.view/index.html   |   94 +-
 .../4-sliding-menu/source.view/index.html     |   17 +-
 .../5-hide-message/solution.view/index.html   |   64 +-
 .../5-hide-message/source.view/index.html     |   40 +-
 .../6-carousel/solution.view/index.html       |  108 +-
 .../6-carousel/source.view/index.html         |   66 +-
 .../solution.view/index.html                  |  131 +-
 .../1-move-ball-field/source.view/index.html  |   55 +-
 .../4-event-bubbling/both.view/index.html     |   13 +-
 .../bubble-target.view/index.html             |   15 +-
 .../4-event-bubbling/capture.view/index.html  |   14 +-
 .../solution.view/index.html                  |   55 +-
 .../source.view/index.html                    |   40 +-
 .../2-sliding-tree/solution.view/index.html   |  133 +-
 .../2-sliding-tree/source.view/index.html     |   73 +-
 .../3-sort-table/solution.view/index.html     |  117 +-
 .../3-sort-table/source.view/index.html       |   33 +-
 .../5-event-delegation/bagua.view/index.html  |  136 +-
 .../solution.view/index.html                  |  115 +-
 .../1-behavior-tooltip/source.view/index.html |   40 +-
 .../solution.view/index.html                  |   47 +-
 .../source.view/index.html                    |   17 +-
 .../3-image-gallery/solution.view/index.html  |   84 +-
 .../3-image-gallery/source.view/index.html    |   22 +-
 .../menu.view/index.html                      |   21 +-
 .../solution.view/index.html                  |  130 +-
 .../1-selectable-list/source.view/index.html  |   33 +-
 .../2-tree-coords/solution.view/index.html    |  140 +-
 .../2-tree-coords/source.view/index.html      |  104 +-
 .../window-onbeforeunload.view/index.html     |   23 +-
 .../1-nice-alt/solution.view/index.html       |   57 +-
 .../1-nice-alt/source.view/index.html         |   42 +-
 .../solution.view/index.html                  |   77 +-
 .../source.view/index.html                    |   73 +-
 .../solution.view/index.html                  |   55 +-
 .../3-script-callback/source.view/index.html  |   23 +-
 .../solution.view/index.html                  |   71 +-
 .../4-scripts-callback/source.view/index.html |   19 +-
 .../solution.view/index.html                  |  288 +-
 .../source.view/index.html                    |   72 +-
 .../2-hoverintent/solution.view/index.html    |   41 +-
 .../2-hoverintent/source.view/index.html      |   41 +-
 .../index.html                                |  116 +-
 .../index.html                                |  116 +-
 .../mouseleave-table.view/index.html          |  116 +-
 .../mouseleave.view/index.html                |   33 +-
 .../mouseoverout-child.view/index.html        |   19 +-
 .../mouseoverout-fast.view/index.html         |    7 +-
 .../mouseoverout.view/index.html              |   31 +-
 .../1-slider/solution.view/index.html         |   95 +-
 .../1-slider/source.view/index.html           |   15 +-
 .../2-drag-heroes/solution.view/index.html    |   17 +-
 .../2-drag-heroes/source.view/index.html      |   17 +-
 .../4-drag-and-drop/ball.view/index.html      |   52 +-
 .../4-drag-and-drop/ball2.view/index.html     |   58 +-
 .../4-drag-and-drop/ball3.view/index.html     |   76 +-
 .../dragDemo.view/index.html                  |   29 +-
 .../solution.view/index.html                  |   68 +-
 .../2-no-doc-scroll/solution.view/index.html  |   39 +-
 .../2-no-doc-scroll/source.view/index.html    |   41 +-
 .../6-mousewheel/wheel.view/index.html        |   73 +-
 .../solution.view/index.html                  |  126 +-
 .../source.view/index.html                    |  103 +-
 .../2-updown-button/solution.view/index.html  |  168 +-
 .../2-updown-button/source.view/index.html    |   58 +-
 .../solution.view/index.html                  |  217 +-
 .../3-load-visible-img/source.view/index.html |  145 +-
 .../1-numeric-input/solution.view/index.html  |   61 +-
 .../1-numeric-input/source.view/index.html    |   43 +-
 .../solution.view/index.html                  |   79 +-
 .../keyboard-dump.view/index.html             |   32 +-
 .../solution.view/index.html                  |   92 +-
 .../source.view/index.html                    |   39 +-
 .../2-keyboard-mouse/solution.view/index.html |   73 +-
 .../2-keyboard-mouse/source.view/index.html   |   31 +-
 .../3-hotkeys/solution.view/index.html        |   69 +-
 .../3-hotkeys/source.view/index.html          |   19 +-
 .../4-edit-td-click/solution.view/index.html  |  102 +-
 .../4-edit-td-click/source.view/index.html    |  102 +-
 .../solution.view/index.html                  |   34 +-
 .../source.view/index.html                    |   13 +-
 .../solution.view/index.html                  |  105 +-
 .../source.view/index.html                    |   13 +-
 .../solution.view/index.html                  |  253 +-
 .../source.view/index.html                    |  157 +-
 .../1-modal-dialog/solution.view/index.html   |  267 +-
 .../1-modal-dialog/source.view/index.html     |  103 +-
 .../solution.view/index.html                  |  184 +-
 .../2-form-validation/source.view/index.html  |  111 +-
 .../1-clock/solution.view/index.html          |   54 +-
 .../1-clock/source.view/index.html            |   54 +-
 .../2-slider-widget/solution.view/index.html  |  189 +-
 .../solution.view/index.html                  |   38 +-
 .../4-voter/solution.view/index.html          |   91 +-
 .../4-voter/source.view/index.html            |   37 +-
 .../5-voter-proto/solution.view/index.html    |   28 +-
 .../6-voter-add-step/solution.view/index.html |   33 +-
 .../menu-dom.view/index.html                  |   37 +-
 .../2-widgets-structure/menu.view/index.html  |   33 +-
 .../1-semantic-menu/solution.view/index.html  |   35 +-
 .../1-semantic-menu/source.view/index.html    |   25 +-
 .../1-table-template/solution.view/index.html |  103 +-
 .../1-table-template/source.view/index.html   |   56 +-
 .../3-menu-template/solution.view/index.html  |   59 +-
 .../3-menu-template/source.view/index.html    |   55 +-
 .../menu-template.view/index.html             |   59 +-
 .../template-error-sourceurl.view/index.html  |   12 +-
 .../1-voter-events/solution.view/index.html   |   37 +-
 .../solution.view/index.html                  |   44 +-
 .../3-custom-select/solution.view/index.html  |   70 +-
 .../3-custom-select/source.view/index.html    |   68 +-
 .../4-slider-events/solution.view/index.html  |   64 +-
 .../menu-callback.view/index.html             |   67 +-
 .../menu-event.view/index.html                |   66 +-
 .../6-link-import/import-show.view/index.html |   23 +-
 .../6-link-import/import-show.view/timer.html |   27 +-
 .../import-style.view/index.html              |   11 +-
 .../import-style.view/timer.html              |   42 +-
 .../message.view/index.html                   |   11 +-
 .../message.view/ui-message.html              |   84 +-
 .../ui-slider.view/index.html                 |   49 +-
 .../ui-slider.view/ui-slider.html             |   82 +-
 4-ajax/1-ajax-intro/tree.html                 |   37 +-
 4-ajax/10-ajax-jsonp/jsonp.view/index.html    |   37 +-
 .../eventsource.view/index.html               |   89 +-
 .../date-activex.view/index.html              |   39 +-
 .../12-ajax-iframe/date-comet.view/index.html |   29 +-
 4-ajax/12-ajax-iframe/date.view/index.html    |   27 +-
 4-ajax/2-ajax-nodejs/example/index.html       |   51 +-
 .../phones-async.view/index.html              |   61 +-
 .../1-phones-list/phones-list.view/index.html |   81 +-
 .../phones-async.view/index.html              |   59 +-
 .../phones.view/index.html                    |   39 +-
 .../readystate.view/index.html                |   49 +-
 .../6-xhr-onprogress/progress.view/index.html |  109 +-
 .../upload-resume.view/index.html             |   73 +-
 .../8-xhr-longpoll/longpoll.view/index.html   |   33 +-
 .../solution.view/index.html                  |   39 +-
 .../1-animate-logo-css/source.view/index.html |   19 +-
 .../solution.view/index.html                  |   26 +-
 .../2-css-transitions/boat.view/index.html    |   51 +-
 .../digits-negative-delay.view/index.html     |    7 +-
 .../2-css-transitions/digits.view/index.html  |    7 +-
 .../step-end.view/index.html                  |   17 +-
 .../2-css-transitions/step.view/index.html    |   17 +-
 .../train-linear.view/index.html              |    7 +-
 .../train-over.view/index.html                |    7 +-
 .../2-css-transitions/train.view/index.html   |    7 +-
 .../1-animate-ball/solution.view/index.html   |   63 +-
 .../1-animate-ball/source.view/index.html     |   15 +-
 .../solution.view/index.html                  |   84 +-
 .../3-js-animation/back.view/index.html       |   37 +-
 .../bounce-easeinout.view/index.html          |   62 +-
 .../bounce-easeout.view/index.html            |   56 +-
 .../3-js-animation/bounce.view/index.html     |   43 +-
 .../3-js-animation/circ.view/index.html       |   37 +-
 .../3-js-animation/elastic.view/index.html    |   37 +-
 .../3-js-animation/move-raf.view/index.html   |   70 +-
 .../3-js-animation/move.view/index.html       |   42 +-
 .../3-js-animation/quad.view/index.html       |   37 +-
 .../3-js-animation/quint.view/index.html      |   37 +-
 .../3-js-animation/text.view/index.html       |   54 +-
 .../3-js-animation/width.view/index.html      |   36 +-
 .../1-memory-leaks/leak-ie8-2.view/index.html |   37 +-
 .../leak-ie8-table.view/index.html            |   35 +-
 .../leak-ie8-widget.view/index.html           |   44 +-
 .../leak-ie8-xhr.view/index.html              |   39 +-
 .../1-memory-leaks/leak-ie8.view/index.html   |   41 +-
 .../jquery-leak.view/index.html               |   36 +-
 .../2-iframes/sandbox.view/index.html         |    5 +-
 .../2-iframes/sandbox.view/sandboxed.html     |    5 +-
 .../clickjacking-visible.view/facebook.html   |    4 +-
 .../clickjacking-visible.view/index.html      |   46 +-
 .../clickjacking.view/facebook.html           |    4 +-
 .../clickjacking.view/index.html              |   46 +-
 .../top-location.view/iframe.html             |    5 +-
 .../top-location.view/index.html              |   16 +-
 .../solution.view/index.html                  |   16 +-
 .../source.view/index.html                    |   13 +-
 .../h2-margin-top-position.view/index.html    |   54 +-
 .../11-margin/h2-margin-top.view/index.html   |   53 +-
 .../hr-margin-left-src.view/index.html        |   39 +-
 .../11-margin/hr-margin-left.view/index.html  |   50 +-
 .../negative-margin-bottom.view/index.html    |   23 +-
 .../12-space-under-img/block.view/index.html  |   32 +-
 .../inline-p.view/index.html                  |   25 +-
 .../12-space-under-img/inline.view/index.html |   25 +-
 .../valign-p.view/index.html                  |   25 +-
 .../valign-small-lh.view/index.html           |   25 +-
 .../valign-small.view/index.html              |   25 +-
 .../12-space-under-img/valign.view/index.html |   25 +-
 .../index.html                                |   29 +-
 .../height-percent-float.view/index.html      |   26 +-
 .../height-percent.view/index.html            |   27 +-
 .../1-select-elements-selector/index.html     |  103 +-
 .../source.view/index.html                    |  121 +-
 .../solution.view/index.html                  |   46 +-
 .../source.view/index.html                    |   38 +-
 .../3-margin-between-pairs/index.html         |   46 +-
 .../solution.view/index.html                  |   46 +-
 .../source.view/index.html                    |   38 +-
 .../nthchild-type.view/index.html             |   32 +-
 .../15-css-selectors/nthchild.view/index.html |   35 +-
 .../15-css-selectors/relation.view/index.html |  112 +-
 .../17-css-sprite/height48.view/index.html    |   22 +-
 .../17-css-sprite/sprite-example/index.html   |   10 +-
 .../sprite-tree-1/height48.view/index.html    |   22 +-
 .../17-css-sprite/sprite-tree-1/index.html    |   22 +-
 .../sprite-tree-src.view/index.html           |   55 +-
 .../17-css-sprite/sprite-tree.view/index.html |   55 +-
 .../gallery-float-diffsize.view/index.html    |   88 +-
 .../gallery-inline-block.view/index.html      |   64 +-
 .../solution.view/index.html                  |   85 +-
 .../solution.view/index.html                  |   55 +-
 .../source.view/index.html                    |   52 +-
 .../3-paginator-css/nav-div-wrong/index.html  |   27 +-
 .../3-paginator-css/solution.view/index.html  |   96 +-
 .../3-paginator-css/source.view/index.html    |   38 +-
 .../4-float/gallery-float.view/index.html     |   85 +-
 .../4-float/two-columns-2.view/index.html     |   61 +-
 .../4-float/two-columns.view/index.html       |   57 +-
 .../4-float/winnie-block-bg.view/index.html   |   40 +-
 .../4-float/winnie-block.view/index.html      |   37 +-
 .../4-float/winnie-clear-1.view/index.html    |   39 +-
 .../4-float/winnie-clear-2.view/index.html    |   39 +-
 .../4-float/winnie-clear-3.view/index.html    |   41 +-
 .../4-float/winnie-clear-4.view/index.html    |   53 +-
 .../winnie-clearfill-clearfix.view/index.html |   80 +-
 .../winnie-clearfill-div.view/index.html      |   57 +-
 .../winnie-clearfill-float.view/index.html    |   57 +-
 .../winnie-clearfill-overflow.view/index.html |   59 +-
 .../4-float/winnie-nofloat-1.view/index.html  |   17 +-
 .../4-float/winnie-nofloat-2.view/index.html  |   17 +-
 .../4-float/winnie-nofloat-3.view/index.html  |   17 +-
 .../4-float/winnie-nofloat.view/index.html    |   17 +-
 8-css-for-js/4-float/winnie.view/index.html   |   30 +-
 .../1-modal-window/solution.view/index.html   |   46 +-
 .../1-modal-window/source.view/index.html     |   42 +-
 .../position-100-wrong.view/index.html        |   16 +-
 .../solution.view/index.html                  |   45 +-
 .../1-center-ball-css/source.view/index.html  |   37 +-
 .../2-form-modal/solution.view/index.html     |   65 +-
 .../2-form-modal/source.view/index.html       |   13 +-
 .../vertical-align.view/index.html            |    9 +-
 .../solution.view/index.html                  |   57 +-
 .../source.view/index.html                    |   91 +-
 archive/3-reflow/reflow.view/index.html       |  527 ++-
 archive/menu.html                             |  129 +-
 archive/upload-2way.view/index.html           |   67 +-
 .../1-date-selector/solution.view/index.html  |   75 +-
 .../1-date-selector/source.view/index.html    |   41 +-
 .../solution.view/index.html                  |  173 +-
 .../source.view/index.html                    |   75 +-
 .../2-draggable-windows/index.html            |   70 +-
 .../solution.view/index.html                  |   70 +-
 .../source.view/index.html                    |   77 +-
 .../2-moving-tooltip/solution.view/index.html |  234 +-
 .../2-moving-tooltip/source.view/index.html   |   80 +-
 .../3-resize-img/solution.view/index.html     |  193 +-
 .../3-resize-img/source.view/index.html       |   36 +-
 .../3-window-manager/solution.view/index.html |   77 +-
 .../solution.view/index.html                  |   56 +-
 .../source.view/index.html                    |   36 +-
 .../solution.view/index.html                  |  198 +-
 .../4-img-select-mouse/source.view/index.html |   42 +-
 .../5-menu-animated/solution.view/index.html  |  202 +-
 .../5-menu-animated/source.view/index.html    |  126 +-
 .../solution.view/index.html                  |  120 +-
 .../5-tree-checkboxes/source.view/index.html  | 2883 +++++++++++++++--
 .../7-calendar/solution.view/index.html       |   32 +-
 .../7-calendar/source.view/index.html         |   32 +-
 .../8-autocomplete/solution.view/index.html   |   31 +-
 .../solution.view/index.html                  |   18 +-
 354 files changed, 13965 insertions(+), 9486 deletions(-)

diff --git a/1-js/1-getting-started/4-devtools/bug.html b/1-js/1-getting-started/4-devtools/bug.html
index e922e0d4..b72b78f5 100755
--- a/1-js/1-getting-started/4-devtools/bug.html
+++ b/1-js/1-getting-started/4-devtools/bug.html
@@ -1,16 +1,17 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-На этой странице есть скрипт с ошибкой.
-<script>
-
-  lalala
-
-</script>
+  На этой странице есть скрипт с ошибкой.
+  <script>
+    lalala
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/2-first-steps/1-hello-world/1-hello-alert/solution.view/index.html b/1-js/2-first-steps/1-hello-world/1-hello-alert/solution.view/index.html
index a3b0b7b1..47bb9ca9 100644
--- a/1-js/2-first-steps/1-hello-world/1-hello-alert/solution.view/index.html
+++ b/1-js/2-first-steps/1-hello-world/1-hello-alert/solution.view/index.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
-  alert('Я - JavaScript!');
-</script>
+  <script>
+    alert('Я - JavaScript!');
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/2-first-steps/12-ifelse/2-check-standard/ifelse_task2/index.html b/1-js/2-first-steps/12-ifelse/2-check-standard/ifelse_task2/index.html
index 588be43f..392ead19 100644
--- a/1-js/2-first-steps/12-ifelse/2-check-standard/ifelse_task2/index.html
+++ b/1-js/2-first-steps/12-ifelse/2-check-standard/ifelse_task2/index.html
@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html>
+
 <body>
-<script>
+  <script>
+    var value = prompt('Каково "официальное" название JavaScript?', '');
 
-  var value = prompt('Каково "официальное" название JavaScript?', '');
-
-  if ( value == 'EcmaScript' ) {
-    alert('Верно!');
-  } else {
-    alert('Не знаете? "EcmaScript"!');
-  }
-
-</script>
+    if (value == 'EcmaScript') {
+      alert('Верно!');
+    } else {
+      alert('Не знаете? "EcmaScript"!');
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/2-first-steps/12-ifelse/2-check-standardifelse_task2/index.html b/1-js/2-first-steps/12-ifelse/2-check-standardifelse_task2/index.html
index 588be43f..392ead19 100644
--- a/1-js/2-first-steps/12-ifelse/2-check-standardifelse_task2/index.html
+++ b/1-js/2-first-steps/12-ifelse/2-check-standardifelse_task2/index.html
@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html>
+
 <body>
-<script>
+  <script>
+    var value = prompt('Каково "официальное" название JavaScript?', '');
 
-  var value = prompt('Каково "официальное" название JavaScript?', '');
-
-  if ( value == 'EcmaScript' ) {
-    alert('Верно!');
-  } else {
-    alert('Не знаете? "EcmaScript"!');
-  }
-
-</script>
+    if (value == 'EcmaScript') {
+      alert('Верно!');
+    } else {
+      alert('Не знаете? "EcmaScript"!');
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/2-first-steps/12-ifelse/3-sign/if_sign/index.html b/1-js/2-first-steps/12-ifelse/3-sign/if_sign/index.html
index cff65b6c..31d37ebc 100644
--- a/1-js/2-first-steps/12-ifelse/3-sign/if_sign/index.html
+++ b/1-js/2-first-steps/12-ifelse/3-sign/if_sign/index.html
@@ -1,23 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
+  <script>
+    var value = prompt('Введите число', 0);
 
-  var value = prompt('Введите число',  0);
-    
-  if (value > 0) {
-    alert(1);
-  } else if (value < 0) {
-    alert(-1);
-  } else {
-    alert(0);
-  }
-
-</script>
+    if (value > 0) {
+      alert(1);
+    } else if (value < 0) {
+      alert(-1);
+    } else {
+      alert(0);
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/2-first-steps/2-external-script/1-hello-alert-ext/index.html b/1-js/2-first-steps/2-external-script/1-hello-alert-ext/index.html
index 7b1dac29..b00b9f8a 100644
--- a/1-js/2-first-steps/2-external-script/1-hello-alert-ext/index.html
+++ b/1-js/2-first-steps/2-external-script/1-hello-alert-ext/index.html
@@ -1,11 +1,14 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script src="alert.js"></script>
+  <script src="alert.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/1-debugging-chrome/debugging.view/index.html b/1-js/3-writing-js/1-debugging-chrome/debugging.view/index.html
index eb0eb6e4..246dd753 100755
--- a/1-js/3-writing-js/1-debugging-chrome/debugging.view/index.html
+++ b/1-js/3-writing-js/1-debugging-chrome/debugging.view/index.html
@@ -1,8 +1,10 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
   <script src="pow.js"></script>
@@ -12,8 +14,9 @@
   <script>
     var fiveInCube = pow(5, 3);
 
-    alert( fiveInCube );
+    alert(fiveInCube);
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/1-debugging-chrome/error.view/index.html b/1-js/3-writing-js/1-debugging-chrome/error.view/index.html
index eb0eb6e4..246dd753 100755
--- a/1-js/3-writing-js/1-debugging-chrome/error.view/index.html
+++ b/1-js/3-writing-js/1-debugging-chrome/error.view/index.html
@@ -1,8 +1,10 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
   <script src="pow.js"></script>
@@ -12,8 +14,9 @@
   <script>
     var fiveInCube = pow(5, 3);
 
-    alert( fiveInCube );
+    alert(fiveInCube);
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/beforeafter.view/index.html b/1-js/3-writing-js/4-testing/beforeafter.view/index.html
index 19d664de..6f09e269 100755
--- a/1-js/3-writing-js/4-testing/beforeafter.view/index.html
+++ b/1-js/3-writing-js/4-testing/beforeafter.view/index.html
@@ -1,24 +1,32 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/index.html b/1-js/3-writing-js/4-testing/index.html
index 35405575..dac2c912 100755
--- a/1-js/3-writing-js/4-testing/index.html
+++ b/1-js/3-writing-js/4-testing/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -24,13 +29,16 @@
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-1.view/index.html b/1-js/3-writing-js/4-testing/pow-1.view/index.html
index 35405575..dac2c912 100755
--- a/1-js/3-writing-js/4-testing/pow-1.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-1.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -24,13 +29,16 @@
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-2.view/index.html b/1-js/3-writing-js/4-testing/pow-2.view/index.html
index a62937e1..57aebaf7 100755
--- a/1-js/3-writing-js/4-testing/pow-2.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-2.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -24,13 +29,16 @@
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-3.view/index.html b/1-js/3-writing-js/4-testing/pow-3.view/index.html
index a8a023af..68d14a3f 100755
--- a/1-js/3-writing-js/4-testing/pow-3.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-3.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -22,22 +27,24 @@
     function pow(x, n) {
       var result = 1;
 
-      for(var i = 0; i < n; i++) {
+      for (var i = 0; i < n; i++) {
         result *= x;
       }
-      
+
       return result;
     }
-
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-4.view/index.html b/1-js/3-writing-js/4-testing/pow-4.view/index.html
index a8a023af..68d14a3f 100755
--- a/1-js/3-writing-js/4-testing/pow-4.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-4.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -22,22 +27,24 @@
     function pow(x, n) {
       var result = 1;
 
-      for(var i = 0; i < n; i++) {
+      for (var i = 0; i < n; i++) {
         result *= x;
       }
-      
+
       return result;
     }
-
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-full.view/index.html b/1-js/3-writing-js/4-testing/pow-full.view/index.html
index 74894a9e..a0f4faaf 100755
--- a/1-js/3-writing-js/4-testing/pow-full.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-full.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -22,23 +27,26 @@
     function pow(x, n) {
       if (n < 0) return NaN;
       if (Math.round(n) != n) return NaN;
-      if (n == 0 && x ==0) return NaN;
-     
+      if (n == 0 && x == 0) return NaN;
+
       var result = 1;
-      for(var i=0; i<n; i++) {
+      for (var i = 0; i < n; i++) {
         result *= x;
       }
       return result;
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-min.view/index.html b/1-js/3-writing-js/4-testing/pow-min.view/index.html
index a62937e1..57aebaf7 100755
--- a/1-js/3-writing-js/4-testing/pow-min.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-min.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -24,13 +29,16 @@
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-nan-assert.view/index.html b/1-js/3-writing-js/4-testing/pow-nan-assert.view/index.html
index 5fd30c53..5c0dd157 100755
--- a/1-js/3-writing-js/4-testing/pow-nan-assert.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-nan-assert.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -21,20 +26,23 @@
   <script>
     function pow(x, n) {
       var result = 1;
-      for(var i=0; i<n; i++) {
+      for (var i = 0; i < n; i++) {
         result *= x;
       }
       return result;
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/3-writing-js/4-testing/pow-nan.view/index.html b/1-js/3-writing-js/4-testing/pow-nan.view/index.html
index 5fd30c53..5c0dd157 100755
--- a/1-js/3-writing-js/4-testing/pow-nan.view/index.html
+++ b/1-js/3-writing-js/4-testing/pow-nan.view/index.html
@@ -1,19 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  
+
   <!-- подключаем стили Mocha, для отображения результатов -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
   <!-- подключаем библиотеку Mocha -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
   <!-- настраиваем Mocha: предстоит BDD-тестирование -->
-  <script> mocha.setup('bdd'); </script>
+  <script>
+    mocha.setup('bdd');
+  </script>
 
   <!-- подключаем chai -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
   <!-- в chai есть много всего, выносим assert в глобальную область -->
-  <script> var assert = chai.assert; </script>
+  <script>
+    var assert = chai.assert;
+  </script>
 </head>
 
 <body>
@@ -21,20 +26,23 @@
   <script>
     function pow(x, n) {
       var result = 1;
-      for(var i=0; i<n; i++) {
+      for (var i = 0; i < n; i++) {
         result *= x;
       }
       return result;
     }
   </script>
 
-  <!-- в этом скрипте находятся спеки -->  
+  <!-- в этом скрипте находятся спеки -->
   <script src="test.js"></script>
 
   <!-- в элементе с id="mocha" будут результаты тестов -->
   <div id="mocha"></div>
-  
+
   <!-- запустить тесты! -->
-  <script> mocha.run(); </script>
+  <script>
+    mocha.run();
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/5-functions-closures/5-closures-module/hello-conflict.view/index.html b/1-js/5-functions-closures/5-closures-module/hello-conflict.view/index.html
index ed4c93d6..ab1ef1e2 100755
--- a/1-js/5-functions-closures/5-closures-module/hello-conflict.view/index.html
+++ b/1-js/5-functions-closures/5-closures-module/hello-conflict.view/index.html
@@ -1,5 +1,6 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <script>
@@ -7,14 +8,16 @@
   </script>
   <script src="hello.js"></script>
 </head>
+
 <body>
 
-<button>Кнопка</button>
+  <button>Кнопка</button>
+
+  <script>
+    alert(message);
+  </script>
 
-<script>
-  alert(message);
-</script>
 
-  
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/5-functions-closures/5-closures-module/hello-module.view/index.html b/1-js/5-functions-closures/5-closures-module/hello-module.view/index.html
index ed4c93d6..ab1ef1e2 100755
--- a/1-js/5-functions-closures/5-closures-module/hello-module.view/index.html
+++ b/1-js/5-functions-closures/5-closures-module/hello-module.view/index.html
@@ -1,5 +1,6 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <script>
@@ -7,14 +8,16 @@
   </script>
   <script src="hello.js"></script>
 </head>
+
 <body>
 
-<button>Кнопка</button>
+  <button>Кнопка</button>
+
+  <script>
+    alert(message);
+  </script>
 
-<script>
-  alert(message);
-</script>
 
-  
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/7-js-misc/3-setTimeout-setInterval/setInterval-anim.view/index.html b/1-js/7-js-misc/3-setTimeout-setInterval/setInterval-anim.view/index.html
index 8506c73d..caa33217 100755
--- a/1-js/7-js-misc/3-setTimeout-setInterval/setInterval-anim.view/index.html
+++ b/1-js/7-js-misc/3-setTimeout-setInterval/setInterval-anim.view/index.html
@@ -1,49 +1,59 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style> div { height: 18px; margin: 1px; background-color:green; } </style>
+  <style>
+    div {
+      height: 18px;
+      margin: 1px;
+      background-color: green;
+    }
+  </style>
 </head>
+
 <body>
 
-<input type="button" id="start" value="Старт">
-<input type="button" id="stop" value="Стоп" disabled>
+  <input type="button" id="start" value="Старт">
+  <input type="button" id="stop" value="Стоп" disabled>
 
-<script>
-for (var i=0; i<=20; i+=2) {
-  document.write('<div>'+i+'</div>');
-}
+  <script>
+    for (var i = 0; i <= 20; i += 2) {
+      document.write('<div>' + i + '</div>');
+    }
 
-var startButton = document.getElementById('start');
-var stopButton = document.getElementById('stop');
+    var startButton = document.getElementById('start');
+    var stopButton = document.getElementById('stop');
 
-var timers = [];
+    var timers = [];
 
-stopButton.onclick = function() {
-  startButton.disabled = false;
-  stopButton.disabled = true;
+    stopButton.onclick = function() {
+      startButton.disabled = false;
+      stopButton.disabled = true;
 
-  for(var i=0; i<timers.length; i++) clearInterval(timers[i]);
-  timers = [];
-}
+      for (var i = 0; i < timers.length; i++) clearInterval(timers[i]);
+      timers = [];
+    }
 
-startButton.onclick = function() {
-  startButton.disabled = true;
-  stopButton.disabled = false;
+    startButton.onclick = function() {
+      startButton.disabled = true;
+      stopButton.disabled = false;
 
-  var divs = document.getElementsByTagName('div');
-  for (var i=0; i<divs.length; i++) {
-    animateDiv(divs, i);
-  }
-}
+      var divs = document.getElementsByTagName('div');
+      for (var i = 0; i < divs.length; i++) {
+        animateDiv(divs, i);
+      }
+    }
 
-function animateDiv(divs, i) {
-  var div = divs[i], speed = div.innerHTML;
-  timers[i] = setInterval(function() {
-    div.style.width = (parseInt(div.style.width||0) + 2) % 400 + 'px'
-  }, speed);
-}
-</script>
+    function animateDiv(divs, i) {
+      var div = divs[i],
+        speed = div.innerHTML;
+      timers[i] = setInterval(function() {
+        div.style.width = (parseInt(div.style.width || 0) + 2) % 400 + 'px'
+      }, speed);
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/solution.view/index.html b/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/solution.view/index.html
index 5a2be21c..053c8198 100755
--- a/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/solution.view/index.html
+++ b/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/solution.view/index.html
@@ -1,48 +1,51 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
-  
-<script>
-function Machine(power) {
-  this._enabled = false;
 
-  this.enable = function() {
-    this._enabled = true;
-  };
+  <script>
+    function Machine(power) {
+      this._enabled = false;
 
-  this.disable = function() {
-    this._enabled = false;
-  };
-}
+      this.enable = function() {
+        this._enabled = true;
+      };
 
-function CoffeeMachine(power) {
-  Machine.apply(this, arguments);
-
-  var waterAmount = 0;
-
-  this.setWaterAmount = function(amount) {
-    waterAmount = amount;
-  };
-
-  function onReady() {
-    alert('Кофе готов!');
-  }
-
-  this.run = function() {
-    if (!this._enabled) {
-      throw new Error("Кофеварка выключена");
+      this.disable = function() {
+        this._enabled = false;
+      };
     }
-    setTimeout(onReady, 1000);
-  };
 
-}
+    function CoffeeMachine(power) {
+      Machine.apply(this, arguments);
 
-var coffeeMachine = new CoffeeMachine(10000);
-coffeeMachine.run();
-</script>
+      var waterAmount = 0;
+
+      this.setWaterAmount = function(amount) {
+        waterAmount = amount;
+      };
+
+      function onReady() {
+        alert('Кофе готов!');
+      }
+
+      this.run = function() {
+        if (!this._enabled) {
+          throw new Error("Кофеварка выключена");
+        }
+        setTimeout(onReady, 1000);
+      };
+
+    }
+
+    var coffeeMachine = new CoffeeMachine(10000);
+    coffeeMachine.run();
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/source.view/index.html b/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/source.view/index.html
index d742ef78..6d287989 100755
--- a/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/source.view/index.html
+++ b/1-js/8-oop/5-functional-inheritance/1-coffeemachine-fix-run/source.view/index.html
@@ -1,42 +1,45 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
-  
-<script>
-function Machine(power) {
-  this._enabled = false;
 
-  this.enable = function() {
-    this._enabled = true;
-  };
+  <script>
+    function Machine(power) {
+      this._enabled = false;
 
-  this.disable = function() {
-    this._enabled = false;
-  };
-}
+      this.enable = function() {
+        this._enabled = true;
+      };
 
-function CoffeeMachine(power) {
-  Machine.apply(this, arguments);
+      this.disable = function() {
+        this._enabled = false;
+      };
+    }
 
-  var waterAmount = 0;
+    function CoffeeMachine(power) {
+      Machine.apply(this, arguments);
 
-  this.setWaterAmount = function(amount) {
-    waterAmount = amount;
-  };
+      var waterAmount = 0;
 
-  function onReady() {
-    alert('Кофе готово!');
-  }
+      this.setWaterAmount = function(amount) {
+        waterAmount = amount;
+      };
 
-  this.run = function() {
-    setTimeout(onReady, 1000);
-  };
+      function onReady() {
+        alert('Кофе готово!');
+      }
 
-}
-</script>
+      this.run = function() {
+        setTimeout(onReady, 1000);
+      };
+
+    }
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/8-oop/5-functional-inheritance/2-coffeemachine-disable-stop/solution.view/index.html b/1-js/8-oop/5-functional-inheritance/2-coffeemachine-disable-stop/solution.view/index.html
index 7a6ba8b0..61ce8414 100755
--- a/1-js/8-oop/5-functional-inheritance/2-coffeemachine-disable-stop/solution.view/index.html
+++ b/1-js/8-oop/5-functional-inheritance/2-coffeemachine-disable-stop/solution.view/index.html
@@ -1,55 +1,58 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
-  
-<script>
-function Machine(power) {
-  this._enabled = false;
 
-  this.enable = function() {
-    this._enabled = true;
-  };
+  <script>
+    function Machine(power) {
+      this._enabled = false;
 
-  this.disable = function() {
-    this._enabled = false;
-  };
-}
+      this.enable = function() {
+        this._enabled = true;
+      };
 
-function CoffeeMachine(power) {
-  Machine.apply(this, arguments);
-
-  var waterAmount = 0;
-  var timerId;
-
-  this.setWaterAmount = function(amount) {
-    waterAmount = amount;
-  };
-
-  function onReady() {
-    alert('Кофе готов!');
-  }
-
-  var parentDisable = this.disable;
-  this.disable = function() {
-    parentDisable.call(this);
-    clearTimeout(timerId);
-  }
-
-  this.run = function() {
-    if (!this._enabled) {
-      throw new Error("Кофеварка выключена");
+      this.disable = function() {
+        this._enabled = false;
+      };
     }
-    timerId = setTimeout(onReady, 1000);
-  };
 
-}
+    function CoffeeMachine(power) {
+      Machine.apply(this, arguments);
 
-var coffeeMachine = new CoffeeMachine(10000);
-coffeeMachine.run();
-</script>
+      var waterAmount = 0;
+      var timerId;
+
+      this.setWaterAmount = function(amount) {
+        waterAmount = amount;
+      };
+
+      function onReady() {
+        alert('Кофе готов!');
+      }
+
+      var parentDisable = this.disable;
+      this.disable = function() {
+        parentDisable.call(this);
+        clearTimeout(timerId);
+      }
+
+      this.run = function() {
+        if (!this._enabled) {
+          throw new Error("Кофеварка выключена");
+        }
+        timerId = setTimeout(onReady, 1000);
+      };
+
+    }
+
+    var coffeeMachine = new CoffeeMachine(10000);
+    coffeeMachine.run();
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/1-js/9-prototypes/5-class-inheritance/3-clock-class/solution.view/index.html b/1-js/9-prototypes/5-class-inheritance/3-clock-class/solution.view/index.html
index 5b807b0c..ec1acda9 100755
--- a/1-js/9-prototypes/5-class-inheritance/3-clock-class/solution.view/index.html
+++ b/1-js/9-prototypes/5-class-inheritance/3-clock-class/solution.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <title>Часики в консоли</title>
-    <meta charset="utf-8">
+  <title>Часики в консоли</title>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<script src="clock.js"></script>
-<script>
+  <script src="clock.js"></script>
+  <script>
     var clock = new Clock({
-        template: 'h:m:s'
+      template: 'h:m:s'
     });
     clock.start();
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/9-prototypes/5-class-inheritance/3-clock-class/source.view/index.html b/1-js/9-prototypes/5-class-inheritance/3-clock-class/source.view/index.html
index 5b807b0c..ec1acda9 100755
--- a/1-js/9-prototypes/5-class-inheritance/3-clock-class/source.view/index.html
+++ b/1-js/9-prototypes/5-class-inheritance/3-clock-class/source.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <title>Часики в консоли</title>
-    <meta charset="utf-8">
+  <title>Часики в консоли</title>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<script src="clock.js"></script>
-<script>
+  <script src="clock.js"></script>
+  <script>
     var clock = new Clock({
-        template: 'h:m:s'
+      template: 'h:m:s'
     });
     clock.start();
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/solution.view/index.html b/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/solution.view/index.html
index e7b9c984..c226468c 100755
--- a/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/solution.view/index.html
+++ b/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/solution.view/index.html
@@ -1,23 +1,26 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <title>Часики в консоли</title>
-    <meta charset="utf-8">
+  <title>Часики в консоли</title>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<script src="clock.js"></script>
+  <script src="clock.js"></script>
 
-<script src="extended-clock.js"></script>
+  <script src="extended-clock.js"></script>
 
-<script>
+  <script>
     var lowResolutionClock = new ExtendedClock({
-        template: 'h:m:s',
-        precision: 10000
+      template: 'h:m:s',
+      precision: 10000
     });
 
     lowResolutionClock.start();
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/source.view/index.html b/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/source.view/index.html
index 9611fa12..4aac9ceb 100755
--- a/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/source.view/index.html
+++ b/1-js/9-prototypes/5-class-inheritance/4-clock-class-extended/source.view/index.html
@@ -1,21 +1,23 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <title>Часики в консоли</title>
-    <meta charset="utf-8">
+  <title>Часики в консоли</title>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<!-- исходные часы, от них нужно унаследовать -->
-<script src="clock.js"></script>
-<script>
+  <!-- исходные часы, от них нужно унаследовать -->
+  <script src="clock.js"></script>
+  <script>
     var clock = new Clock({
-        template: 'h:m:s'
+      template: 'h:m:s'
     });
     clock.start();
 
 
-	/* ... ваш код для ExtendedClock */
+    /* ... ваш код для ExtendedClock */
 
     /*
 	Надо: часы, которые тикают раз в 10 секунд (точность 10000)
@@ -26,8 +28,8 @@
 
     lowResolutionClock.start();
     */
-
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/solution.view/index.html b/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/solution.view/index.html
index a3dec85f..705919d8 100755
--- a/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/solution.view/index.html
+++ b/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/solution.view/index.html
@@ -1,67 +1,64 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<script src="menu.js"></script>
-<script>
-
-  function AnimatingMenu() {
-    Menu.apply(this, arguments);
-  }
-
-  AnimatingMenu.prototype = Object.create(Menu.prototype);
-
-  AnimatingMenu.prototype.STATE_ANIMATING = 2;
-
-  AnimatingMenu.prototype.open = function() {
-    var self = this;
-
-    this._state = this.STATE_ANIMATING;
-
-    this._timer = setTimeout(function() {
-      Menu.prototype.open.call(self);
-    }, 1000);
-  };
-
-  AnimatingMenu.prototype.close = function() {
-    clearTimeout(this._timer);
-    Menu.prototype.close.apply(this);
-  };
-
-  AnimatingMenu.prototype._stateAsString = function() {
-    
-    switch(this._state) {
-      case this.STATE_ANIMATING:
-        return 'анимация';
-
-      default:
-        return Menu.prototype._stateAsString.call(this);
+  <script src="menu.js"></script>
+  <script>
+    function AnimatingMenu() {
+      Menu.apply(this, arguments);
     }
-  };
 
-  // тест, использование..
-  var menu = new AnimatingMenu();
+    AnimatingMenu.prototype = Object.create(Menu.prototype);
 
-  menu.showState(); // закрыто
+    AnimatingMenu.prototype.STATE_ANIMATING = 2;
 
-  menu.open(); 
-  menu.showState(); // анимация
+    AnimatingMenu.prototype.open = function() {
+      var self = this;
 
-  setTimeout(function() { // через 1 секунду
-    menu.showState(); // открыто
+      this._state = this.STATE_ANIMATING;
+
+      this._timer = setTimeout(function() {
+        Menu.prototype.open.call(self);
+      }, 1000);
+    };
+
+    AnimatingMenu.prototype.close = function() {
+      clearTimeout(this._timer);
+      Menu.prototype.close.apply(this);
+    };
+
+    AnimatingMenu.prototype._stateAsString = function() {
+
+      switch (this._state) {
+        case this.STATE_ANIMATING:
+          return 'анимация';
+
+        default:
+          return Menu.prototype._stateAsString.call(this);
+      }
+    };
+
+    // тест, использование..
+    var menu = new AnimatingMenu();
 
-    menu.close(); 
     menu.showState(); // закрыто
-  }, 1000);
 
+    menu.open();
+    menu.showState(); // анимация
 
+    setTimeout(function() { // через 1 секунду
+      menu.showState(); // открыто
 
-
-
-</script>
+      menu.close();
+      menu.showState(); // закрыто
+    }, 1000);
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/source.view/index.html b/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/source.view/index.html
index bc17df1f..20de9758 100755
--- a/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/source.view/index.html
+++ b/1-js/9-prototypes/5-class-inheritance/5-menu-timer-animated/source.view/index.html
@@ -1,33 +1,33 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<script src="menu.js"></script>
-<script>
+  <script src="menu.js"></script>
+  <script>
+    var AnimatingMenu = Menu; // замените на ваш код для AnimatingMenu
 
-  var AnimatingMenu = Menu; // замените на ваш код для AnimatingMenu
+    // использование..
 
-  // использование..
+    var menu = new AnimatingMenu();
 
-  var menu = new AnimatingMenu();
+    menu.showState(); // закрыто
 
-  menu.showState(); // закрыто
+    menu.open();
+    menu.showState(); // анимация
 
-  menu.open(); 
-  menu.showState(); // анимация
+    setTimeout(function() {
+      menu.showState(); // открыто
 
-  setTimeout(function() {
-    menu.showState(); // открыто
-
-    menu.close();
-    menu.showState(); // закрыто (закрытие без анимации)
-  }, 1000);
-
-
-</script>
+      menu.close();
+      menu.showState(); // закрыто (закрытие без анимации)
+    }, 1000);
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/5-setImmediate/setImmediate.view/index.html b/12-extra/5-setImmediate/setImmediate.view/index.html
index f19e7ebf..a3e38af1 100644
--- a/12-extra/5-setImmediate/setImmediate.view/index.html
+++ b/12-extra/5-setImmediate/setImmediate.view/index.html
@@ -1,45 +1,45 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <script src="setImmediate.js"></script>
 </head>
+
 <body>
 
-<button onclick="testTimeout()">testTimeout</button>
-<button onclick="testImmediate()">testImmediate</button>
-  
-<script>
-  
-  function testTimeout() {
-    var start = new Date();
-    var i = 0;
-    setTimeout(function go() {
-      i++;
-      if (i == 100) {
-        alert(new Date - start);
-      } else {
-        setTimeout(go, 0);
-      }
-    }, 0);
-  }
+  <button onclick="testTimeout()">testTimeout</button>
+  <button onclick="testImmediate()">testImmediate</button>
 
-  function testImmediate() {
-    var start = new Date();
-    var i = 0;
-    setImmediate(function go() {
-      i++;
-      if (i == 100) {
-        alert(new Date - start);
-      } else {
-        setImmediate(go);
-      }
-    });
-  }
+  <script>
+    function testTimeout() {
+      var start = new Date();
+      var i = 0;
+      setTimeout(function go() {
+        i++;
+        if (i == 100) {
+          alert(new Date - start);
+        } else {
+          setTimeout(go, 0);
+        }
+      }, 0);
+    }
 
+    function testImmediate() {
+      var start = new Date();
+      var i = 0;
+      setImmediate(function go() {
+        i++;
+        if (i == 100) {
+          alert(new Date - start);
+        } else {
+          setImmediate(go);
+        }
+      });
+    }
+  </script>
 
-</script>
-  
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/8-range-textrange-selection/domRangeCreate.view/index.html b/12-extra/8-range-textrange-selection/domRangeCreate.view/index.html
index badac04a..54050cf1 100644
--- a/12-extra/8-range-textrange-selection/domRangeCreate.view/index.html
+++ b/12-extra/8-range-textrange-selection/domRangeCreate.view/index.html
@@ -1,37 +1,40 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
-<div id="ex2" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
-	<h2 style="color:#333; margin:0; padding:0 0 7px 0; font:bold 15px Arial;">Соз|даем Range-объект</h2>
-	<p style="color:#333; margin:0; font:13px Arial;">От третье|го символа заголовка до десятого символа это абзаца.</p>
-</div>
+  <div id="ex2" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
+    <h2 style="color:#333; margin:0; padding:0 0 7px 0; font:bold 15px Arial;">Соз|даем Range-объект</h2>
+    <p style="color:#333; margin:0; font:13px Arial;">От третье|го символа заголовка до десятого символа это абзаца.</p>
+  </div>
 
-<button onclick="alert(domRangeCreate())">Создать Range и вывести его текст</button>
+  <button onclick="alert(domRangeCreate())">Создать Range и вывести его текст</button>
 
-<script>
-function domRangeCreate() {
-  // Найдем корневой контейнер
-  var root = document.getElementById('ex2');
-  // Найдем контейнеры граничных точек (в данном случае тестовые)
-  var start = root.getElementsByTagName('h2')[0].firstChild;
-  var end = root.getElementsByTagName('p')[0].firstChild;
-  if (document.createRange) {
-    // Создаем Range
-    var rng = document.createRange();
-    // Задаем верхнюю граничную точку, передав контейнер и смещение
-    rng.setStart( start, 3 );
-    // Аналогично для нижней границы
-    rng.setEnd( end, 10 );
-    // Теперь мы можем вернуть текст, который содержится в полученной области
-    return rng.toString();
-  } else {
-    return 'Вероятно, у вас IE8-, смотрите реализацию TextRange ниже';
-  }
-}
-</script>
+  <script>
+    function domRangeCreate() {
+      // Найдем корневой контейнер
+      var root = document.getElementById('ex2');
+      // Найдем контейнеры граничных точек (в данном случае тестовые)
+      var start = root.getElementsByTagName('h2')[0].firstChild;
+      var end = root.getElementsByTagName('p')[0].firstChild;
+      if (document.createRange) {
+        // Создаем Range
+        var rng = document.createRange();
+        // Задаем верхнюю граничную точку, передав контейнер и смещение
+        rng.setStart(start, 3);
+        // Аналогично для нижней границы
+        rng.setEnd(end, 10);
+        // Теперь мы можем вернуть текст, который содержится в полученной области
+        return rng.toString();
+      } else {
+        return 'Вероятно, у вас IE8-, смотрите реализацию TextRange ниже';
+      }
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/8-range-textrange-selection/domRangeHighlight.view/index.html b/12-extra/8-range-textrange-selection/domRangeHighlight.view/index.html
index e2e00fa5..e7b6d9b5 100644
--- a/12-extra/8-range-textrange-selection/domRangeHighlight.view/index.html
+++ b/12-extra/8-range-textrange-selection/domRangeHighlight.view/index.html
@@ -1,34 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="ex3" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
-  Найдем в этом тексте слово "бабуля" и подсветим его синим фоном
-</div>
-<div>
-  <input onclick="domRangehighlight('бабуля'); this.style.display = 'none';" type="button" value="Найти!">
-</div>
-<script>
-function domRangehighlight( text ) {
-  var root = document.getElementById('ex3').firstChild;
-  var content = root.nodeValue;
-  if ( ~content.indexOf( text ) ) {
-    if ( document.createRange ) {
-      var rng = document.createRange();
-      rng.setStart( root, content.indexOf( text ) );
-      rng.setEnd( root, content.indexOf( text ) + text.length );
-      var highlightDiv = document.createElement('span');
-      highlightDiv.style.backgroundColor = 'blue';
-       rng.surroundContents( highlightDiv );
-    } else
-      alert('Вероятно, у вас IE8-, смотрите реализацию TextRange ниже');
-  } else
-    alert('Совпадений не найдено');
-}
-</script>
+  <div id="ex3" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
+    Найдем в этом тексте слово "бабуля" и подсветим его синим фоном
+  </div>
+  <div>
+    <input onclick="domRangehighlight('бабуля'); this.style.display = 'none';" type="button" value="Найти!">
+  </div>
+  <script>
+    function domRangehighlight(text) {
+      var root = document.getElementById('ex3').firstChild;
+      var content = root.nodeValue;
+      if (~content.indexOf(text)) {
+        if (document.createRange) {
+          var rng = document.createRange();
+          rng.setStart(root, content.indexOf(text));
+          rng.setEnd(root, content.indexOf(text) + text.length);
+          var highlightDiv = document.createElement('span');
+          highlightDiv.style.backgroundColor = 'blue';
+          rng.surroundContents(highlightDiv);
+        } else
+          alert('Вероятно, у вас IE8-, смотрите реализацию TextRange ниже');
+      } else
+        alert('Совпадений не найдено');
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/8-range-textrange-selection/fix-ie.view/index.html b/12-extra/8-range-textrange-selection/fix-ie.view/index.html
index fcc876ae..189ceddf 100644
--- a/12-extra/8-range-textrange-selection/fix-ie.view/index.html
+++ b/12-extra/8-range-textrange-selection/fix-ie.view/index.html
@@ -1,14 +1,15 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <script src="fixIERangeObject.js"></script>
 
-    <script>
+<head>
+  <meta charset="utf-8">
+  <script src="fixIERangeObject.js"></script>
+
+  <script>
     function test() {
 
       var range = getRangeObject();
-      if(range) {
+      if (range) {
         alert(range);
         alert(range.startContainer.nodeValue);
         alert(range.startOffset);
@@ -17,11 +18,13 @@
         alert('Сначала выделите текст');
       }
     }
-    </script>
-  </head>
-  <body>
-    Выделите текст:
-    <pre>The quick brown fox jumped over the lazy dog</pre>
-    <input type="button" value="Вывести выделение и свойства startContainer, startOffset, endOffset" onclick="test();" />
-  </body>
-</html>
+  </script>
+</head>
+
+<body>
+  Выделите текст:
+  <pre>The quick brown fox jumped over the lazy dog</pre>
+  <input type="button" value="Вывести выделение и свойства startContainer, startOffset, endOffset" onclick="test();" />
+</body>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/8-range-textrange-selection/ieTextRangeHighlight.view/index.html b/12-extra/8-range-textrange-selection/ieTextRangeHighlight.view/index.html
index e9f6ab84..8a8fd8df 100644
--- a/12-extra/8-range-textrange-selection/ieTextRangeHighlight.view/index.html
+++ b/12-extra/8-range-textrange-selection/ieTextRangeHighlight.view/index.html
@@ -1,32 +1,35 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="ex4" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
-  Найдем в этом тексте слово "бабуля" и подсветим его синим фоном
-</div>
-<div>
-  <input onclick="ieTextRangeHighlight('бабуля'); this.style.display = 'none';" type="button" value="Найти!">
-</div>
-<script>
-function ieTextRangeHighlight(text) {
-  var root = document.getElementById('ex4');
-  var content = root.firstChild.nodeValue;
-  if ( ~content.indexOf(text) ) {
-    if ( document.body.createTextRange ) {
-      var rng = document.body.createTextRange();
-      rng.moveToElementText( root );
-      if ( rng.findText( text ) )
-        rng.pasteHTML( '<span style="background:blue;">' + text + '</span>' );
-    } else
-      alert('Вероятно, у вас не IE, смотрите реализацию Range выше');
-  } else
-    alert('Совпадений не найдено');
-}
-</script>
+  <div id="ex4" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
+    Найдем в этом тексте слово "бабуля" и подсветим его синим фоном
+  </div>
+  <div>
+    <input onclick="ieTextRangeHighlight('бабуля'); this.style.display = 'none';" type="button" value="Найти!">
+  </div>
+  <script>
+    function ieTextRangeHighlight(text) {
+      var root = document.getElementById('ex4');
+      var content = root.firstChild.nodeValue;
+      if (~content.indexOf(text)) {
+        if (document.body.createTextRange) {
+          var rng = document.body.createTextRange();
+          rng.moveToElementText(root);
+          if (rng.findText(text))
+            rng.pasteHTML('<span style="background:blue;">' + text + '</span>');
+        } else
+          alert('Вероятно, у вас не IE, смотрите реализацию Range выше');
+      } else
+        alert('Совпадений не найдено');
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/8-range-textrange-selection/setSelection.view/index.html b/12-extra/8-range-textrange-selection/setSelection.view/index.html
index 11e2d8d4..ef81a498 100644
--- a/12-extra/8-range-textrange-selection/setSelection.view/index.html
+++ b/12-extra/8-range-textrange-selection/setSelection.view/index.html
@@ -1,34 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="ex5" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
-  Снова будем выделять <span>бабулю</span>, на этот раз без поиска.
-</div>
-<div>
-  <input onclick="setSelection()" type="button" value="Выделить бабулю">
-</div>
-<script>
-function setSelection() {
-  var target = document.getElementById('ex5').getElementsByTagName('span')[0];
-  var rng, sel;
-  if ( document.createRange ) {
-    rng = document.createRange();
-    rng.selectNode( target )
-    sel = window.getSelection();
-    sel.removeAllRanges();
-    sel.addRange( rng );
-  } else {
-    var rng = document.body.createTextRange();
-    rng.moveToElementText( target );
-    rng.select();
-  }
-}
-</script>
+  <div id="ex5" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
+    Снова будем выделять <span>бабулю</span>, на этот раз без поиска.
+  </div>
+  <div>
+    <input onclick="setSelection()" type="button" value="Выделить бабулю">
+  </div>
+  <script>
+    function setSelection() {
+      var target = document.getElementById('ex5').getElementsByTagName('span')[0];
+      var rng, sel;
+      if (document.createRange) {
+        rng = document.createRange();
+        rng.selectNode(target)
+        sel = window.getSelection();
+        sel.removeAllRanges();
+        sel.addRange(rng);
+      } else {
+        var rng = document.body.createTextRange();
+        rng.moveToElementText(target);
+        rng.select();
+      }
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/12-extra/9-drag-and-drop-plus/dragTree.view/index.html b/12-extra/9-drag-and-drop-plus/dragTree.view/index.html
index 09dfa6dd..49db15fd 100644
--- a/12-extra/9-drag-and-drop-plus/dragTree.view/index.html
+++ b/12-extra/9-drag-and-drop-plus/dragTree.view/index.html
@@ -1,70 +1,73 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="UTF-8">
-    <script src="lib.js"></script>
-    <script src="DragManager.js"></script>
-    <script src="DragAvatar.js"></script>
-    <script src="DragZone.js"></script>
-    <script src="DropTarget.js"></script>
-    <script src="TreeDragAvatar.js"></script>
-    <script src="TreeDragZone.js"></script>
-    <script src="TreeDropTarget.js"></script>
-    <link rel="stylesheet" type="text/css" href="dragTree.css">
+  <meta charset="UTF-8">
+  <script src="lib.js"></script>
+  <script src="DragManager.js"></script>
+  <script src="DragAvatar.js"></script>
+  <script src="DragZone.js"></script>
+  <script src="DropTarget.js"></script>
+  <script src="TreeDragAvatar.js"></script>
+  <script src="TreeDragZone.js"></script>
+  <script src="TreeDropTarget.js"></script>
+  <link rel="stylesheet" type="text/css" href="dragTree.css">
 </head>
+
 <body>
 
-Возьмите за любой заголовок и поменяйте ему родителя.<br>
-В собственных детей перенести нельзя.<br>
-Потомки всегда отсортированы по алфавиту.
+  Возьмите за любой заголовок и поменяйте ему родителя.
+  <br> В собственных детей перенести нельзя.
+  <br> Потомки всегда отсортированы по алфавиту.
 
-<ul id="tree">
+  <ul id="tree">
     <li><span>Древо жизни (сверхмалая часть)</span>
-        <ul>
-            <li><span>Грибы</span>
-                <ul>
-                    <li><span>Древесные</span>
-                        <ul>
-                            <li><span>Чага</span></li>
-                        </ul>
-                    </li>
-                    <li><span>Наземные</span>
-                        <ul>
-                            <li><span>Опята</span></li>
-                            <li><span>Подосиновики</span></li>
-                        </ul>
+      <ul>
+        <li><span>Грибы</span>
+          <ul>
+            <li><span>Древесные</span>
+              <ul>
+                <li><span>Чага</span></li>
+              </ul>
+            </li>
+            <li><span>Наземные</span>
+              <ul>
+                <li><span>Опята</span></li>
+                <li><span>Подосиновики</span></li>
+              </ul>
 
-                    </li>
-                </ul>
             </li>
-            <li><span>Животные</span>
-                <ul>
-                    <li><span>Земноводные</span>
-                        <ul>
-                            <li><span>Лягушки</span></li>
-                            <li><span>Саламандры</span></li>
-                            <li><span>Тритоны</span></li>
-                        </ul>
-                    </li>
-                    <li><span>Млекопитающие</span>
-                        <ul>
-                            <li><span>Коровы</span></li>
-                            <li><span>Ослы</span></li>
-                            <li><span>Собаки</span></li>
-                            <li><span>Тигры</span></li>
-                        </ul>
-                    </li>
-                </ul>
+          </ul>
+        </li>
+        <li><span>Животные</span>
+          <ul>
+            <li><span>Земноводные</span>
+              <ul>
+                <li><span>Лягушки</span></li>
+                <li><span>Саламандры</span></li>
+                <li><span>Тритоны</span></li>
+              </ul>
             </li>
-        </ul>
+            <li><span>Млекопитающие</span>
+              <ul>
+                <li><span>Коровы</span></li>
+                <li><span>Ослы</span></li>
+                <li><span>Собаки</span></li>
+                <li><span>Тигры</span></li>
+              </ul>
+            </li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
+  <script>
     var tree = document.getElementById('tree');
     new TreeDragZone(tree);
     new TreeDropTarget(tree);
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/10-clock-setinterval/solution.view/index.html b/2-ui/1-document/11-modifying-document/10-clock-setinterval/solution.view/index.html
index 31cf9adb..55396e63 100644
--- a/2-ui/1-document/11-modifying-document/10-clock-setinterval/solution.view/index.html
+++ b/2-ui/1-document/11-modifying-document/10-clock-setinterval/solution.view/index.html
@@ -1,48 +1,57 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8">
-<style>
-  .hour { color: red }
-  .min { color: green }
-  .sec { color: blue }
-</style>
+
+<head>
+  <meta charset="utf-8">
+  <style>
+    .hour {
+      color: red
+    }
+    
+    .min {
+      color: green
+    }
+    
+    .sec {
+      color: blue
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="clock">
+  <div id="clock">
     <span class="hour">hh</span>:<span class="min">mm</span>:<span class="sec">ss</span>
-</div>
+  </div>
 
-<script>
+  <script>
+    var timerId;
 
-var timerId;
+    function update() {
+      var clock = document.getElementById('clock');
+      var date = new Date();
 
-function update() {
-  var clock = document.getElementById('clock');
-  var date = new Date();
+      var hours = date.getHours();
+      if (hours < 10) hours = '0' + hours;
+      clock.children[0].innerHTML = hours;
 
-  var hours = date.getHours();
-  if (hours < 10) hours = '0'+hours;
-  clock.children[0].innerHTML = hours;
+      var minutes = date.getMinutes();
+      if (minutes < 10) minutes = '0' + minutes;
+      clock.children[1].innerHTML = minutes;
 
-  var minutes = date.getMinutes();
-  if (minutes < 10) minutes = '0'+minutes;
-  clock.children[1].innerHTML = minutes;
+      var seconds = date.getSeconds();
+      if (seconds < 10) seconds = '0' + seconds;
+      clock.children[2].innerHTML = seconds;
+    }
 
-  var seconds = date.getSeconds();
-  if (seconds < 10) seconds = '0'+seconds;
-  clock.children[2].innerHTML = seconds;
-}
+    function clockStart() {
+      setInterval(update, 1000);
+      update(); // <--  начать тут же, не ждать 1 секунду пока setInterval сработает
+    }
 
-function clockStart() {
-  setInterval(update, 1000);
-  update(); // <--  начать тут же, не ждать 1 секунду пока setInterval сработает
-}
-
-clockStart();
-
-
-</script>
+    clockStart();
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/10-clock-setinterval/source.view/index.html b/2-ui/1-document/11-modifying-document/10-clock-setinterval/source.view/index.html
index f921b8fb..9120728f 100644
--- a/2-ui/1-document/11-modifying-document/10-clock-setinterval/source.view/index.html
+++ b/2-ui/1-document/11-modifying-document/10-clock-setinterval/source.view/index.html
@@ -1,11 +1,13 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
 
 
-<input type="button" onclick="clockStart()" value="Start">
+  <input type="button" onclick="clockStart()" value="Start">
 
-<input type="button" onclick="clockStop()" value="Stop">
+  <input type="button" onclick="clockStop()" value="Stop">
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/6-create-list/solution.view/index.html b/2-ui/1-document/11-modifying-document/6-create-list/solution.view/index.html
index f872b42c..254844e3 100755
--- a/2-ui/1-document/11-modifying-document/6-create-list/solution.view/index.html
+++ b/2-ui/1-document/11-modifying-document/6-create-list/solution.view/index.html
@@ -1,27 +1,30 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
-<h1>Создание списка</h1>
+  <h1>Создание списка</h1>
 
-<script>
-  var ul = document.createElement('ul');
-  document.body.appendChild(ul);
+  <script>
+    var ul = document.createElement('ul');
+    document.body.appendChild(ul);
 
-  while (true) {
-    var data = prompt("Введите текст для пункта списка", "");
+    while (true) {
+      var data = prompt("Введите текст для пункта списка", "");
 
-    if (!data) {
-       break;
+      if (!data) {
+        break;
+      }
+
+      var li = document.createElement('li');
+      li.appendChild(document.createTextNode(data));
+      ul.appendChild(li);
     }
-
-    var li = document.createElement('li');
-    li.appendChild(document.createTextNode(data));
-    ul.appendChild(li);
-  }
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/7-create-object-tree/build-tree-dom.view/index.html b/2-ui/1-document/11-modifying-document/7-create-object-tree/build-tree-dom.view/index.html
index 7b920d9f..50428719 100755
--- a/2-ui/1-document/11-modifying-document/7-create-object-tree/build-tree-dom.view/index.html
+++ b/2-ui/1-document/11-modifying-document/7-create-object-tree/build-tree-dom.view/index.html
@@ -1,67 +1,70 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="container"></div>
+  <div id="container"></div>
 
-<script>
-  var data = {
-    "Рыбы":{
-      "Форель":{},
-      "Щука":{}
-    },
-
-    "Деревья":{
-      "Хвойные":{
-        "Лиственница":{},
-        "Ель":{}
+  <script>
+    var data = {
+      "Рыбы": {
+        "Форель": {},
+        "Щука": {}
       },
-      "Цветковые":{
-        "Берёза":{},
-        "Тополь":{}
+
+      "Деревья": {
+        "Хвойные": {
+          "Лиственница": {},
+          "Ель": {}
+        },
+        "Цветковые": {
+          "Берёза": {},
+          "Тополь": {}
+        }
+
+      }
+    };
+
+    function createTree(container, obj) {
+      container.appendChild(createTreeDom(obj));
+    }
+
+    function createTreeDom(obj) {
+      // если нет детей, то рекурсивный вызов ничего не возвращает
+      // так что вложенный UL не будет создан
+      if (isObjectEmpty(obj)) return;
+
+      var ul = document.createElement('ul');
+
+      for (var key in obj) {
+        var li = document.createElement('li');
+        li.innerHTML = key;
+
+        var childrenUl = createTreeDom(obj[key]);
+        if (childrenUl) li.appendChild(childrenUl);
+
+        ul.appendChild(li);
       }
 
-    }
-  };
-
-  function createTree(container, obj) {
-    container.appendChild( createTreeDom(obj) );
-  }
-
-  function createTreeDom(obj) {
-    // если нет детей, то рекурсивный вызов ничего не возвращает
-    // так что вложенный UL не будет создан
-    if (isObjectEmpty(obj)) return;
-
-    var ul = document.createElement('ul');
-
-    for (var key in obj) {
-      var li = document.createElement('li');
-      li.innerHTML = key;
-
-      var childrenUl = createTreeDom(obj[key]);
-      if (childrenUl) li.appendChild(childrenUl);
-
-      ul.appendChild(li);
+      return ul;
     }
 
-    return ul;
-  }
 
-
-  function isObjectEmpty(obj) {
-    for (var key in obj) {
-      return false;
+    function isObjectEmpty(obj) {
+      for (var key in obj) {
+        return false;
+      }
+      return true;
     }
-    return true;
-  }
 
-  var container = document.getElementById('container');
-  createTree(container, data);
-</script>
+    var container = document.getElementById('container');
+    createTree(container, data);
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/7-create-object-tree/solution.view/index.html b/2-ui/1-document/11-modifying-document/7-create-object-tree/solution.view/index.html
index fd24ffc4..fc4cae62 100755
--- a/2-ui/1-document/11-modifying-document/7-create-object-tree/solution.view/index.html
+++ b/2-ui/1-document/11-modifying-document/7-create-object-tree/solution.view/index.html
@@ -1,49 +1,52 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="container"></div>
+  <div id="container"></div>
 
-<script>
-  var data = {
-    "Рыбы":{
-      "Форель":{},
-      "Щука":{}
-    },
-
-    "Деревья":{
-      "Хвойные":{
-        "Лиственница":{},
-        "Ель":{}
+  <script>
+    var data = {
+      "Рыбы": {
+        "Форель": {},
+        "Щука": {}
       },
-      "Цветковые":{
-        "Берёза":{},
-        "Тополь":{}
+
+      "Деревья": {
+        "Хвойные": {
+          "Лиственница": {},
+          "Ель": {}
+        },
+        "Цветковые": {
+          "Берёза": {},
+          "Тополь": {}
+        }
+
       }
+    };
 
+    function createTree(container, obj) {
+      container.innerHTML = createTreeText(obj);
     }
-  };
 
-  function createTree(container, obj) {
-    container.innerHTML = createTreeText(obj);
-  }
-
-  function createTreeText(obj) { // отдельная рекурсивная функция
-    var li = '';
-    for (var key in obj) {
-      li += '<li>' + key + createTreeText(obj[key]) + '</li>';
+    function createTreeText(obj) { // отдельная рекурсивная функция
+      var li = '';
+      for (var key in obj) {
+        li += '<li>' + key + createTreeText(obj[key]) + '</li>';
+      }
+      if (li) {
+        var ul = '<ul>' + li + '</ul>'
+      }
+      return ul || '';
     }
-    if (li) {
-      var ul = '<ul>' + li + '</ul>'
-    }
-    return ul || '';
-  }
 
-  var container = document.getElementById('container');
-  createTree(container, data);
-</script>
+    var container = document.getElementById('container');
+    createTree(container, data);
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/7-create-object-tree/source.view/index.html b/2-ui/1-document/11-modifying-document/7-create-object-tree/source.view/index.html
index 35067bf8..9a64f587 100755
--- a/2-ui/1-document/11-modifying-document/7-create-object-tree/source.view/index.html
+++ b/2-ui/1-document/11-modifying-document/7-create-object-tree/source.view/index.html
@@ -1,13 +1,15 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="tree"></div>
+  <div id="tree"></div>
 
-<!-- Результат должен быть таким:
+  <!-- Результат должен быть таким:
 <div id="tree">
 <ul>
   <li>Рыбы
@@ -36,29 +38,30 @@
 </div>
 -->
 
-<script>
-  var data = {
-    "Рыбы":{
-      "Форель":{},
-      "Щука":{}
-    },
-
-    "Деревья":{
-      "Хвойные":{
-        "Лиственница":{},
-        "Ель":{}
+  <script>
+    var data = {
+      "Рыбы": {
+        "Форель": {},
+        "Щука": {}
       },
-      "Цветковые":{
-        "Берёза":{},
-        "Тополь":{}
+
+      "Деревья": {
+        "Хвойные": {
+          "Лиственница": {},
+          "Ель": {}
+        },
+        "Цветковые": {
+          "Берёза": {},
+          "Тополь": {}
+        }
       }
-    }
-  };
+    };
 
-  /* ваш код */
+    /* ваш код */
 
-  createTree(document.getElementById('tree'), data);
-</script>
+    createTree(document.getElementById('tree'), data);
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/8-tree-count/solution.view/index.html b/2-ui/1-document/11-modifying-document/8-tree-count/solution.view/index.html
index 1adccbb7..736bfa9f 100644
--- a/2-ui/1-document/11-modifying-document/8-tree-count/solution.view/index.html
+++ b/2-ui/1-document/11-modifying-document/8-tree-count/solution.view/index.html
@@ -1,59 +1,64 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<ul>
+  <ul>
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
-var lis = document.getElementsByTagName('li');
+  <script>
+    var lis = document.getElementsByTagName('li');
 
-for(i=0; i<lis.length; i++) {
-    // получить количество детей
-    var childCount = lis[i].getElementsByTagName('li').length;
-    if (!childCount) continue;
+    for (i = 0; i < lis.length; i++) {
+      // получить количество детей
+      var childCount = lis[i].getElementsByTagName('li').length;
+      if (!childCount) continue;
 
-    // добавить кол-во детей к текстовому узлу
-    lis[i].firstChild.data += ' ['+childCount+']';
+      // добавить кол-во детей к текстовому узлу
+      lis[i].firstChild.data += ' [' + childCount + ']';
 
-}
-</script>
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/8-tree-count/source.view/index.html b/2-ui/1-document/11-modifying-document/8-tree-count/source.view/index.html
index ddf25947..2f45460c 100644
--- a/2-ui/1-document/11-modifying-document/8-tree-count/source.view/index.html
+++ b/2-ui/1-document/11-modifying-document/8-tree-count/source.view/index.html
@@ -1,49 +1,54 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<ul>
+  <ul>
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
-  // .. ваш код ..
-</script>
+  <script>
+    // .. ваш код ..
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/9-calendar-table/solution.view/index.html b/2-ui/1-document/11-modifying-document/9-calendar-table/solution.view/index.html
index 2adc7474..e0a7443c 100644
--- a/2-ui/1-document/11-modifying-document/9-calendar-table/solution.view/index.html
+++ b/2-ui/1-document/11-modifying-document/9-calendar-table/solution.view/index.html
@@ -1,80 +1,84 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style>
-table {
-  border-collapse: collapse;
-}
-
-td, th {
-  border: 1px solid black;
-  padding: 3px;
-  text-align: center;
-}
-
-th {
-  font-weight: bold;
-  background-color: #E6E6E6;
-}
-</style>
-<meta charset="utf-8">
+  <style>
+    table {
+      border-collapse: collapse;
+    }
+    
+    td,
+    th {
+      border: 1px solid black;
+      padding: 3px;
+      text-align: center;
+    }
+    
+    th {
+      font-weight: bold;
+      background-color: #E6E6E6;
+    }
+  </style>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
 
-<div id="calendar"></div>
+  <div id="calendar"></div>
 
-<script>
-function createCalendar(id, year, month) {
-  var elem = document.getElementById(id);
+  <script>
+    function createCalendar(id, year, month) {
+      var elem = document.getElementById(id);
 
-  var mon = month - 1; // месяцы в JS идут от 0 до 11, а не от 1 до 12
-  var d = new Date(year, mon);
+      var mon = month - 1; // месяцы в JS идут от 0 до 11, а не от 1 до 12
+      var d = new Date(year, mon);
 
-  var table = '<table><tr><th>пн</th><th>вт</th><th>ср</th><th>чт</th><th>пт</th><th>сб</th><th>вс</th></tr><tr>';
+      var table = '<table><tr><th>пн</th><th>вт</th><th>ср</th><th>чт</th><th>пт</th><th>сб</th><th>вс</th></tr><tr>';
 
-  // заполнить первый ряд от понедельника
-  // и до дня, с которого начинается месяц
-  // * * * | 1  2  3  4
-  for (var i=0; i<getDay(d); i++) {
-    table += '<td></td>';
-  }
+      // заполнить первый ряд от понедельника
+      // и до дня, с которого начинается месяц
+      // * * * | 1  2  3  4
+      for (var i = 0; i < getDay(d); i++) {
+        table += '<td></td>';
+      }
 
-  // ячейки календаря с датами
-  while(d.getMonth() == mon) {
-    table += '<td>'+d.getDate()+'</td>';
+      // ячейки календаря с датами
+      while (d.getMonth() == mon) {
+        table += '<td>' + d.getDate() + '</td>';
 
-    if (getDay(d) % 7 == 6) { // вс, последний день - перевод строки
-      table += '</tr><tr>';
+        if (getDay(d) % 7 == 6) { // вс, последний день - перевод строки
+          table += '</tr><tr>';
+        }
+
+        d.setDate(d.getDate() + 1);
+      }
+
+      // добить таблицу пустыми ячейками, если нужно
+      if (getDay(d) != 0) {
+        for (var i = getDay(d); i < 7; i++) {
+          table += '<td></td>';
+        }
+      }
+
+      // закрыть таблицу
+      table += '</tr></table>';
+
+      // только одно присваивание innerHTML
+      elem.innerHTML = table;
     }
 
-    d.setDate(d.getDate()+1);
-  }
-
-  // добить таблицу пустыми ячейками, если нужно
-  if (getDay(d) != 0) {
-    for (var i=getDay(d); i<7; i++) {
-      table += '<td></td>';
+    function getDay(date) { // получить номер дня недели, от 0(пн) до 6(вс)
+      var day = date.getDay();
+      if (day == 0) day = 7;
+      return day - 1;
     }
-  }
-
-  // закрыть таблицу
-  table += '</tr></table>';
-
-  // только одно присваивание innerHTML
-  elem.innerHTML = table;
-}
-
-function getDay(date) { // получить номер дня недели, от 0(пн) до 6(вс)
-  var day = date.getDay();
-  if (day == 0) day = 7;
-  return day - 1;
-}
 
 
 
-createCalendar("calendar", 2012, 9)
-</script>
+    createCalendar("calendar", 2012, 9)
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/11-modifying-document/9-calendar-table/source.view/index.html b/2-ui/1-document/11-modifying-document/9-calendar-table/source.view/index.html
index 38008482..2eedf93e 100644
--- a/2-ui/1-document/11-modifying-document/9-calendar-table/source.view/index.html
+++ b/2-ui/1-document/11-modifying-document/9-calendar-table/source.view/index.html
@@ -1,39 +1,41 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style>
-table {
-  border-collapse: collapse;
-}
-
-td, th {
-  border: 1px solid black;
-  padding: 3px;
-  text-align: center;
-}
-
-th {
-  font-weight: bold;
-  background-color: #E6E6E6;
-}
-</style>
-<meta charset="utf-8">
+  <style>
+    table {
+      border-collapse: collapse;
+    }
+    
+    td,
+    th {
+      border: 1px solid black;
+      padding: 3px;
+      text-align: center;
+    }
+    
+    th {
+      font-weight: bold;
+      background-color: #E6E6E6;
+    }
+  </style>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
 
-<div id="calendar"></div>
+  <div id="calendar"></div>
 
-<script>
+  <script>
+    function createCalendar(id, year, month) {
+      var elem = document.getElementById(id)
 
-function createCalendar(id, year, month) {
-  var elem = document.getElementById(id)
+      // ... ваш код, который генерирует в elem календарь
+    }
 
-  // ... ваш код, который генерирует в elem календарь
-}
-
-createCalendar('calendar', 2011, 1)
-
-</script>
+    createCalendar('calendar', 2011, 1)
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/12-multi-insert/2-sort-table-performance/solution.view/index.html b/2-ui/1-document/12-multi-insert/2-sort-table-performance/solution.view/index.html
index ee89ce92..9f249c03 100644
--- a/2-ui/1-document/12-multi-insert/2-sort-table-performance/solution.view/index.html
+++ b/2-ui/1-document/12-multi-insert/2-sort-table-performance/solution.view/index.html
@@ -1,173 +1,202 @@
 <!DOCTYPE html>
 <html>
+
 <body>
 
-<fieldset>
-  <legend>Алгоритм 1.</legend>
-<ol>
-  <li>Все <code>TR</code> удалить из таблицы, при этом собрав их в JavaScript-массив.</li>
-  <li>Отсортировать этот массив, используя свою функцию в <code>sort(...)</code> для сравнения <code>TR</code></li>
-  <li>Добавить <code>TR</code> из массива в таблицу в нужном порядке</li>
-</ol>
-<button onclick="bench(sort1, this)">Померять время</button>
-</fieldset>
+  <fieldset>
+    <legend>Алгоритм 1.</legend>
+    <ol>
+      <li>Все <code>TR</code> удалить из таблицы, при этом собрав их в JavaScript-массив.</li>
+      <li>Отсортировать этот массив, используя свою функцию в <code>sort(...)</code> для сравнения <code>TR</code></li>
+      <li>Добавить <code>TR</code> из массива в таблицу в нужном порядке</li>
+    </ol>
+    <button onclick="bench(sort1, this)">Померять время</button>
+  </fieldset>
 
-<fieldset>
-  <legend>Алгоритм 2.</legend>
-<ol>
-  <li>Скопировать <code>TR</code> в JavaScript-массив.</li>
-  <li>Отсортировать этот массив, используя свою функцию в <code>sort(...)</code> для сравнения <code>TR</code></li>
-  <li>Добавить <code>TR</code> из массива в таблицу в нужном порядке. При добавлении каждый <code>TR</code> сам удалится с предыдущего места.</li>
-</ol>
-<button onclick="bench(sort2, this)">Померять время</button>
-</fieldset>
+  <fieldset>
+    <legend>Алгоритм 2.</legend>
+    <ol>
+      <li>Скопировать <code>TR</code> в JavaScript-массив.</li>
+      <li>Отсортировать этот массив, используя свою функцию в <code>sort(...)</code> для сравнения <code>TR</code></li>
+      <li>Добавить <code>TR</code> из массива в таблицу в нужном порядке. При добавлении каждый <code>TR</code> сам удалится с предыдущего места.</li>
+    </ol>
+    <button onclick="bench(sort2, this)">Померять время</button>
+  </fieldset>
 
 
-<fieldset>
-  <legend>Алгоритм 3.</legend>
-<ol>
-  <li>Создать массив из объектов вида <code>{elem: ссылка на TR, value: содержимое TR}</code>.</li>
-  <li>Отсортировать массив по <code>value</code>. Функция сравнения во время сортировки теперь будет обращаться не к <code>innerHTML</code>, а к свойству объекта, это быстрее. Сортировка может потребовать многократных сравнений одного и того же элемента, отсюда выигрыш.</li>
-  <li>Добавить <code>TR</code> в таблицу в нужном порядке (автоудалятся с предыдущего места).</li>
-</ol>
-<button onclick="bench(function(){sortOpt(false)}, this)">Померять время</button>
-</fieldset>
+  <fieldset>
+    <legend>Алгоритм 3.</legend>
+    <ol>
+      <li>Создать массив из объектов вида <code>{elem: ссылка на TR, value: содержимое TR}</code>.</li>
+      <li>Отсортировать массив по <code>value</code>. Функция сравнения во время сортировки теперь будет обращаться не к <code>innerHTML</code>, а к свойству объекта, это быстрее. Сортировка может потребовать многократных сравнений одного и того же элемента,
+        отсюда выигрыш.</li>
+      <li>Добавить <code>TR</code> в таблицу в нужном порядке (автоудалятся с предыдущего места).</li>
+    </ol>
+    <button onclick="bench(function(){sortOpt(false)}, this)">Померять время</button>
+  </fieldset>
 
 
-<fieldset>
-  <legend>Алгоритм 4.</legend>
-  <ol>
-    <li>Выполнить алгоритм 3, но перед этим удалить таблицу из документа, а после - вставить обратно.</li>
-  </ol>
-<button onclick="bench(function(){sortOpt(true)}, this)">Померять время</button>
-</fieldset>
+  <fieldset>
+    <legend>Алгоритм 4.</legend>
+    <ol>
+      <li>Выполнить алгоритм 3, но перед этим удалить таблицу из документа, а после - вставить обратно.</li>
+    </ol>
+    <button onclick="bench(function(){sortOpt(true)}, this)">Померять время</button>
+  </fieldset>
 
-<fieldset>
-  <legend>Алгоритм 5.</legend>
-  <ol>
-    <li>Замерить время генерации таблицы (создаётся строка и пишется в <code>innerHTML</code>).</li>
-  </ol>
-<button onclick="benchMake(this)">Померять время</button>
-</fieldset>
+  <fieldset>
+    <legend>Алгоритм 5.</legend>
+    <ol>
+      <li>Замерить время генерации таблицы (создаётся строка и пишется в <code>innerHTML</code>).</li>
+    </ol>
+    <button onclick="benchMake(this)">Померять время</button>
+  </fieldset>
 
-<div id="table-holder"></div>
+  <div id="table-holder"></div>
 
 
-<script>
+  <script>
+    function makeTable() {
+      var tableHolder = document.getElementById('table-holder');
 
-function makeTable() {
-  var tableHolder = document.getElementById('table-holder');
+      var contents = '<thead><th>Имя</th><th>Фамилия</th><th>Отчество</th><th>Возраст</th></thead>';
+      contents += '<tbody>';
+      for (var i = 0; i < 100; i++) {
+        contents += "<tr><td> ... </td><td>Разные</td><td>Данные</td><td>" + ((i + 50) % 30) + "</td></tr>";
+      }
+      contents += '</tbody>';
 
-  var contents = '<thead><th>Имя</th><th>Фамилия</th><th>Отчество</th><th>Возраст</th></thead>';
-  contents += '<tbody>';
-  for(var i=0; i<100; i++) {
-    contents += "<tr><td> ... </td><td>Разные</td><td>Данные</td><td>" + ( (i+50) % 30 ) + "</td></tr>";
-  }
-  contents += '</tbody>';
+      tableHolder.innerHTML = '<table>' + contents + '</table>';
+    }
 
-  tableHolder.innerHTML = '<table>'+contents+'</table>';
-}
+    /* перенести элементы в массив, отсортировать его и перевставить */
+    function sort1() {
+      var tbody = document.getElementsByTagName('tbody')[0];
+      var rows = [];
 
-/* перенести элементы в массив, отсортировать его и перевставить */
-function sort1() {
-  var tbody = document.getElementsByTagName('tbody')[0];
-  var rows = [];
+      for (var i = tbody.children.length - 1; i >= 0; i--) {
+        var child = tbody.removeChild(tbody.children[i]);
+        rows.push(child);
+      }
 
-  for(var i=tbody.children.length-1; i>=0; i--) {    
-    var child = tbody.removeChild(tbody.children[i]);
-    rows.push(child);
-  }
+      rows.sort(function(a, b) {
+        return a.lastChild.innerHTML - b.lastChild.innerHTML;
+      })
 
-  rows.sort(function(a, b) {
-    return a.lastChild.innerHTML - b.lastChild.innerHTML;
-  })
+      for (var i = 0; i < rows.length; i++) {
+        tbody.appendChild(rows[i]);
+      }
 
-  for(var i=0; i<rows.length; i++) {
-    tbody.appendChild(rows[i]);
-  }
+    }
 
-}
+    /* скопировать ссылки в массив, отсортировать его и перевставить */
+    function sort2() {
+      var tbody = document.getElementsByTagName('tbody')[0];
+      var rows = [];
 
-/* скопировать ссылки в массив, отсортировать его и перевставить */
-function sort2() {
-  var tbody = document.getElementsByTagName('tbody')[0];
-  var rows = [];
+      for (var i = 0; i < tbody.children.length; i++) {
+        rows.push(tbody.children[i]);
+      }
 
-  for(var i=0; i<tbody.children.length; i++) {
-    rows.push(tbody.children[i]);
-  }
+      rows.sort(function(a, b) {
+        return a.lastChild.innerHTML - b.lastChild.innerHTML;
+      })
 
-  rows.sort(function(a, b) {
-    return a.lastChild.innerHTML - b.lastChild.innerHTML;
-  })
+      for (var i = 0; i < rows.length; i++) {
+        tbody.appendChild(rows[i]);
+      }
 
-  for(var i=0; i<rows.length; i++) {
-    tbody.appendChild(rows[i]);
-  }
-
-}
+    }
 
 
-/* создать массив из значений и ссылок, отсортировать, перевставить
-  doRemove = предварительно вынуть из документа
-*/
-function sortOpt(doRemove) {
-  var tbody = document.getElementsByTagName('tbody')[0];
-  var table = tbody.parentNode;
-  if (doRemove) table.removeChild(tbody);
+    /* создать массив из значений и ссылок, отсортировать, перевставить
+      doRemove = предварительно вынуть из документа
+    */
+    function sortOpt(doRemove) {
+      var tbody = document.getElementsByTagName('tbody')[0];
+      var table = tbody.parentNode;
+      if (doRemove) table.removeChild(tbody);
 
-  var rows = [];
-  for(var i=0; i<tbody.children.length; i++) {
-    var elem = tbody.children[i];
-    rows.push({
-      value: elem.lastChild.innerHTML,
-      elem: elem 
-    });
-  }
+      var rows = [];
+      for (var i = 0; i < tbody.children.length; i++) {
+        var elem = tbody.children[i];
+        rows.push({
+          value: elem.lastChild.innerHTML,
+          elem: elem
+        });
+      }
 
-  rows.sort(function(a, b) {
-    return a.value - b.value;
-  });
+      rows.sort(function(a, b) {
+        return a.value - b.value;
+      });
 
-  for(var i=0; i<rows.length; i++) {
-    tbody.appendChild(rows[i].elem);
-  }
+      for (var i = 0; i < rows.length; i++) {
+        tbody.appendChild(rows[i].elem);
+      }
 
-  if (doRemove) table.appendChild(tbody);
-}
+      if (doRemove) table.appendChild(tbody);
+    }
 
 
-function bench(f, elem) {
-  var sum = 0;
-  for(var i=0; i<100; i++) {
-    makeTable();
-    var d = new Date;
-    f();
-    sum += new Date - d;
-  }
-  elem.innerHTML = sum + 'мс';
-}
+    function bench(f, elem) {
+      var sum = 0;
+      for (var i = 0; i < 100; i++) {
+        makeTable();
+        var d = new Date;
+        f();
+        sum += new Date - d;
+      }
+      elem.innerHTML = sum + 'мс';
+    }
 
 
-function benchMake(elem) {
-  var sum = 0;
-  for(var i=0; i<100; i++) {
-    var d = new Date;
-    makeTable();
-    sum += new Date - d;
-  }
-  elem.innerHTML = sum + 'мс';
-}
-
-
-</script>
+    function benchMake(elem) {
+      var sum = 0;
+      for (var i = 0; i < 100; i++) {
+        var d = new Date;
+        makeTable();
+        sum += new Date - d;
+      }
+      elem.innerHTML = sum + 'мс';
+    }
+  </script>
 
 
 
-<h3>Содержимое документа для придания "реалистичности"</h3>
+  <h3>Содержимое документа для придания "реалистичности"</h3>
 
-<div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div><div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
+  <div><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>0</span><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span></div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/12-multi-insert/benchmark.view/index.html b/2-ui/1-document/12-multi-insert/benchmark.view/index.html
index 2034a31c..12fecd91 100644
--- a/2-ui/1-document/12-multi-insert/benchmark.view/index.html
+++ b/2-ui/1-document/12-multi-insert/benchmark.view/index.html
@@ -1,20 +1,23 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
-  
-Вставляются 100 элементов LI в пустой UL.
 
-<input type="button" onclick="alert(bench(DocumentFragmentTest.insertPlain,200))" value="Замерить время на обычную вставку"/>
+  Вставляются 100 элементов LI в пустой UL.
 
-<input type="button" onclick="alert(bench(DocumentFragmentTest.insertDocumentFragment,200))" value="Замерить время на вставку через DocumentFragment">
+  <input type="button" onclick="alert(bench(DocumentFragmentTest.insertPlain,200))" value="Замерить время на обычную вставку" />
 
-<ul id="bench-list"></ul>
+  <input type="button" onclick="alert(bench(DocumentFragmentTest.insertDocumentFragment,200))" value="Замерить время на вставку через DocumentFragment">
 
-<script src="bench.js"></script>  
-<script src="documentfragment-bench.js"></script>
+  <ul id="bench-list"></ul>
+
+  <script src="bench.js"></script>
+  <script src="documentfragment-bench.js"></script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/solution.view/index.html b/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/solution.view/index.html
index 906df785..bf487e59 100755
--- a/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/solution.view/index.html
+++ b/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/solution.view/index.html
@@ -1,37 +1,40 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<div>
-  Кнопка:
-  <!-- создайте элемент и расположите его тут -->
-</div>
+  <div>
+    Кнопка:
+    <!-- создайте элемент и расположите его тут -->
+  </div>
 
-<script>
-  var a = document.createElement('a');
-  a.className = 'button';
-  a.appendChild(document.createTextNode('Нажми меня'));
-  a.href = '/';
+  <script>
+    var a = document.createElement('a');
+    a.className = 'button';
+    a.appendChild(document.createTextNode('Нажми меня'));
+    a.href = '/';
 
-  var s = a.style
-  s.MozBorderRadius = s.WebkitBorderRadius = s.borderRadius = '8px';
-  s.border = '2px groove green';
-  s.display = 'block';
-  s.height = '30px';
-  s.lineHeight = '30px';
-  s.width = '100px';
-  s.textDecoration = 'none';
-  s.textAlign = 'center';
-  s.color = 'red';
-  s.fontWeight = 'bold';
+    var s = a.style
+    s.MozBorderRadius = s.WebkitBorderRadius = s.borderRadius = '8px';
+    s.border = '2px groove green';
+    s.display = 'block';
+    s.height = '30px';
+    s.lineHeight = '30px';
+    s.width = '100px';
+    s.textDecoration = 'none';
+    s.textAlign = 'center';
+    s.color = 'red';
+    s.fontWeight = 'bold';
 
-  var div = document.body.children[0];
-  div.appendChild(a);
-
-
-</script>
+    var div = document.body.children[0];
+    div.appendChild(a);
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/source.view/index.html b/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/source.view/index.html
index be378ff0..3492198b 100755
--- a/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/source.view/index.html
+++ b/2-ui/1-document/14-styles-and-classes/1-round-button-javascript/source.view/index.html
@@ -1,17 +1,22 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<div>
-  Кнопка:
-  <!-- создайте элемент и расположите его тут -->
-</div>
+  <div>
+    Кнопка:
+    <!-- создайте элемент и расположите его тут -->
+  </div>
 
-<script>
-  // .. ваш код
-</script>
+  <script>
+    // .. ваш код
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.html b/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.html
index 94dc16d3..07ba7a03 100755
--- a/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.html
+++ b/2-ui/1-document/14-styles-and-classes/2-create-notification/solution.view/index.html
@@ -1,17 +1,21 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
 </head>
+
 <body>
-    
+
   <h2>Уведомление</h2>
-  
+
   <p>
-  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum magnam consequatur sit laboriosam velit excepturi laborum sequi eos placeat et quia deleniti? Corrupti velit impedit autem et obcaecati fuga debitis nemo ratione iste veniam amet dicta hic ipsam unde cupiditate incidunt aut iure ipsum officiis soluta temporibus. Tempore dicta ullam delectus numquam consectetur quisquam explicabo culpa excepturi placeat quo sequi molestias reprehenderit hic at nemo cumque voluptates quidem repellendus maiores unde earum molestiae ad.
-  </p>    
-  
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
+    magnam consequatur sit laboriosam velit excepturi laborum sequi eos placeat et quia deleniti? Corrupti velit impedit autem et obcaecati fuga debitis nemo ratione iste veniam amet dicta hic ipsam unde cupiditate incidunt aut iure ipsum officiis soluta
+    temporibus. Tempore dicta ullam delectus numquam consectetur quisquam explicabo culpa excepturi placeat quo sequi molestias reprehenderit hic at nemo cumque voluptates quidem repellendus maiores unde earum molestiae ad.
+  </p>
+
   <script>
     /**
      * Показывает уведомление, пропадающее через 1.5 сек
@@ -23,7 +27,7 @@
      * @param options.html {string} HTML-текст для показа
      */
     function showNotification(options) {
-      
+
       var notification = document.createElement('div');
       notification.className = "notification";
       if (options.cssText) {
@@ -51,11 +55,11 @@
         right: 10,
         html: 'Привет ' + ++i,
         className: "welcome"
-      });      
+      });
     }, 2000);
-
   </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.html b/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.html
index 752e22cc..dd184fce 100755
--- a/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.html
+++ b/2-ui/1-document/14-styles-and-classes/2-create-notification/source.view/index.html
@@ -1,29 +1,33 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
 </head>
+
 <body>
-    
+
   <h2>Уведомление</h2>
-  
+
   <p>
-  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum magnam consequatur sit laboriosam velit excepturi laborum sequi eos placeat et quia deleniti? Corrupti velit impedit autem et obcaecati fuga debitis nemo ratione iste veniam amet dicta hic ipsam unde cupiditate incidunt aut iure ipsum officiis soluta temporibus. Tempore dicta ullam delectus numquam consectetur quisquam explicabo culpa excepturi placeat quo sequi molestias reprehenderit hic at nemo cumque voluptates quidem repellendus maiores unde earum molestiae ad.
-  </p>    
-  
+    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
+    magnam consequatur sit laboriosam velit excepturi laborum sequi eos placeat et quia deleniti? Corrupti velit impedit autem et obcaecati fuga debitis nemo ratione iste veniam amet dicta hic ipsam unde cupiditate incidunt aut iure ipsum officiis soluta
+    temporibus. Tempore dicta ullam delectus numquam consectetur quisquam explicabo culpa excepturi placeat quo sequi molestias reprehenderit hic at nemo cumque voluptates quidem repellendus maiores unde earum molestiae ad.
+  </p>
+
   <p>В CSS есть готовый класс notification, который можно ставить уведомлению.</p>
 
   <script>
     /**
-    * Показывает уведомление, пропадающее через 1.5 сек
-    * 
-    * @param options.top {number} вертикальный отступ, в px
-    * @param options.right {number} правый отступ, в px
-    * @param options.cssText {string} строка стиля
-    * @param options.className {string} CSS-класс 
-    * @param options.html {string} HTML-текст для показа
-    */
+     * Показывает уведомление, пропадающее через 1.5 сек
+     * 
+     * @param options.top {number} вертикальный отступ, в px
+     * @param options.right {number} правый отступ, в px
+     * @param options.cssText {string} строка стиля
+     * @param options.className {string} CSS-класс 
+     * @param options.html {string} HTML-текст для показа
+     */
     function showNotification(options) {
       // ваш код
     }
@@ -36,11 +40,11 @@
         right: 10,
         html: 'Привет ' + ++i,
         className: "welcome"
-      });      
+      });
     }, 2000);
-
   </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/14-styles-and-classes/getiecomputedstyle.view/index.html b/2-ui/1-document/14-styles-and-classes/getiecomputedstyle.view/index.html
index da281cf4..a757f39f 100644
--- a/2-ui/1-document/14-styles-and-classes/getiecomputedstyle.view/index.html
+++ b/2-ui/1-document/14-styles-and-classes/getiecomputedstyle.view/index.html
@@ -1,24 +1,30 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <script src="getiecomputedstyle.js"></script>
 </head>
+
 <body>
 
-<style> 
-  #margin-test { margin: 1%; border: 1px solid black; } 
-</style>
+  <style>
+    #margin-test {
+      margin: 1%;
+      border: 1px solid black;
+    }
+  </style>
 
-<div id="margin-test">Тестовый элемент с margin 1%</div>
+  <div id="margin-test">Тестовый элемент с margin 1%</div>
 
-<script>
-  var elem = document.getElementById('margin-test');
-  if (!window.getComputedStyle) { // старые IE
-    document.write(getIEComputedStyle(elem, 'marginTop'));
-  } else {
-    document.write('Пример работает только в IE8-');
-  }
-</script>  
+  <script>
+    var elem = document.getElementById('margin-test');
+    if (!window.getComputedStyle) { // старые IE
+      document.write(getIEComputedStyle(elem, 'marginTop'));
+    } else {
+      document.write('Пример работает только в IE8-');
+    }
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/3-div-placeholder/solution.view/index.html b/2-ui/1-document/15-metrics/3-div-placeholder/solution.view/index.html
index be9ce325..fd8f91f0 100755
--- a/2-ui/1-document/15-metrics/3-div-placeholder/solution.view/index.html
+++ b/2-ui/1-document/15-metrics/3-div-placeholder/solution.view/index.html
@@ -1,47 +1,50 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style> 
-  #moving-div { 
-    border: 5px groove green; 
-    padding: 5px; 
-    margin: 10px;
-    background-color: yellow;
-  }
-</style>
+  <style>
+    #moving-div {
+      border: 5px groove green;
+      padding: 5px;
+      margin: 10px;
+      background-color: yellow;
+    }
+  </style>
 </head>
+
 <body>
 
-Before Before Before
+  Before Before Before
 
-<div id="moving-div">
-Text Text Text<br>
-Text Text Text<br>
-</div>
+  <div id="moving-div">
+    Text Text Text
+    <br> Text Text Text
+    <br>
+  </div>
 
-After After After
+  After After After
 
-<script>
-var div = document.getElementById('moving-div')
+  <script>
+    var div = document.getElementById('moving-div')
 
-var placeHolder = document.createElement('div')
-placeHolder.style.height = div.offsetHeight + 'px'
+    var placeHolder = document.createElement('div')
+    placeHolder.style.height = div.offsetHeight + 'px'
 
-var computedStyle = div.currentStyle || getComputedStyle(div, null)
+    var computedStyle = div.currentStyle || getComputedStyle(div, null)
 
-placeHolder.style.marginTop = computedStyle.marginTop // full prop name
-placeHolder.style.marginBottom = computedStyle.marginBottom
+    placeHolder.style.marginTop = computedStyle.marginTop // full prop name
+    placeHolder.style.marginBottom = computedStyle.marginBottom
 
-// highlight it for demo purposes 
-placeHolder.style.backgroundColor = '#C0C0C0'
+    // highlight it for demo purposes 
+    placeHolder.style.backgroundColor = '#C0C0C0'
 
-document.body.insertBefore(placeHolder, div)
+    document.body.insertBefore(placeHolder, div)
 
-div.style.position = 'absolute'
-div.style.right = div.style.top = 0
-
-</script>
+    div.style.position = 'absolute'
+    div.style.right = div.style.top = 0
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/3-div-placeholder/source.view/index.html b/2-ui/1-document/15-metrics/3-div-placeholder/source.view/index.html
index de20a8c1..69e3e504 100755
--- a/2-ui/1-document/15-metrics/3-div-placeholder/source.view/index.html
+++ b/2-ui/1-document/15-metrics/3-div-placeholder/source.view/index.html
@@ -1,33 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style> 
-  #moving-div { 
-    border: 5px groove green; 
-    background-color: yellow;
-    padding: 5px; 
-    margin: 10px;
-  }
-</style>
+  <style>
+    #moving-div {
+      border: 5px groove green;
+      background-color: yellow;
+      padding: 5px;
+      margin: 10px;
+    }
+  </style>
 </head>
+
 <body>
 
-Before Before Before
+  Before Before Before
 
-<div id="moving-div">
-Text Text Text<br>
-Text Text Text<br>
-</div>
+  <div id="moving-div">
+    Text Text Text
+    <br> Text Text Text
+    <br>
+  </div>
 
-After After After
+  After After After
 
-<script>
-// .. Add your code here 
+  <script>
+    // .. Add your code here 
 
-var div = document.getElementById('moving-div')
-div.style.position = 'absolute'
-div.style.right = div.style.top = 0
-</script>
+    var div = document.getElementById('moving-div')
+    div.style.position = 'absolute'
+    div.style.right = div.style.top = 0
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/4-put-ball-in-center/ball-half/index.html b/2-ui/1-document/15-metrics/4-put-ball-in-center/ball-half/index.html
index 218ca511..23b8d7b2 100755
--- a/2-ui/1-document/15-metrics/4-put-ball-in-center/ball-half/index.html
+++ b/2-ui/1-document/15-metrics/4-put-ball-in-center/ball-half/index.html
@@ -1,39 +1,41 @@
 <!DOCTYPE HTML>
 <html>
-<head>
-<style>
-  #field {
-    width: 200px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-  }
 
-  #ball {
-    position: absolute;
-  }
-</style>
+<head>
+  <style>
+    #field {
+      width: 200px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+    }
+    
+    #ball {
+      position: absolute;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" id="ball">
-. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  </div>
 
 
-<script>
-var ball = document.getElementById('ball')
-var field = document.getElementById('field')
+  <script>
+    var ball = document.getElementById('ball')
+    var field = document.getElementById('field')
 
-// ball.offsetWidth=0 before image loaded!
-// to fix: set width
-ball.style.left = Math.round(field.clientWidth / 2)+'px'
-ball.style.top = Math.round(field.clientHeight / 2)+'px'
-
-</script>
+    // ball.offsetWidth=0 before image loaded!
+    // to fix: set width
+    ball.style.left = Math.round(field.clientWidth / 2) + 'px'
+    ball.style.top = Math.round(field.clientHeight / 2) + 'px'
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/4-put-ball-in-center/solution.view/index.html b/2-ui/1-document/15-metrics/4-put-ball-in-center/solution.view/index.html
index f82d6168..47694b5a 100755
--- a/2-ui/1-document/15-metrics/4-put-ball-in-center/solution.view/index.html
+++ b/2-ui/1-document/15-metrics/4-put-ball-in-center/solution.view/index.html
@@ -1,39 +1,41 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style> 
-  #field { 
-    width: 200px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-  }
-  
-  #ball {
-    position: absolute;
-  }
-</style>
+  <style>
+    #field {
+      width: 200px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+    }
+    
+    #ball {
+      position: absolute;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
-. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  </div>
 
 
-<script>
-var ball = document.getElementById('ball')
-var field = document.getElementById('field')
+  <script>
+    var ball = document.getElementById('ball')
+    var field = document.getElementById('field')
 
-// ball.offsetWidth=0 before image loaded! 
-// to fix: set width
-ball.style.left = Math.round(field.clientWidth / 2 - ball.offsetWidth / 2)+'px'
-ball.style.top = Math.round(field.clientHeight / 2 - ball.offsetHeight / 2)+'px'
-
-</script>
+    // ball.offsetWidth=0 before image loaded! 
+    // to fix: set width
+    ball.style.left = Math.round(field.clientWidth / 2 - ball.offsetWidth / 2) + 'px'
+    ball.style.top = Math.round(field.clientHeight / 2 - ball.offsetHeight / 2) + 'px'
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/4-put-ball-in-center/source.view/index.html b/2-ui/1-document/15-metrics/4-put-ball-in-center/source.view/index.html
index 6a5ff40b..8b54beed 100755
--- a/2-ui/1-document/15-metrics/4-put-ball-in-center/source.view/index.html
+++ b/2-ui/1-document/15-metrics/4-put-ball-in-center/source.view/index.html
@@ -1,27 +1,30 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style> 
-  #field { 
-    width: 200px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-  }
-  
-  #ball {
-    position: absolute;
-  }
-</style>
+  <style>
+    #field {
+      width: 200px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+    }
+    
+    #ball {
+      position: absolute;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" id="ball">
-. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/5-expand-element/solution.view/index.html b/2-ui/1-document/15-metrics/5-expand-element/solution.view/index.html
index e665b88d..6c51d6ad 100755
--- a/2-ui/1-document/15-metrics/5-expand-element/solution.view/index.html
+++ b/2-ui/1-document/15-metrics/5-expand-element/solution.view/index.html
@@ -1,56 +1,53 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     #elem {
-        width: 200px;
-        height: 150px;
-        background-color: red;
-        padding: 20px;
-        overflow: auto;
-        /* position: absolute */
+      width: 200px;
+      height: 150px;
+      background-color: red;
+      padding: 20px;
+      overflow: auto;
+      /* position: absolute */
     }
-
+    
     body {
       border: 1px solid black;
     }
-
   </style>
 </head>
+
 <body>
 
-<div id="elem">
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-</div>
+  <div id="elem">
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст
+  </div>
 
-<script>
-  var elem = document.getElementById("elem");
+  <script>
+    var elem = document.getElementById("elem");
 
-  // неверно!
-  //elem.style.width = '100%';
+    // неверно!
+    //elem.style.width = '100%';
 
-  // верно (так как обычный div по умолчанию растягивается во всю ширину)
-  //elem.style.width = 'auto';
+    // верно (так как обычный div по умолчанию растягивается во всю ширину)
+    //elem.style.width = 'auto';
 
-  // верно (решение с JS)
-  var bodyWidth = document.body.clientWidth;
+    // верно (решение с JS)
+    var bodyWidth = document.body.clientWidth;
 
-  var style = getComputedStyle(elem);
+    var style = getComputedStyle(elem);
 
-  var bodyInnerWidth = bodyWidth - parseInt(style.paddingLeft) - parseInt(style.paddingRight);
+    var bodyInnerWidth = bodyWidth - parseInt(style.paddingLeft) - parseInt(style.paddingRight);
 
-  elem.style.width = bodyInnerWidth + 'px';
-
-</script>
+    elem.style.width = bodyInnerWidth + 'px';
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/5-expand-element/source.view/index.html b/2-ui/1-document/15-metrics/5-expand-element/source.view/index.html
index a33552bd..4bfe7fee 100755
--- a/2-ui/1-document/15-metrics/5-expand-element/source.view/index.html
+++ b/2-ui/1-document/15-metrics/5-expand-element/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -10,32 +11,29 @@
       padding: 20px;
       overflow: auto;
     }
-
+    
     body {
       border: 1px solid black;
     }
-
   </style>
 </head>
+
 <body>
 
-<div id="elem">
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-</div>
+  <div id="elem">
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст
+  </div>
 
-<script>
-var elem = document.getElementById("elem");
+  <script>
+    var elem = document.getElementById("elem");
 
-// ... ваш код
-</script>
+    // ... ваш код
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/cssWidthScroll.view/index.html b/2-ui/1-document/15-metrics/cssWidthScroll.view/index.html
index bf4f7925..22943c54 100755
--- a/2-ui/1-document/15-metrics/cssWidthScroll.view/index.html
+++ b/2-ui/1-document/15-metrics/cssWidthScroll.view/index.html
@@ -1,24 +1,26 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
-<div id="elem" style="overflow-y:scroll;width:300px;height:200px;border:1px solid black">
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-текст текст текст текст текст текст текст текст текст текст текст текст текст текст
-</div>
+  <div id="elem" style="overflow-y:scroll;width:300px;height:200px;border:1px solid black">
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+    текст текст текст текст текст текст текст текст текст текст текст текст текст текст
+  </div>
 
-<script>
-// FF: 200, Ch/Sa: 184, Op: 200, IE9: 184, IE7,8:200
-</script>
+  <script>
+    // FF: 200, Ch/Sa: 184, Op: 200, IE9: 184, IE7,8:200
+  </script>
 
-У элемента стоит <code>style="width:300px"</code><br>
+  У элемента стоит <code>style="width:300px"</code>
+  <br>
 
-<button onclick="alert( getComputedStyle(elem).width )">alert( getComputedStyle(elem).width )</button>
+  <button onclick="alert( getComputedStyle(elem).width )">alert( getComputedStyle(elem).width )</button>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/15-metrics/metric.view/index.html b/2-ui/1-document/15-metrics/metric.view/index.html
index 246fa64e..88392ce7 100755
--- a/2-ui/1-document/15-metrics/metric.view/index.html
+++ b/2-ui/1-document/15-metrics/metric.view/index.html
@@ -1,91 +1,94 @@
 <!DOCTYPE HTML>
 <html>
-<head>
-    <meta charset="utf-8">
-    <style type="text/css">
-        * {
-            margin: 0;
-            padding: 0;
-        }
 
-        #example {
-            width: 300px;
-            height: 200px;
-            overflow: auto;
-            border: 25px solid #E8C48F;
-            padding: 20px;
-        }
-        .key {
-            cursor: pointer;
-            text-decoration: underline;
-        }
-    </style>
+<head>
+  <meta charset="utf-8">
+  <style type="text/css">
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    
+    #example {
+      width: 300px;
+      height: 200px;
+      overflow: auto;
+      border: 25px solid #E8C48F;
+      padding: 20px;
+    }
+    
+    .key {
+      cursor: pointer;
+      text-decoration: underline;
+    }
+  </style>
 
 </head>
+
 <body>
 
 
-<div id="example">
-<h3>Introduction</h3>
-<p>This Ecma Standard is based on several originating technologies, the most well known being JavaScript (Netscape) and JScript (Microsoft). The language was invented by Brendan Eich at Netscape and first appeared in that company's Navigator 2.0 browser. It has appeared in all subsequent browsers from Netscape and in all browsers from Microsoft starting with Internet Explorer 3.0. The development of this Standard started in November 1996. The first edition of this Ecma Standard was adopted by the Ecma General Assembly of June 1997.</p>
+  <div id="example">
+    <h3>Introduction</h3>
+    <p>This Ecma Standard is based on several originating technologies, the most well known being JavaScript (Netscape) and JScript (Microsoft). The language was invented by Brendan Eich at Netscape and first appeared in that company's Navigator 2.0 browser.
+      It has appeared in all subsequent browsers from Netscape and in all browsers from Microsoft starting with Internet Explorer 3.0. The development of this Standard started in November 1996. The first edition of this Ecma Standard was adopted by the
+      Ecma General Assembly of June 1997.</p>
 
-<p>That Ecma Standard was submitted to ISO/IEC JTC 1 for adoption under the fast-track procedure, and approved as international standard ISO/IEC 16262, in April 1998. The Ecma General Assembly of June 1998 approved the second edition of ECMA-262 to keep it fully aligned with ISO/IEC 16262. Changes between the first and the second edition are editorial in nature.</p>
+    <p>That Ecma Standard was submitted to ISO/IEC JTC 1 for adoption under the fast-track procedure, and approved as international standard ISO/IEC 16262, in April 1998. The Ecma General Assembly of June 1998 approved the second edition of ECMA-262 to keep
+      it fully aligned with ISO/IEC 16262. Changes between the first and the second edition are editorial in nature.</p>
 
-<p>The third edition of the Standard introduced powerful regular expressions, better string handling, new control statements, try/catch exception handling, tighter definition of errors, formatting for numeric output and minor changes in anticipation of forthcoming internationalisation facilities and future language growth. The third edition of the ECMAScript standard was adopted by the Ecma General Assembly of December 1999 and published as ISO/IEC 16262:2002 in June 2002.</p>
+    <p>The third edition of the Standard introduced powerful regular expressions, better string handling, new control statements, try/catch exception handling, tighter definition of errors, formatting for numeric output and minor changes in anticipation
+      of forthcoming internationalisation facilities and future language growth. The third edition of the ECMAScript standard was adopted by the Ecma General Assembly of December 1999 and published as ISO/IEC 16262:2002 in June 2002.</p>
 
-</div>
+  </div>
 
 
-<div id="mouse-wrap">Координаты мыши: <span id="mouse">...</span></div>
-<div id="info"></div>
+  <div id="mouse-wrap">Координаты мыши: <span id="mouse">...</span></div>
+  <div id="info"></div>
 
 
-<script>
-var example = document.getElementById('example')
+  <script>
+    var example = document.getElementById('example')
 
-var info = document.getElementById('info')
+    var info = document.getElementById('info')
 
-var props = {
-    'размеры':
-            ['clientLeft','clientTop', 'clientWidth','clientHeight','offsetWidth','offsetHeight','scrollWidth', 'scrollHeight'],
-    'прокрутка':
-            ['scrollLeft','scrollTop'] ,
-    'позиционирование по рендерингу':
-            ['offsetParent', 'offsetLeft','offsetTop']
-}
+    var props = {
+      'размеры': ['clientLeft', 'clientTop', 'clientWidth', 'clientHeight', 'offsetWidth', 'offsetHeight', 'scrollWidth', 'scrollHeight'],
+      'прокрутка': ['scrollLeft', 'scrollTop'],
+      'позиционирование по рендерингу': ['offsetParent', 'offsetLeft', 'offsetTop']
+    }
 
-info.innerHTML = '<h3>Нажмите для просмотра значения:</h3>';
-for (var k in props) {
-    info.innerHTML += '<h4>' + k + '</h4>';
-    var prop = props[k];
-    for (var i = 0; i < prop.length; i++) {
-        info.innerHTML += "<span class='key'>"+prop[i]+'</span>: <span id="'+prop[i]+'">&nbsp;</span>' + " "
+    info.innerHTML = '<h3>Нажмите для просмотра значения:</h3>';
+    for (var k in props) {
+      info.innerHTML += '<h4>' + k + '</h4>';
+      var prop = props[k];
+      for (var i = 0; i < prop.length; i++) {
+        info.innerHTML += "<span class='key'>" + prop[i] + '</span>: <span id="' + prop[i] + '">&nbsp;</span>' + " "
         i++;
-        if (i<prop.length) {
-          info.innerHTML += "<span class='key'>"+prop[i]+'</span>: <span id="'+prop[i]+'">&nbsp;</span>';
+        if (i < prop.length) {
+          info.innerHTML += "<span class='key'>" + prop[i] + '</span>: <span id="' + prop[i] + '">&nbsp;</span>';
         }
         info.innerHTML += "<br/>";
 
+      }
     }
-}
 
-document.onclick = function(event) {
-    var target = event.target;
-    if (!target.classList.contains('key')) return;
+    document.onclick = function(event) {
+      var target = event.target;
+      if (!target.classList.contains('key')) return;
 
-    var prop = target.innerHTML;
-    var value = example[prop];
-    value = value.tagName || value;
-    document.getElementById(prop).innerHTML = value;
-};
+      var prop = target.innerHTML;
+      var value = example[prop];
+      value = value.tagName || value;
+      document.getElementById(prop).innerHTML = value;
+    };
 
 
-document.onmousemove = function(e) {
-    document.getElementById('mouse').innerHTML = Math.round(e.clientX)+':'+Math.round(e.clientY);
-};
-
-
-</script>
+    document.onmousemove = function(e) {
+      document.getElementById('mouse').innerHTML = Math.round(e.clientX) + ':' + Math.round(e.clientY);
+    };
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.html b/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.html
index f4c46101..b0daa0ef 100755
--- a/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.html
+++ b/2-ui/1-document/17-coordinates/1-find-point-coordinates/solution.view/index.html
@@ -1,23 +1,27 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
   <script>
-  document.onclick = function(e) { // выводит текущие координаты при клике
-    document.getElementById('coords').innerHTML = e.clientX + ':' + e.clientY;
-  };
+    document.onclick = function(e) { // выводит текущие координаты при клике
+      document.getElementById('coords').innerHTML = e.clientX + ':' + e.clientY;
+    };
   </script>
 </head>
+
 <body>
 
-  Кликните на любое место, чтобы получить координаты относительно окна.<br>
-  Это для удобства тестирования, чтобы проверить результат, который вы получите из DOM.<br>
+  Кликните на любое место, чтобы получить координаты относительно окна.
+  <br> Это для удобства тестирования, чтобы проверить результат, который вы получите из DOM.
+  <br>
   <div id="coords">(координаты появятся тут)</div>
 
 
   <div id="field">
-    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
   </div>
 
 
@@ -28,35 +32,34 @@
 
 
   <script>
+    var field = document.getElementById('field');
 
-  var field = document.getElementById('field');
+    // полное решение - в массиве result
 
-  // полное решение - в массиве result
+    var fieldCoords = field.getBoundingClientRect();
 
-  var fieldCoords = field.getBoundingClientRect();
-
-  var result = [
-    [ // 1
-      fieldCoords.left, 
-      fieldCoords.top
-    ], 
-    [ // 2
-      fieldCoords.right,
-      fieldCoords.bottom
-    ],
-    [ // 3
-      fieldCoords.left + field.clientLeft, 
-      fieldCoords.top + field.clientTop
-    ], 
-    [ // 4
-      fieldCoords.left + field.clientLeft + field.clientWidth,
-      fieldCoords.top + field.clientTop + field.clientHeight
-    ]
-  ];
-
-  alert(result.join('  '));
+    var result = [
+      [ // 1
+        fieldCoords.left,
+        fieldCoords.top
+      ],
+      [ // 2
+        fieldCoords.right,
+        fieldCoords.bottom
+      ],
+      [ // 3
+        fieldCoords.left + field.clientLeft,
+        fieldCoords.top + field.clientTop
+      ],
+      [ // 4
+        fieldCoords.left + field.clientLeft + field.clientWidth,
+        fieldCoords.top + field.clientTop + field.clientHeight
+      ]
+    ];
 
+    alert(result.join('  '));
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.html b/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.html
index cd09f1f8..bcd35954 100755
--- a/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.html
+++ b/2-ui/1-document/17-coordinates/1-find-point-coordinates/source.view/index.html
@@ -1,23 +1,27 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
   <script>
-  document.onclick = function(e) { // выводит текущие координаты при клике
-    document.getElementById('coords').innerHTML = e.clientX + ':' + e.clientY;
-  };
+    document.onclick = function(e) { // выводит текущие координаты при клике
+      document.getElementById('coords').innerHTML = e.clientX + ':' + e.clientY;
+    };
   </script>
 </head>
+
 <body>
 
-  Кликните на любое место, чтобы получить координаты относительно окна.<br>
-  Это для удобства тестирования, чтобы проверить результат, который вы получите из DOM.<br>
+  Кликните на любое место, чтобы получить координаты относительно окна.
+  <br> Это для удобства тестирования, чтобы проверить результат, который вы получите из DOM.
+  <br>
   <div id="coords">(координаты появятся тут)</div>
 
 
   <div id="field">
-    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
   </div>
 
 
@@ -28,12 +32,11 @@
 
 
   <script>
+    var field = document.getElementById('field');
 
-  var field = document.getElementById('field');
-
-  // ваш код...
-
+    // ваш код...
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.html b/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.html
index 4726fcc2..82d38dde 100755
--- a/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.html
+++ b/2-ui/1-document/17-coordinates/2-position-at/solution.view/index.html
@@ -1,30 +1,26 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
 </head>
-<body>
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
-  <blockquote>
-- Что на завтрак, Бэрримор?
-- Овсянка, сэр.
-- А на обед?
-- Овсянка, сэр.
-- Ну а на ужин?
-- Котлеты, сэр.
-- Уррра!!!
-- Из овсянки, сэр!!!
-  </blockquote>
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
-  <script>
 
+<body>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
+  <blockquote>
+    - Что на завтрак, Бэрримор? - Овсянка, сэр. - А на обед? - Овсянка, сэр. - Ну а на ужин? - Котлеты, сэр. - Уррра!!! - Из овсянки, сэр!!!
+  </blockquote>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
+  <script>
     /**
      * Позиционирует элемент elem относительно элемента anchor, как указано в
      * в position.
@@ -39,21 +35,21 @@
 
       var anchorCoords = anchor.getBoundingClientRect();
 
-      switch(position) {
-      case "top":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top - elem.offsetHeight + "px";
-        break;
+      switch (position) {
+        case "top":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top - elem.offsetHeight + "px";
+          break;
 
-      case "right":
-        elem.style.left = anchorCoords.left + anchor.offsetWidth + "px";
-        elem.style.top = anchorCoords.top + "px";
-        break;
+        case "right":
+          elem.style.left = anchorCoords.left + anchor.offsetWidth + "px";
+          elem.style.top = anchorCoords.top + "px";
+          break;
 
-      case "bottom":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top + anchor.offsetHeight + "px";
-        break;
+        case "bottom":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top + anchor.offsetHeight + "px";
+          break;
       }
 
     }
@@ -63,11 +59,11 @@
      * относительно элемента anchor
      */
     function showNote(anchor, position, html) {
-      
+
       var note = document.createElement('div');
       note.className = "note";
       note.innerHTML = html;
-      document.body.appendChild(note); 
+      document.body.appendChild(note);
 
       positionAt(anchor, position, note);
     }
@@ -82,4 +78,5 @@
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/17-coordinates/2-position-at/source.view/index.html b/2-ui/1-document/17-coordinates/2-position-at/source.view/index.html
index f9e156cb..2439a7e2 100755
--- a/2-ui/1-document/17-coordinates/2-position-at/source.view/index.html
+++ b/2-ui/1-document/17-coordinates/2-position-at/source.view/index.html
@@ -1,30 +1,26 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
 </head>
-<body>
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
-  <blockquote>
-- Что на завтрак, Бэрримор?
-- Овсянка, сэр.
-- А на обед?
-- Овсянка, сэр.
-- Ну а на ужин?
-- Котлеты, сэр.
-- Уррра!!!
-- Из овсянки, сэр!!!
-  </blockquote>
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
-  <script>
 
+<body>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
+  <blockquote>
+    - Что на завтрак, Бэрримор? - Овсянка, сэр. - А на обед? - Овсянка, сэр. - Ну а на ужин? - Котлеты, сэр. - Уррра!!! - Из овсянки, сэр!!!
+  </blockquote>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
+  <script>
     /**
      * Позиционирует элемент elem относительно элемента anchor, как указано в
      * в position.
@@ -55,4 +51,5 @@
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.html b/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.html
index 4ead72fc..6b28fea1 100644
--- a/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.html
+++ b/2-ui/1-document/18-coordinates-document/2-position-at-absolute/solution.view/index.html
@@ -1,54 +1,52 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
 </head>
+
 <body style="height:2000px">
-  
+
   <p>Исправления два:</p>
-    
+
   <ol>
     <li>Использование функции <code>getCoords()</code> из учебника для получения абсолютных координат.</li>
     <li>Изменение <code>position:fixed</code> на <code>position:absolute</code> в стилях.</li>
   </ol>
-  
-  <blockquote>
-- Что на завтрак, Бэрримор?
-- Овсянка, сэр.
-- А на обед?
-- Овсянка, сэр.
-- Ну а на ужин?
-- Котлеты, сэр.
-- Уррра!!!
-- Из овсянки, сэр!!!
-  </blockquote>
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
-  <script>
 
+  <blockquote>
+    - Что на завтрак, Бэрримор? - Овсянка, сэр. - А на обед? - Овсянка, сэр. - Ну а на ужин? - Котлеты, сэр. - Уррра!!! - Из овсянки, сэр!!!
+  </blockquote>
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
+  <script>
     /**
      * Вспомогательная функция для координат относительно документа
      */
 
     function getCoords(elem) {
       var box = elem.getBoundingClientRect();
-      
+
       var body = document.body;
       var docEl = document.documentElement;
-      
+
       var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
       var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
-      
+
       var clientTop = docEl.clientTop || body.clientTop || 0;
       var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-      
-      var top  = box.top +  scrollTop - clientTop;
+
+      var top = box.top + scrollTop - clientTop;
       var left = box.left + scrollLeft - clientLeft;
-      
-      return { top: top, left: left };
+
+      return {
+        top: top,
+        left: left
+      };
     }
 
 
@@ -56,21 +54,21 @@
 
       var anchorCoords = getCoords(anchor);
 
-      switch(position) {
-      case "top":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top - elem.offsetHeight + "px";
-        break;
+      switch (position) {
+        case "top":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top - elem.offsetHeight + "px";
+          break;
 
-      case "right":
-        elem.style.left = anchorCoords.left + anchor.offsetWidth + "px";
-        elem.style.top = anchorCoords.top + "px";
-        break;
+        case "right":
+          elem.style.left = anchorCoords.left + anchor.offsetWidth + "px";
+          elem.style.top = anchorCoords.top + "px";
+          break;
 
-      case "bottom":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top + anchor.offsetHeight + "px";
-        break;
+        case "bottom":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top + anchor.offsetHeight + "px";
+          break;
       }
 
     }
@@ -80,11 +78,11 @@
      * относительно элемента anchor
      */
     function showNote(anchor, position, html) {
-      
+
       var note = document.createElement('div');
       note.className = "note";
       note.innerHTML = html;
-      document.body.appendChild(note); 
+      document.body.appendChild(note);
       positionAt(anchor, position, note);
     }
 
@@ -98,4 +96,5 @@
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.html b/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.html
index 0a8fce0e..df1b2820 100644
--- a/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.html
+++ b/2-ui/1-document/18-coordinates-document/3-position-at-2/solution.view/index.html
@@ -1,53 +1,53 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="index.css">
 </head>
+
 <body style="height:2000px">
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
   <blockquote>
-- Что на завтрак, Бэрримор?
-- Овсянка, сэр.
-- А на обед?
-- Овсянка, сэр.
-- Ну а на ужин?
-- Котлеты, сэр.
-- Уррра!!!
-- Из овсянки, сэр!!!
+    - Что на завтрак, Бэрримор? - Овсянка, сэр. - А на обед? - Овсянка, сэр. - Ну а на ужин? - Котлеты, сэр. - Уррра!!! - Из овсянки, сэр!!!
   </blockquote>
-  
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae esse sequi officia sapiente.</p>
-    
-  
+
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit sint atque dolorum fuga ad incidunt voluptatum error fugiat animi amet! Odio temporibus nulla id unde quaerat dignissimos enim nisi rem provident molestias sit tempore omnis recusandae
+    esse sequi officia sapiente.</p>
+
+
   <script>
     function getCoords(elem) {
       var box = elem.getBoundingClientRect();
-      
+
       var body = document.body;
       var docEl = document.documentElement;
-      
+
       var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
       var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
-      
+
       var clientTop = docEl.clientTop || body.clientTop || 0;
       var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-      
-      var top  = box.top +  scrollTop - clientTop;
+
+      var top = box.top + scrollTop - clientTop;
       var left = box.left + scrollLeft - clientLeft;
-      
-      return { top: top, left: left };
+
+      return {
+        top: top,
+        left: left
+      };
     }
 
     function showNote(anchor, position, html) {
-      
+
       var note = document.createElement('div');
       note.className = "note";
       note.innerHTML = html;
-      document.body.appendChild(note); 
+      document.body.appendChild(note);
 
       positionAt(anchor, position, note);
     }
@@ -66,36 +66,36 @@
 
       var anchorCoords = getCoords(anchor);
 
-      switch(position) {
-      case "top-out":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top - elem.offsetHeight + "px";
-        break;
+      switch (position) {
+        case "top-out":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top - elem.offsetHeight + "px";
+          break;
 
-      case "right-out":
-        elem.style.left = anchorCoords.left + anchor.offsetWidth + "px";
-        elem.style.top = anchorCoords.top + "px";
-        break;
+        case "right-out":
+          elem.style.left = anchorCoords.left + anchor.offsetWidth + "px";
+          elem.style.top = anchorCoords.top + "px";
+          break;
 
-      case "bottom-out":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top + anchor.offsetHeight + "px";
-        break;
+        case "bottom-out":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top + anchor.offsetHeight + "px";
+          break;
 
-      case "top-in":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top + "px";
-        break;
+        case "top-in":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top + "px";
+          break;
 
-      case "right-in":
-        elem.style.left = anchorCoords.left + anchor.offsetWidth - elem.offsetWidth + "px";
-        elem.style.top = anchorCoords.top + "px";
-        break;
+        case "right-in":
+          elem.style.left = anchorCoords.left + anchor.offsetWidth - elem.offsetWidth + "px";
+          elem.style.top = anchorCoords.top + "px";
+          break;
 
-      case "bottom-in":
-        elem.style.left = anchorCoords.left + "px";
-        elem.style.top = anchorCoords.top + anchor.offsetHeight - elem.offsetHeight + "px";
-        break;
+        case "bottom-in":
+          elem.style.left = anchorCoords.left + "px";
+          elem.style.top = anchorCoords.top + anchor.offsetHeight - elem.offsetHeight + "px";
+          break;
       }
 
     }
@@ -107,9 +107,9 @@
     showNote(blockquote, "top-out", "заметка top-out");
     showNote(blockquote, "right-out", "заметка right-out");
     showNote(blockquote, "bottom-in", "заметка bottom-in");
-
   </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/3-dom-console/losi.html b/2-ui/1-document/3-dom-console/losi.html
index 59a9bf6b..06f8da0d 100644
--- a/2-ui/1-document/3-dom-console/losi.html
+++ b/2-ui/1-document/3-dom-console/losi.html
@@ -1,11 +1,13 @@
 <!DOCTYPE HTML>
 <html>
-  <body>
-    Правда о лосях
-    <ol>
-      <li>Лось — животное хитрое</li>
-      <!-- комментарий -->
-      <li>..И коварное!</li>
-    </ol>
-  </body>
-</html>
+
+<body>
+  Правда о лосях
+  <ol>
+    <li>Лось — животное хитрое</li>
+    <!-- комментарий -->
+    <li>..И коварное!</li>
+  </ol>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/solution.view/index.html b/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/solution.view/index.html
index 8b548755..fc03772e 100644
--- a/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/solution.view/index.html
+++ b/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/solution.view/index.html
@@ -1,28 +1,66 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    table { border-collapse: collapse; }
-    td { border: 1px solid black; padding: 3px 5px; }
+    table {
+      border-collapse: collapse;
+    }
+    
+    td {
+      border: 1px solid black;
+      padding: 3px 5px;
+    }
   </style>
 </head>
+
 <body>
   <table>
-    <tr><td>1:1</td><td>2:1</td><td>3:1</td><td>4:1</td><td>5:1</td></tr>
-    <tr><td>1:2</td><td>2:2</td><td>3:2</td><td>4:2</td><td>5:2</td></tr>
-    <tr><td>1:3</td><td>2:3</td><td>3:3</td><td>4:3</td><td>5:3</td></tr>
-    <tr><td>1:4</td><td>2:4</td><td>3:4</td><td>4:4</td><td>5:4</td></tr>
-    <tr><td>1:5</td><td>2:5</td><td>3:5</td><td>4:5</td><td>5:5</td></tr>
+    <tr>
+      <td>1:1</td>
+      <td>2:1</td>
+      <td>3:1</td>
+      <td>4:1</td>
+      <td>5:1</td>
+    </tr>
+    <tr>
+      <td>1:2</td>
+      <td>2:2</td>
+      <td>3:2</td>
+      <td>4:2</td>
+      <td>5:2</td>
+    </tr>
+    <tr>
+      <td>1:3</td>
+      <td>2:3</td>
+      <td>3:3</td>
+      <td>4:3</td>
+      <td>5:3</td>
+    </tr>
+    <tr>
+      <td>1:4</td>
+      <td>2:4</td>
+      <td>3:4</td>
+      <td>4:4</td>
+      <td>5:4</td>
+    </tr>
+    <tr>
+      <td>1:5</td>
+      <td>2:5</td>
+      <td>3:5</td>
+      <td>4:5</td>
+      <td>5:5</td>
+    </tr>
   </table>
   <script>
     var table = document.body.children[0];
 
-    for(var i=0; i<table.rows.length; i++) {
+    for (var i = 0; i < table.rows.length; i++) {
       var row = table.rows[i];
       row.cells[i].style.backgroundColor = 'red';
     }
-
   </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/source.view/index.html b/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/source.view/index.html
index b1fa9345..d9b40920 100644
--- a/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/source.view/index.html
+++ b/2-ui/1-document/4-traversing-dom/4-select-diagonal-cells/source.view/index.html
@@ -1,25 +1,63 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    table { border-collapse: collapse; }
-    td { border: 1px solid black; padding: 3px 5px; }
+    table {
+      border-collapse: collapse;
+    }
+    
+    td {
+      border: 1px solid black;
+      padding: 3px 5px;
+    }
   </style>
 </head>
+
 <body>
   <table>
-    <tr><td>1:1</td><td>2:1</td><td>3:1</td><td>4:1</td><td>5:1</td></tr>
-    <tr><td>1:2</td><td>2:2</td><td>3:2</td><td>4:2</td><td>5:2</td></tr>
-    <tr><td>1:3</td><td>2:3</td><td>3:3</td><td>4:3</td><td>5:3</td></tr>
-    <tr><td>1:4</td><td>2:4</td><td>3:4</td><td>4:4</td><td>5:4</td></tr>
-    <tr><td>1:5</td><td>2:5</td><td>3:5</td><td>4:5</td><td>5:5</td></tr>
+    <tr>
+      <td>1:1</td>
+      <td>2:1</td>
+      <td>3:1</td>
+      <td>4:1</td>
+      <td>5:1</td>
+    </tr>
+    <tr>
+      <td>1:2</td>
+      <td>2:2</td>
+      <td>3:2</td>
+      <td>4:2</td>
+      <td>5:2</td>
+    </tr>
+    <tr>
+      <td>1:3</td>
+      <td>2:3</td>
+      <td>3:3</td>
+      <td>4:3</td>
+      <td>5:3</td>
+    </tr>
+    <tr>
+      <td>1:4</td>
+      <td>2:4</td>
+      <td>3:4</td>
+      <td>4:4</td>
+      <td>5:4</td>
+    </tr>
+    <tr>
+      <td>1:5</td>
+      <td>2:5</td>
+      <td>3:5</td>
+      <td>4:5</td>
+      <td>5:5</td>
+    </tr>
   </table>
   <script>
     var table = document.body.children[0];
 
     /* ваш код */
-
   </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html b/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html
index 54eb67e4..3484bc0c 100644
--- a/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html
+++ b/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html
@@ -1,42 +1,48 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <meta charset="utf-8">
-  </head>
-  
-  <body>
-    <form name="search">
-      <label>Поиск по сайту: <input type="text" name="search"></label>
-      <input type="submit" value="Искать!">
-    </form>
-    
-    <hr>
-    
-    <form name="search-person">
-      Поиск по посетителям:
-      <table id="age-table">
-        <tr>
-          <td>Возраст:</td>
-          <td id="age-list">
-            <label><input type="radio" name="age" value="young">до 18</label>
-            <label><input type="radio" name="age" value="mature">18-50</label>
-            <label><input type="radio" name="age" value="senior">более 50</label>
-          </td>
-        </tr>
-        
-        <tr>
-          <td>Дополнительно:</td>
-          <td>
-            <input type="text" name="info[0]">
-            <input type="text" name="info[1]">
-            <input type="text" name="info[2]">
-          </td>
-        </tr>
-        
-      </table>
-      
-      <input type="submit" value="Искать!">
-    </form>
-  </body>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
+<body>
+  <form name="search">
+    <label>Поиск по сайту:
+      <input type="text" name="search">
+    </label>
+    <input type="submit" value="Искать!">
+  </form>
+
+  <hr>
+
+  <form name="search-person">
+    Поиск по посетителям:
+    <table id="age-table">
+      <tr>
+        <td>Возраст:</td>
+        <td id="age-list">
+          <label>
+            <input type="radio" name="age" value="young">до 18</label>
+          <label>
+            <input type="radio" name="age" value="mature">18-50</label>
+          <label>
+            <input type="radio" name="age" value="senior">более 50</label>
+        </td>
+      </tr>
+
+      <tr>
+        <td>Дополнительно:</td>
+        <td>
+          <input type="text" name="info[0]">
+          <input type="text" name="info[1]">
+          <input type="text" name="info[2]">
+        </td>
+      </tr>
+
+    </table>
+
+    <input type="submit" value="Искать!">
+  </form>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/2-ui/1-document/5-searching-elements-dom/2-tree/solution.view/index.html b/2-ui/1-document/5-searching-elements-dom/2-tree/solution.view/index.html
index f4e91356..e9b5d644 100644
--- a/2-ui/1-document/5-searching-elements-dom/2-tree/solution.view/index.html
+++ b/2-ui/1-document/5-searching-elements-dom/2-tree/solution.view/index.html
@@ -1,61 +1,66 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<ul>
-  <li>Животные
-    <ul>
-      <li>Млекопитающие
-        <ul>
-          <li>Коровы</li>
-          <li>Ослы</li>
-          <li>Собаки</li>
-          <li>Тигры</li>
-        </ul>
-      </li>
-      <li>Другие
-        <ul>
-          <li>Змеи</li>
-          <li>Птицы</li>
-          <li>Ящерицы</li>
-        </ul>
-      </li>
-    </ul>
-  </li>
-  <li>Рыбы
-    <ul>
-      <li>Аквариумные
-        <ul>
-          <li>Гуппи</li>
-          <li>Скалярии</li>
-        </ul>
+  <ul>
+    <li>Животные
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
+    </li>
+    <li>Рыбы
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-      </li>
-      <li>Морские
-        <ul>
-          <li>Морская форель</li>
-        </ul>
-      </li>
-    </ul>
-  </li>
-</ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
+    </li>
+  </ul>
 
-<script>
-var lis = document.getElementsByTagName('li');
+  <script>
+    var lis = document.getElementsByTagName('li');
 
-for(i=0; i<lis.length; i++) {
-  // получить название из текстового узла
-  var title = lis[i].firstChild.data; 
+    for (i = 0; i < lis.length; i++) {
+      // получить название из текстового узла
+      var title = lis[i].firstChild.data;
 
-  title = title.trim(); // убрать лишние пробелы с концов
+      title = title.trim(); // убрать лишние пробелы с концов
 
-  // получить количество детей
-  var childCount = lis[i].getElementsByTagName('li').length;
+      // получить количество детей
+      var childCount = lis[i].getElementsByTagName('li').length;
 
-  alert(title + ': ' + childCount);
-}
-</script>
+      alert(title + ': ' + childCount);
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/5-searching-elements-dom/2-tree/source.view/index.html b/2-ui/1-document/5-searching-elements-dom/2-tree/source.view/index.html
index ddf25947..2f45460c 100644
--- a/2-ui/1-document/5-searching-elements-dom/2-tree/source.view/index.html
+++ b/2-ui/1-document/5-searching-elements-dom/2-tree/source.view/index.html
@@ -1,49 +1,54 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<ul>
+  <ul>
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
-  // .. ваш код ..
-</script>
+  <script>
+    // .. ваш код ..
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/solution.view/index.html b/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/solution.view/index.html
index 817e736e..ca1cfb81 100644
--- a/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/solution.view/index.html
+++ b/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/solution.view/index.html
@@ -1,70 +1,207 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-	<meta charset="utf-8">
- <style>
-   p {
-    display: inline-block;
-    margin: 0;
-   } 
+  <meta charset="utf-8">
+  <style>
+    p {
+      display: inline-block;
+      margin: 0;
+    }
   </style>
 </head>
+
 <body>
 
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
 
 
-<script>
-function bench(f, times) {
-  var d = new Date();
-  for(var i=0; i<times; i++) f();
-  return new Date() - d;
-}
+  <script>
+    function bench(f, times) {
+      var d = new Date();
+      for (var i = 0; i < times; i++) f();
+      return new Date() - d;
+    }
 
 
-function runGetList() {
-  var results = document.getElementsByTagName('p');
-  var len = results.length;
-  for(var i = 0; i<len; i++) {
-    var elem = results[i];
-  }
-}
+    function runGetList() {
+      var results = document.getElementsByTagName('p');
+      var len = results.length;
+      for (var i = 0; i < len; i++) {
+        var elem = results[i];
+      }
+    }
 
-function runQueryList() {
-  var results = document.querySelectorAll('p');
-  var len = results.length;
-  for(var i = 0; i<len; i++) {
-    var elem = results[i];
-  }
-}
+    function runQueryList() {
+      var results = document.querySelectorAll('p');
+      var len = results.length;
+      for (var i = 0; i < len; i++) {
+        var elem = results[i];
+      }
+    }
 
 
-function log(msg) {
-	alert(msg);
-}
+    function log(msg) {
+      alert(msg);
+    }
 
 
-log( 'getElementsByTagName: ' + bench(runGetList, 10000) );
-log( 'querySelectorAll: ' + bench(runQueryList, 10000) );
-
-</script>
+    log('getElementsByTagName: ' + bench(runGetList, 10000));
+    log('querySelectorAll: ' + bench(runQueryList, 10000));
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/source.view/index.html b/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/source.view/index.html
index 3e989571..4275fa0b 100644
--- a/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/source.view/index.html
+++ b/2-ui/1-document/6-searching-elements-internals/3-benchmark-search-dom/source.view/index.html
@@ -1,32 +1,170 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-	<meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
-<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
+  <p>1</p>
+  <p>2</p>
+  <p>3</p>
+  <p>4</p>
+  <p>5</p>
+  <p>6</p>
+  <p>7</p>
+  <p>8</p>
+  <p>9</p>
 
-<script>
- // ...
-</script>
+  <script>
+    // ...
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/9-attributes-and-custom-properties/1-get-user-attribute/solution.view/index.html b/2-ui/1-document/9-attributes-and-custom-properties/1-get-user-attribute/solution.view/index.html
index 943ade17..47a95f5b 100644
--- a/2-ui/1-document/9-attributes-and-custom-properties/1-get-user-attribute/solution.view/index.html
+++ b/2-ui/1-document/9-attributes-and-custom-properties/1-get-user-attribute/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYLE HTML>
 <html>
+
 <body>
 
   <div data-widget-name="menu">Выберите жанр</div>
@@ -9,4 +10,5 @@
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/1-document/9-attributes-and-custom-properties/2-set-class-links/solution.view/index.html b/2-ui/1-document/9-attributes-and-custom-properties/2-set-class-links/solution.view/index.html
index 4beb6d72..28f0790f 100644
--- a/2-ui/1-document/9-attributes-and-custom-properties/2-set-class-links/solution.view/index.html
+++ b/2-ui/1-document/9-attributes-and-custom-properties/2-set-class-links/solution.view/index.html
@@ -1,36 +1,38 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  .external {
-    background-color: yellow;
-  }
+    .external {
+      background-color: yellow;
+    }
   </style>
 </head>
+
 <body>
 
 
-<a name="list">список</a>
-<ul>
- <li><a href="http://google.com">http://google.com</a></li>
- <li><a href="/tutorial">/tutorial.html</a></li>
- <li><a href="local/path">local/path</a></li>
- <li><a href="ftp://ftp.com/my.zip">ftp://ftp.com/my.zip</a></li>
- <li><a href="http://nodejs.org">http://nodejs.org</a></li>
- <li><a href="http://internal.com/test">http://internal.com/test</a></li>
-</ul>
+  <a name="list">список</a>
+  <ul>
+    <li><a href="http://google.com">http://google.com</a></li>
+    <li><a href="/tutorial">/tutorial.html</a></li>
+    <li><a href="local/path">local/path</a></li>
+    <li><a href="ftp://ftp.com/my.zip">ftp://ftp.com/my.zip</a></li>
+    <li><a href="http://nodejs.org">http://nodejs.org</a></li>
+    <li><a href="http://internal.com/test">http://internal.com/test</a></li>
+  </ul>
 
 
-<script>
+  <script>
+    var css = 'a[href*="://"]:not([href^="http://internal.com"])';
+    var links = document.querySelectorAll(css);
 
-var css = 'a[href*="://"]:not([href^="http://internal.com"])';
-var links = document.querySelectorAll(css);
-
-for(var i=0; i<links.length; i++) {
-  links[i].classList.add('external');
-}
-</script>
+    for (var i = 0; i < links.length; i++) {
+      links[i].classList.add('external');
+    }
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/solution.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/solution.view/index.html
index f3cd221f..6e44472b 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/solution.view/index.html
@@ -1,20 +1,23 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<input type="button" id="hider" value="Нажмите, чтобы спрятать текст"/>
+  <input type="button" id="hider" value="Нажмите, чтобы спрятать текст" />
 
-<div id="text">Текст</div>
+  <div id="text">Текст</div>
 
-<script>
-  // в этой задаче неважно, как именно прятать элемент
-  // например через style.display:
-  document.getElementById('hider').onclick = function() {
-  	document.getElementById('text').style.display = 'none';
-  }
-</script>
+  <script>
+    // в этой задаче неважно, как именно прятать элемент
+    // например через style.display:
+    document.getElementById('hider').onclick = function() {
+      document.getElementById('text').style.display = 'none';
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/source.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/source.view/index.html
index 2ed0953e..1c50e998 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/1-hide-other/source.view/index.html
@@ -1,16 +1,19 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<input type="button" id="hider" value="Нажмите, чтобы спрятать текст"/>
+  <input type="button" id="hider" value="Нажмите, чтобы спрятать текст" />
 
-<div id="text">Текст</div>
+  <div id="text">Текст</div>
 
-<script>
- /* ваш код */
-</script>
+  <script>
+    /* ваш код */
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/solution.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/solution.view/index.html
index f9a4399c..1585fbd2 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/solution.view/index.html
@@ -1,58 +1,58 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-
-  .menu ul {
-    margin: 0;
-    list-style: none;
-    padding-left: 20px;
-
-    display: none;
-  }
-
-  .menu .title {
-    font-size: 18px;
-    cursor: pointer;
-  }
-
-  .menu .title::before {
-    content: '▶ ';
-    font-size: 80%;
-    color: green;
-  }
-
-  .menu.open .title::before {
-    content: '▼ ';
-  }
-
-  .menu.open ul {
-    display: block;
-  }
-
-</style>
+  <meta charset="utf-8">
+  <style>
+    .menu ul {
+      margin: 0;
+      list-style: none;
+      padding-left: 20px;
+      display: none;
+    }
+    
+    .menu .title {
+      font-size: 18px;
+      cursor: pointer;
+    }
+    
+    .menu .title::before {
+      content: '▶ ';
+      font-size: 80%;
+      color: green;
+    }
+    
+    .menu.open .title::before {
+      content: '▼ ';
+    }
+    
+    .menu.open ul {
+      display: block;
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="sweeties" class="menu">
-  <span class="title">Сладости (нажми меня)!</span>
-  <ul>
-    <li>Торт</li>
-    <li>Пончик</li>
-    <li>Пирожное</li>
-  </ul>
+  <div id="sweeties" class="menu">
+    <span class="title">Сладости (нажми меня)!</span>
+    <ul>
+      <li>Торт</li>
+      <li>Пончик</li>
+      <li>Пирожное</li>
+    </ul>
 
-</div>
+  </div>
 
-<script>
-  var menuElem = document.getElementById('sweeties');
-  var titleElem = menuElem.querySelector('.title');
+  <script>
+    var menuElem = document.getElementById('sweeties');
+    var titleElem = menuElem.querySelector('.title');
 
-  titleElem.onclick = function() {
-    menuElem.classList.toggle('open');
-  };
-</script>
+    titleElem.onclick = function() {
+      menuElem.classList.toggle('open');
+    };
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/source.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/source.view/index.html
index 9aebcbfb..a868d472 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/4-sliding-menu/source.view/index.html
@@ -1,17 +1,20 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-▶ ▼ Сладости (нажми меня)!
-<ul>
-  <li>Торт</li>
-  <li>Пончик</li>
-  <li>Пирожное</li>
-</ul>
+  ▶ ▼ Сладости (нажми меня)!
+  <ul>
+    <li>Торт</li>
+    <li>Пончик</li>
+    <li>Пирожное</li>
+  </ul>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/index.html
index 0dc0abe4..52c1ef3b 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/solution.view/index.html
@@ -1,46 +1,46 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <link rel="stylesheet" href="messages.css">
-    <meta charset="utf-8">
+  <link rel="stylesheet" href="messages.css">
+  <meta charset="utf-8">
 </head>
 
 <body>
 
-<div id="messages-container">
-  <div class="pane">
-    <h3>Лошадь</h3>
-    <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
-    <button class="remove-button">[x]</button>
+  <div id="messages-container">
+    <div class="pane">
+      <h3>Лошадь</h3>
+      <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
+      <button class="remove-button">[x]</button>
+    </div>
+    <div class="pane">
+      <h3>Осёл</h3>
+      <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
+      <button class="remove-button">[x]</button>
+    </div>
+    <div class="pane">
+      <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
+      <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют
+        тёлками.</p>
+      <button class="remove-button">[x]</button>
+    </div>
   </div>
-  <div class="pane">
-    <h3>Осёл</h3>
-    <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
-    <button class="remove-button">[x]</button>
-  </div>
-  <div class="pane">
-    <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
-    <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют тёлками.</p>
-    <button class="remove-button">[x]</button>
-  </div>
-</div>
 
 
 
-<script>
+  <script>
+    var buttons = document.querySelectorAll('#messages-container .remove-button');
 
-  var buttons = document.querySelectorAll('#messages-container .remove-button');
+    for (var i = 0; i < buttons.length; i++) {
+      var button = buttons[i];
 
-  for(var i=0; i<buttons.length; i++) {
-    var button = buttons[i];
-
-    button.onclick = function() {
-      var el = this.parentNode;
-      el.parentNode.removeChild(el);
-    };
-  }
-
-
-</script>
+      button.onclick = function() {
+        var el = this.parentNode;
+        el.parentNode.removeChild(el);
+      };
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/index.html
index 9a3b1364..9dab0ed2 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/5-hide-message/source.view/index.html
@@ -1,28 +1,32 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <link rel="stylesheet" type="text/css" href="messages.css">
-    <meta charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="messages.css">
+  <meta charset="utf-8">
 </head>
 
 <body>
 
-Кнопка для удаления: <button class="remove-button">[x]</button>
+  Кнопка для удаления:
+  <button class="remove-button">[x]</button>
 
-<div>
-	<div class="pane">
-    <h3>Лошадь</h3>
-    <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
-	</div>
-	<div class="pane">
-    <h3>Осёл</h3>
-    <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
-	</div>
-	<div class="pane">
-    <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
-    <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют тёлками.</p>
-	</div>
-</div>
+  <div>
+    <div class="pane">
+      <h3>Лошадь</h3>
+      <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
+    </div>
+    <div class="pane">
+      <h3>Осёл</h3>
+      <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
+    </div>
+    <div class="pane">
+      <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
+      <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют
+        тёлками.</p>
+    </div>
+  </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/index.html
index 35481b9c..4da04229 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/index.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
@@ -6,67 +7,66 @@
 
 <body>
 
-<div id="carousel" class="carousel">
-  <button class="arrow prev">⇦</button>
-  <div class="gallery">
-    <ul class="images">
-      <li><img src="https://js.cx/carousel/1.png">
-      <li><img src="https://js.cx/carousel/2.png">
-      <li><img src="https://js.cx/carousel/3.png">
-      <li><img src="https://js.cx/carousel/4.png">
-      <li><img src="https://js.cx/carousel/5.png">
-      <li><img src="https://js.cx/carousel/6.png">
-      <li><img src="https://js.cx/carousel/7.png">
-      <li><img src="https://js.cx/carousel/8.png">
-      <li><img src="https://js.cx/carousel/9.png">
-      <li><img src="https://js.cx/carousel/10.png">
-    </ul>
+  <div id="carousel" class="carousel">
+    <button class="arrow prev">⇦</button>
+    <div class="gallery">
+      <ul class="images">
+        <li><img src="https://js.cx/carousel/1.png">
+          <li><img src="https://js.cx/carousel/2.png">
+            <li><img src="https://js.cx/carousel/3.png">
+              <li><img src="https://js.cx/carousel/4.png">
+                <li><img src="https://js.cx/carousel/5.png">
+                  <li><img src="https://js.cx/carousel/6.png">
+                    <li><img src="https://js.cx/carousel/7.png">
+                      <li><img src="https://js.cx/carousel/8.png">
+                        <li><img src="https://js.cx/carousel/9.png">
+                          <li><img src="https://js.cx/carousel/10.png">
+      </ul>
+    </div>
+    <button class="arrow next">⇨</button>
   </div>
-  <button class="arrow next">⇨</button>
-</div>
 
-<script>
+  <script>
+    /* этот код помечает картинки, для удобства разработки */
+    var lis = document.getElementsByTagName('li');
+    for (var i = 0; i < lis.length; i++) {
+      lis[i].style.position = 'relative';
+      var span = document.createElement('span');
+      // обычно лучше использовать CSS-классы,
+      // но этот код - для удобства разработки, так что не будем трогать стили
+      span.style.cssText = 'position:absolute;left:0;top:0';
+      span.innerHTML = i + 1;
+      lis[i].appendChild(span);
+    }
 
-/* этот код помечает картинки, для удобства разработки */
-var lis = document.getElementsByTagName('li');
-for(var i=0; i<lis.length; i++) {
-  lis[i].style.position='relative';
-  var span = document.createElement('span');
-  // обычно лучше использовать CSS-классы,
-  // но этот код - для удобства разработки, так что не будем трогать стили
-  span.style.cssText='position:absolute;left:0;top:0';
-  span.innerHTML = i+1;
-  lis[i].appendChild(span);
-}
+    /* конфигурация */
+    var width = 130; // ширина изображения
+    var count = 3; // количество изображений
 
-/* конфигурация */
-var width = 130; // ширина изображения
-var count = 3; // количество изображений
+    var carousel = document.getElementById('carousel');
+    var list = carousel.querySelector('ul');
+    var listElems = carousel.querySelectorAll('li');
 
-var carousel = document.getElementById('carousel');
-var list = carousel.querySelector('ul');
-var listElems = carousel.querySelectorAll('li');
+    var position = 0; // текущий сдвиг влево
 
-var position = 0; // текущий сдвиг влево
+    carousel.querySelector('.prev').onclick = function() {
+      if (position >= 0) return; // уже сдвинулись до упора
 
-carousel.querySelector('.prev').onclick = function() {
-  if (position >= 0) return; // уже сдвинулись до упора
+      // сдвиг влево
+      // последнее передвижение влево может быть не на 3, а на 2 или 1 элемент
+      position = Math.min(position + width * count, 0)
+      list.style.marginLeft = position + 'px';
+    };
 
-  // сдвиг влево
-  // последнее передвижение влево может быть не на 3, а на 2 или 1 элемент
-  position = Math.min(position + width*count, 0)
-  list.style.marginLeft = position + 'px';
-};
+    carousel.querySelector('.next').onclick = function() {
+      if (position <= -width * (listElems.length - count)) return; // уже до упора
 
-carousel.querySelector('.next').onclick = function() {
-  if (position <= -width*(listElems.length-count)) return; // уже до упора
-
-  // сдвиг вправо
-  // последнее передвижение вправо может быть не на 3, а на 2 или 1 элемент
-  position = Math.max(position-width*count, -width*(listElems.length-count));
-  list.style.marginLeft = position + 'px';
-};
-
-</script>
+      // сдвиг вправо
+      // последнее передвижение вправо может быть не на 3, а на 2 или 1 элемент
+      position = Math.max(position - width * count, -width * (listElems.length - count));
+      list.style.marginLeft = position + 'px';
+    };
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/index.html b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/index.html
index 76f456cd..9b6350a3 100755
--- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/index.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
@@ -6,43 +7,42 @@
 
 <body>
 
-<!-- ваша верстка виджета, ваши стили -->
+  <!-- ваша верстка виджета, ваши стили -->
 
-<button class="arrow">⇦</button>
-<button class="arrow">⇨</button>
-  
-  
-<ul>
-  <li><img src="https://js.cx/carousel/1.png">
-  <li><img src="https://js.cx/carousel/2.png">
-  <li><img src="https://js.cx/carousel/3.png">
-  <li><img src="https://js.cx/carousel/4.png">
-  <li><img src="https://js.cx/carousel/5.png">
-  <li><img src="https://js.cx/carousel/6.png">
-  <li><img src="https://js.cx/carousel/7.png">
-  <li><img src="https://js.cx/carousel/8.png">
-  <li><img src="https://js.cx/carousel/9.png">
-  <li><img src="https://js.cx/carousel/10.png">
-</ul>
+  <button class="arrow">⇦</button>
+  <button class="arrow">⇨</button>
 
 
-<script>
-/* этот код помечает картинки цифрами, для удобства разработки
-  его можно убрать, если не нужен */
-var lis = document.getElementsByTagName('li');
-for(var i=0; i<lis.length; i++) {
-  lis[i].style.position='relative';
-  var span = document.createElement('span');
-  span.style.cssText='position:absolute;left:0;top:0';
-  span.innerHTML = i+1;
-  lis[i].appendChild(span);
-}
-</script>
+  <ul>
+    <li><img src="https://js.cx/carousel/1.png">
+      <li><img src="https://js.cx/carousel/2.png">
+        <li><img src="https://js.cx/carousel/3.png">
+          <li><img src="https://js.cx/carousel/4.png">
+            <li><img src="https://js.cx/carousel/5.png">
+              <li><img src="https://js.cx/carousel/6.png">
+                <li><img src="https://js.cx/carousel/7.png">
+                  <li><img src="https://js.cx/carousel/8.png">
+                    <li><img src="https://js.cx/carousel/9.png">
+                      <li><img src="https://js.cx/carousel/10.png">
+  </ul>
 
-<script>
 
-// ваш код..
+  <script>
+    /* этот код помечает картинки цифрами, для удобства разработки
+      его можно убрать, если не нужен */
+    var lis = document.getElementsByTagName('li');
+    for (var i = 0; i < lis.length; i++) {
+      lis[i].style.position = 'relative';
+      var span = document.createElement('span');
+      span.style.cssText = 'position:absolute;left:0;top:0';
+      span.innerHTML = i + 1;
+      lis[i].appendChild(span);
+    }
+  </script>
 
-</script>
+  <script>
+    // ваш код..
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/solution.view/index.html b/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/solution.view/index.html
index 5196c4f1..ac089d88 100755
--- a/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/solution.view/index.html
@@ -1,93 +1,92 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style> 
-  #field { 
-    width: 200px;
-    height: 150px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-    overflow: hidden;
-    cursor: pointer;
-  }
+  <style>
+    #field {
+      width: 200px;
+      height: 150px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+      overflow: hidden;
+      cursor: pointer;
+    }
     
-  #ball {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 40px;
-    height: 40px;
-
-    -webkit-transition: all 1s;
-    -moz-transition: all 1s;
-    -o-transition: all 1s;
-    -ms-transition: all 1s;
-    transition: all 1s;
-  }
-
+    #ball {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 40px;
+      height: 40px;
+      -webkit-transition: all 1s;
+      -moz-transition: all 1s;
+      -o-transition: all 1s;
+      -ms-transition: all 1s;
+      transition: all 1s;
+    }
   </style>
 </head>
+
 <body style="height:2000px">
 
-  Кликните на любое место поля, чтобы мяч перелетел туда.<br>
+  Кликните на любое место поля, чтобы мяч перелетел туда.
+  <br>
 
 
   <div id="field">
-    <img src="https://js.cx/clipart/ball.svg" id="ball">
-    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    <img src="https://js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
   </div>
 
   <script>
-
-  var field = document.getElementById('field');
-  var ball = document.getElementById('ball');
+    var field = document.getElementById('field');
+    var ball = document.getElementById('ball');
 
 
-  field.onclick = function(event) {
-    
-    // координаты поля относительно окна
-    var fieldCoords = this.getBoundingClientRect();
+    field.onclick = function(event) {
 
-    // координаты левого-верхнего внутреннего угла поля
-    var fieldInnerCoords = {
-      top: fieldCoords.top + field.clientTop,
-      left: fieldCoords.left + field.clientLeft
-    };
+      // координаты поля относительно окна
+      var fieldCoords = this.getBoundingClientRect();
 
-    // разместить по клику,
-    // но сдвинув относительно поля (т.к. position:relative) 
-    // и сдвинув на половину ширины/высоты
-    // (!) используются координаты относительно окна clientX/Y, как и в fieldCoords
-    var ballCoords = {  
-      top: event.clientY - fieldInnerCoords.top - ball.clientHeight / 2,
-      left: event.clientX - fieldInnerCoords.left - ball.clientWidth / 2
-    };
+      // координаты левого-верхнего внутреннего угла поля
+      var fieldInnerCoords = {
+        top: fieldCoords.top + field.clientTop,
+        left: fieldCoords.left + field.clientLeft
+      };
 
-    // вылезает за верхнюю границу - разместить по ней
-    if(ballCoords.top < 0) ballCoords.top = 0;
+      // разместить по клику,
+      // но сдвинув относительно поля (т.к. position:relative) 
+      // и сдвинув на половину ширины/высоты
+      // (!) используются координаты относительно окна clientX/Y, как и в fieldCoords
+      var ballCoords = {
+        top: event.clientY - fieldInnerCoords.top - ball.clientHeight / 2,
+        left: event.clientX - fieldInnerCoords.left - ball.clientWidth / 2
+      };
 
-    // вылезает за левую границу - разместить по ней
-    if(ballCoords.left < 0) ballCoords.left = 0;
+      // вылезает за верхнюю границу - разместить по ней
+      if (ballCoords.top < 0) ballCoords.top = 0;
+
+      // вылезает за левую границу - разместить по ней
+      if (ballCoords.left < 0) ballCoords.left = 0;
 
 
-    // вылезает за правую границу - разместить по ней
-    if(ballCoords.left + ball.clientWidth > field.clientWidth) {
-      ballCoords.left = field.clientWidth - ball.clientWidth;
+      // вылезает за правую границу - разместить по ней
+      if (ballCoords.left + ball.clientWidth > field.clientWidth) {
+        ballCoords.left = field.clientWidth - ball.clientWidth;
+      }
+
+      // вылезает за нижнюю границу - разместить по ней
+      if (ballCoords.top + ball.clientHeight > field.clientHeight) {
+        ballCoords.top = field.clientHeight - ball.clientHeight;
+      }
+
+      ball.style.left = ballCoords.left + 'px';
+      ball.style.top = ballCoords.top + 'px';
     }
-
-    // вылезает за нижнюю границу - разместить по ней
-    if(ballCoords.top + ball.clientHeight > field.clientHeight) {
-      ballCoords.top = field.clientHeight - ball.clientHeight;
-    }
-
-    ball.style.left = ballCoords.left + 'px';
-    ball.style.top = ballCoords.top + 'px';
-  }
-
-
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/source.view/index.html b/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/source.view/index.html
index c1aab535..d1e6132a 100755
--- a/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/source.view/index.html
@@ -1,37 +1,40 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style> 
-  #field { 
-    width: 200px;
-    height: 150px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-    overflow: hidden;
-  }
-  
-  #ball {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin-left: -20px;
-    margin-top: -20px;
-  }
-</style>
+  <meta charset="utf-8">
+  <style>
+    #field {
+      width: 200px;
+      height: 150px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+      overflow: hidden;
+    }
+    
+    #ball {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      margin-left: -20px;
+      margin-top: -20px;
+    }
+  </style>
 </head>
+
 <body style="height:2000px">
 
-Кликните на любое место поля, чтобы мяч перелетел туда.<br>
-Мяч никогда не вылетит за границы поля.
+  Кликните на любое место поля, чтобы мяч перелетел туда.
+  <br> Мяч никогда не вылетит за границы поля.
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" id="ball">
-. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/4-event-bubbling/both.view/index.html b/2-ui/2-events-and-interfaces/4-event-bubbling/both.view/index.html
index 0c6dfa2e..a0f975b2 100755
--- a/2-ui/2-events-and-interfaces/4-event-bubbling/both.view/index.html
+++ b/2-ui/2-events-and-interfaces/4-event-bubbling/both.view/index.html
@@ -1,17 +1,20 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="example.css">
 </head>
+
 <body>
 
-<form>FORM
+  <form>FORM
     <div>DIV
-        <p>P</p>
+      <p>P</p>
     </div>
-</form>
+  </form>
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/4-event-bubbling/bubble-target.view/index.html b/2-ui/2-events-and-interfaces/4-event-bubbling/bubble-target.view/index.html
index eb3e3b6b..61aabfa6 100755
--- a/2-ui/2-events-and-interfaces/4-event-bubbling/bubble-target.view/index.html
+++ b/2-ui/2-events-and-interfaces/4-event-bubbling/bubble-target.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="example.css">
 </head>
+
 <body>
-Клик выведет <code>event.target</code> и <code>this</code>:
+  Клик выведет <code>event.target</code> и <code>this</code>:
 
-<form id="form">FORM 
+  <form id="form">FORM
     <div>DIV
-        <p>P</p> 
+      <p>P</p>
     </div>
-</form>
+  </form>
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/4-event-bubbling/capture.view/index.html b/2-ui/2-events-and-interfaces/4-event-bubbling/capture.view/index.html
index 8099db3b..878c7436 100755
--- a/2-ui/2-events-and-interfaces/4-event-bubbling/capture.view/index.html
+++ b/2-ui/2-events-and-interfaces/4-event-bubbling/capture.view/index.html
@@ -1,14 +1,16 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
-<link type="text/css" rel="stylesheet" href="example.css">
+  <link type="text/css" rel="stylesheet" href="example.css">
 
-<form>FORM
+  <form>FORM
     <div>DIV
-        <p>P</p>
+      <p>P</p>
     </div>
-</form>
+  </form>
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/index.html
index 9ae11315..5bf19149 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/solution.view/index.html
@@ -1,43 +1,44 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <link rel="stylesheet" href="messages.css">
-    <meta charset="utf-8">
+  <link rel="stylesheet" href="messages.css">
+  <meta charset="utf-8">
 </head>
 
 <body>
 
-<div id="messages-container">
-  <div class="pane">
-    <h3>Лошадь</h3>
-    <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
-    <button class="remove-button">[x]</button>
+  <div id="messages-container">
+    <div class="pane">
+      <h3>Лошадь</h3>
+      <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
+      <button class="remove-button">[x]</button>
+    </div>
+    <div class="pane">
+      <h3>Осёл</h3>
+      <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
+      <button class="remove-button">[x]</button>
+    </div>
+    <div class="pane">
+      <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
+      <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют
+        тёлками.</p>
+      <button class="remove-button">[x]</button>
+    </div>
   </div>
-  <div class="pane">
-    <h3>Осёл</h3>
-    <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
-    <button class="remove-button">[x]</button>
-  </div>
-  <div class="pane">
-    <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
-    <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют тёлками.</p>
-    <button class="remove-button">[x]</button>
-  </div>
-</div>
 
 
 
-<script>
+  <script>
+    var container = document.getElementById('messages-container');
 
-  var container = document.getElementById('messages-container');
+    container.onclick = function(event) {
+      if (!event.target.classList.contains('remove-button')) return;
 
-  container.onclick = function(event) {
-    if (!event.target.classList.contains('remove-button')) return;
-
-    event.target.parentNode.hidden = !event.target.parentNode.hidden;
-  }
-
-</script>
+      event.target.parentNode.hidden = !event.target.parentNode.hidden;
+    }
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/index.html
index 9a3b1364..9dab0ed2 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/1-hide-message-delegate/source.view/index.html
@@ -1,28 +1,32 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <link rel="stylesheet" type="text/css" href="messages.css">
-    <meta charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="messages.css">
+  <meta charset="utf-8">
 </head>
 
 <body>
 
-Кнопка для удаления: <button class="remove-button">[x]</button>
+  Кнопка для удаления:
+  <button class="remove-button">[x]</button>
 
-<div>
-	<div class="pane">
-    <h3>Лошадь</h3>
-    <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
-	</div>
-	<div class="pane">
-    <h3>Осёл</h3>
-    <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
-	</div>
-	<div class="pane">
-    <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
-    <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют тёлками.</p>
-	</div>
-</div>
+  <div>
+    <div class="pane">
+      <h3>Лошадь</h3>
+      <p>Домашняя лошадь — животное семейства непарнокопытных, одомашненный и единственный сохранившийся подвид дикой лошади, вымершей в дикой природе, за исключением небольшой популяции лошади Пржевальского.</p>
+    </div>
+    <div class="pane">
+      <h3>Осёл</h3>
+      <p>Домашний осёл или ишак — одомашненный подвид дикого осла, сыгравший важную историческую роль в развитии хозяйства и культуры человека. Все одомашненные ослы относятся к африканским ослам.</p>
+    </div>
+    <div class="pane">
+      <h3>Корова, а также пара слов о диком быке, о волах и о тёлках. </h3>
+      <p>Коро́ва — самка домашнего быка, одомашненного подвида дикого быка, парнокопытного жвачного животного семейства полорогих. Самцы вида называются быками, молодняк — телятами, кастрированные самцы — волами. Молодых (до первой стельности) самок называют
+        тёлками.</p>
+    </div>
+  </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/solution.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/solution.view/index.html
index 56e3e65e..98d6c644 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/solution.view/index.html
@@ -1,86 +1,89 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style>
-  .tree span:hover {
-    font-weight: bold;
-  }
-  .tree span {
-    cursor: pointer;
-  }
-</style>
-<meta charset="utf-8">
+  <style>
+    .tree span:hover {
+      font-weight: bold;
+    }
+    
+    .tree span {
+      cursor: pointer;
+    }
+  </style>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<ul class="tree">
+  <ul class="tree">
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
-var tree = document.getElementsByTagName('ul')[0];
+  <script>
+    var tree = document.getElementsByTagName('ul')[0];
 
-var treeLis = tree.getElementsByTagName('li');
+    var treeLis = tree.getElementsByTagName('li');
 
-/* wrap all textNodes into spans */
-for(var i=0; i<treeLis.length; i++) {
-  var li = treeLis[i];
+    /* wrap all textNodes into spans */
+    for (var i = 0; i < treeLis.length; i++) {
+      var li = treeLis[i];
 
-  var span = document.createElement('span');
-  li.insertBefore(span, li.firstChild);
-  span.appendChild(span.nextSibling);
-}
+      var span = document.createElement('span');
+      li.insertBefore(span, li.firstChild);
+      span.appendChild(span.nextSibling);
+    }
 
-/* catch clicks on whole tree */
-tree.onclick = function(event) {
-  var target = event.target;
+    /* catch clicks on whole tree */
+    tree.onclick = function(event) {
+      var target = event.target;
 
-  if (target.tagName != 'SPAN') {
-    return;
-  }
+      if (target.tagName != 'SPAN') {
+        return;
+      }
 
-  /* now we know the SPAN is clicked */
-  var childrenContainer = target.parentNode.getElementsByTagName('ul')[0];
-  if (!childrenContainer) return; // no children
+      /* now we know the SPAN is clicked */
+      var childrenContainer = target.parentNode.getElementsByTagName('ul')[0];
+      if (!childrenContainer) return; // no children
 
-  childrenContainer.hidden = !childrenContainer.hidden;
-}
-
-</script>
+      childrenContainer.hidden = !childrenContainer.hidden;
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/source.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/source.view/index.html
index e4100d0a..82042a9b 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/2-sliding-tree/source.view/index.html
@@ -1,45 +1,50 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<ul class="tree">
+  <ul class="tree">
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/solution.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/solution.view/index.html
index f58eedca..aea9ccf1 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/solution.view/index.html
@@ -1,26 +1,29 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
+
+<head>
   <meta charset="utf-8">
   <style>
     th {
       cursor: pointer;
     }
+    
     th:hover {
       background: yellow;
     }
-   </style>
-  </head>
-  <body>
+  </style>
+</head>
 
-    <table id="grid">
-      <thead>
+<body>
+
+  <table id="grid">
+    <thead>
       <tr>
         <th data-type="number">Возраст</th>
         <th data-type="string">Имя</th>
       </tr>
-      </thead>
-      <tbody>
+    </thead>
+    <tbody>
       <tr>
         <td>5</td>
         <td>Вася</td>
@@ -41,63 +44,63 @@
         <td>1</td>
         <td>Илья</td>
       </tr>
-      </tbody>
-    </table>
+    </tbody>
+  </table>
 
-    <script>
-      // сортировка таблицы
-      // использовать делегирование!
-      // должно быть масштабируемо:
-      // код работает без изменений при добавлении новых столбцов и строк
+  <script>
+    // сортировка таблицы
+    // использовать делегирование!
+    // должно быть масштабируемо:
+    // код работает без изменений при добавлении новых столбцов и строк
 
-      var grid = document.getElementById('grid');
+    var grid = document.getElementById('grid');
 
-      grid.onclick = function(e) {
-        if (e.target.tagName != 'TH') return;
+    grid.onclick = function(e) {
+      if (e.target.tagName != 'TH') return;
 
-        // Если TH -- сортируем
-        sortGrid(e.target.cellIndex, e.target.getAttribute('data-type'));
-      };
+      // Если TH -- сортируем
+      sortGrid(e.target.cellIndex, e.target.getAttribute('data-type'));
+    };
 
-      function sortGrid(colNum, type) {
-        var tbody = grid.getElementsByTagName('tbody')[0];
+    function sortGrid(colNum, type) {
+      var tbody = grid.getElementsByTagName('tbody')[0];
 
-        // Составить массив из TR
-        var rowsArray = [].slice.call(tbody.rows);
+      // Составить массив из TR
+      var rowsArray = [].slice.call(tbody.rows);
 
-        // определить функцию сравнения, в зависимости от типа
-        var compare;
-
-        switch(type) {
-          case 'number':
-            compare = function(rowA, rowB) {
-              return rowA.cells[colNum].innerHTML - rowB.cells[colNum].innerHTML;
-            };
-            break;
-          case 'string':
-            compare = function(rowA, rowB) {
-              return rowA.cells[colNum].innerHTML > rowB.cells[colNum].innerHTML ? 1 : -1;
-            };
-            break;
-        }
-
-        // сортировать
-        rowsArray.sort(compare);
-
-        // Убрать tbody из большого DOM документа для лучшей производительности
-        grid.removeChild(tbody);
-
-        // добавить результат в нужном порядке в TBODY
-        // они автоматически будут убраны со старых мест и вставлены в правильном порядке
-        for(var i=0; i<rowsArray.length; i++) {
-          tbody.appendChild(rowsArray[i]);
-        }
-
-        grid.appendChild(tbody);
+      // определить функцию сравнения, в зависимости от типа
+      var compare;
 
+      switch (type) {
+        case 'number':
+          compare = function(rowA, rowB) {
+            return rowA.cells[colNum].innerHTML - rowB.cells[colNum].innerHTML;
+          };
+          break;
+        case 'string':
+          compare = function(rowA, rowB) {
+            return rowA.cells[colNum].innerHTML > rowB.cells[colNum].innerHTML ? 1 : -1;
+          };
+          break;
       }
 
-    </script>
+      // сортировать
+      rowsArray.sort(compare);
 
-  </body>
-</html>
+      // Убрать tbody из большого DOM документа для лучшей производительности
+      grid.removeChild(tbody);
+
+      // добавить результат в нужном порядке в TBODY
+      // они автоматически будут убраны со старых мест и вставлены в правильном порядке
+      for (var i = 0; i < rowsArray.length; i++) {
+        tbody.appendChild(rowsArray[i]);
+      }
+
+      grid.appendChild(tbody);
+
+    }
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/source.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/source.view/index.html
index 9aaad9c9..f71b83c4 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/3-sort-table/source.view/index.html
@@ -1,26 +1,29 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
+
+<head>
   <meta charset="utf-8">
   <style>
     th {
       cursor: pointer;
     }
+    
     th:hover {
       background: yellow;
     }
-   </style>
-  </head>
-  <body>
+  </style>
+</head>
 
-    <table id="grid">
-      <thead>
+<body>
+
+  <table id="grid">
+    <thead>
       <tr>
         <th data-type="number">Возраст</th>
         <th data-type="string">Имя</th>
       </tr>
-      </thead>
-      <tbody>
+    </thead>
+    <tbody>
       <tr>
         <td>5</td>
         <td>Вася</td>
@@ -41,13 +44,13 @@
         <td>1</td>
         <td>Илья</td>
       </tr>
-      </tbody>
-    </table>
+    </tbody>
+  </table>
 
-    <script>
-      /* ваш код */
+  <script>
+    /* ваш код */
+  </script>
 
-    </script>
+</body>
 
-  </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/index.html b/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/index.html
index ae37006e..3eff92bc 100755
--- a/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/index.html
+++ b/2-ui/2-events-and-interfaces/5-event-delegation/bagua.view/index.html
@@ -1,66 +1,94 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
-<link type="text/css" rel="stylesheet" href="bagua.css">
+  <link type="text/css" rel="stylesheet" href="bagua.css">
 
 
-<table id="bagua-table">
-  <tr>
-    <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
-  </tr>
-  <tr>
-    <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
-    </td>
-    <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
-    </td>
-    <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
-    </td>
-  </tr>
-  <tr>  
-      <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
-    </td>
-    <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
-    </td>
-    <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
-    </td>
-  </tr>
-  <tr>  
-      <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
-    </td>
-    <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
-    </td>
-    <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
-    </td>
-  </tr>
-  
-</table>
+  <table id="bagua-table">
+    <tr>
+      <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
+    </tr>
+    <tr>
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
+      </td>
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
+      </td>
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
+      </td>
+    </tr>
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
+      </td>
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
+      </td>
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
+      </td>
+    </tr>
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
+      </td>
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
+      </td>
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
+      </td>
+    </tr>
 
-<script>
-var table = document.getElementById('bagua-table');
+  </table>
 
-var selectedTd;
+  <script>
+    var table = document.getElementById('bagua-table');
 
-table.onclick = function(event) {
-  var target = event.target;
-  
-  while(target != this) {
-    if (target.tagName == 'TD') {
-       highlight(target);
-       return;
+    var selectedTd;
+
+    table.onclick = function(event) {
+      var target = event.target;
+
+      while (target != this) {
+        if (target.tagName == 'TD') {
+          highlight(target);
+          return;
+        }
+        target = target.parentNode;
+      }
     }
-    target = target.parentNode;
-  }
-}
 
-function highlight(node) {
-  if (selectedTd) {
-    selectedTd.classList.remove('highlight');
-  }
-  selectedTd = node;
-  selectedTd.classList.add('highlight');
-}
-
-</script>
+    function highlight(node) {
+      if (selectedTd) {
+        selectedTd.classList.remove('highlight');
+      }
+      selectedTd = node;
+      selectedTd.classList.add('highlight');
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/solution.view/index.html b/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/solution.view/index.html
index 1b2e769b..7ad90f55 100644
--- a/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/solution.view/index.html
@@ -1,80 +1,81 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  .tooltip {
-    position: fixed;
-    padding: 10px 20px;
-
-    /* красивости... */
-    border: 1px solid #b3c9ce;
-    border-radius: 4px;
-    text-align: center;
-    font: italic 14px/1.3 arial, sans-serif; 
-    color: #333;
-    background: #fff;
-    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
-  }
-
-</style>
+  <meta charset="utf-8">
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
+    
+    .tooltip {
+      position: fixed;
+      padding: 10px 20px;
+      /* красивости... */
+      
+      border: 1px solid #b3c9ce;
+      border-radius: 4px;
+      text-align: center;
+      font: italic 14px/1.3 arial, sans-serif;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
+    }
+  </style>
 </head>
+
 <body>
 
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
 
-<button data-tooltip="подсказка длиннее, чем элемент">Короткая кнопка</button>
-<button data-tooltip="HTML<br>подсказка">Ещё кнопка</button>
+  <button data-tooltip="подсказка длиннее, чем элемент">Короткая кнопка</button>
+  <button data-tooltip="HTML<br>подсказка">Ещё кнопка</button>
 
-<p>Прокрутите страницу, чтобы ссылки были вверху и проверьте, правильно ли показываются подсказки.</p>
+  <p>Прокрутите страницу, чтобы ссылки были вверху и проверьте, правильно ли показываются подсказки.</p>
 
 
-<script>
+  <script>
+    var showingTooltip;
 
-var showingTooltip;
+    document.onmouseover = function(e) {
+      var target = e.target;
 
-document.onmouseover = function(e) {
-  var target = e.target;
+      var tooltip = target.getAttribute('data-tooltip');
+      if (!tooltip) return;
 
-  var tooltip = target.getAttribute('data-tooltip');
-  if (!tooltip) return;
+      var tooltipElem = document.createElement('div');
+      tooltipElem.className = 'tooltip';
+      tooltipElem.innerHTML = tooltip;
+      document.body.appendChild(tooltipElem);
 
-  var tooltipElem = document.createElement('div');
-  tooltipElem.className = 'tooltip';
-  tooltipElem.innerHTML = tooltip;
-  document.body.appendChild(tooltipElem);
+      var coords = target.getBoundingClientRect();
 
-  var coords = target.getBoundingClientRect();
+      var left = coords.left + (target.offsetWidth - tooltipElem.offsetWidth) / 2;
+      if (left < 0) left = 0; // не вылезать за левую границу окна
 
-  var left = coords.left + (target.offsetWidth - tooltipElem.offsetWidth)/2;
-  if (left < 0) left = 0; // не вылезать за левую границу окна
+      var top = coords.top - tooltipElem.offsetHeight - 5;
+      if (top < 0) { // не вылезать за верхнюю границу окна
+        top = coords.top + target.offsetHeight + 5;
+      }
 
-  var top = coords.top - tooltipElem.offsetHeight - 5;
-  if (top < 0) { // не вылезать за верхнюю границу окна
-    top = coords.top + target.offsetHeight + 5;
-  }
+      tooltipElem.style.left = left + 'px';
+      tooltipElem.style.top = top + 'px';
 
-  tooltipElem.style.left = left + 'px';
-  tooltipElem.style.top = top + 'px';
-  
-  showingTooltip = tooltipElem;
-};
+      showingTooltip = tooltipElem;
+    };
 
-document.onmouseout = function(e) {
+    document.onmouseout = function(e) {
 
-  if (showingTooltip) {
-    document.body.removeChild(showingTooltip);
-    showingTooltip = null;
-  }
+      if (showingTooltip) {
+        document.body.removeChild(showingTooltip);
+        showingTooltip = null;
+      }
 
-};
-
-</script>
+    };
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/source.view/index.html b/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/source.view/index.html
index 3dc85e97..3af0269a 100644
--- a/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/6-behavior/1-behavior-tooltip/source.view/index.html
@@ -1,32 +1,32 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  /* ваши стили */
-
-</style>
+  <meta charset="utf-8">
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
+    /* ваши стили */
+  </style>
 </head>
+
 <body>
 
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
 
-<button data-tooltip="подсказка длиннее, чем элемент">Короткая кнопка</button>
-<button data-tooltip="HTML<br>подсказка">Ещё кнопка</button>
+  <button data-tooltip="подсказка длиннее, чем элемент">Короткая кнопка</button>
+  <button data-tooltip="HTML<br>подсказка">Ещё кнопка</button>
 
-<p>Прокрутите страницу, чтобы ссылки были вверху и проверьте, правильно ли показываются подсказки.</p>
+  <p>Прокрутите страницу, чтобы ссылки были вверху и проверьте, правильно ли показываются подсказки.</p>
 
 
-<script>
-
-// ваш код
-
-</script>
+  <script>
+    // ваш код
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/solution.view/index.html b/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/solution.view/index.html
index c86086f3..fccc602c 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -9,32 +10,34 @@
     }
   </style>
 </head>
+
 <body>
 
-<fieldset id="contents">
-  <legend>#contents</legend>
-  <p>
-  Как насчет почитать <a href="http://wikipedia.org">Википедию</a>, или посетить <a href="http://w3.org"><i>W3.org</i></a> и узнать про современные стандарты?
-  </p>
-</fieldset>
+  <fieldset id="contents">
+    <legend>#contents</legend>
+    <p>
+      Как насчет почитать <a href="http://wikipedia.org">Википедию</a>, или посетить <a href="http://w3.org"><i>W3.org</i></a> и узнать про современные стандарты?
+    </p>
+  </fieldset>
 
-<script>
-  document.getElementById('contents').onclick = function(event) {
+  <script>
+    document.getElementById('contents').onclick = function(event) {
 
-    function handleLink(href) {
-      var isLeaving = confirm('Уйти на '+href+'?');
-      if (!isLeaving) return false;
-    }
-
-    var target = event.target;
-    
-    while(target != this) {
-      if (target.nodeName == 'A') {
-        return handleLink(target.getAttribute('href'));
+      function handleLink(href) {
+        var isLeaving = confirm('Уйти на ' + href + '?');
+        if (!isLeaving) return false;
+      }
+
+      var target = event.target;
+
+      while (target != this) {
+        if (target.nodeName == 'A') {
+          return handleLink(target.getAttribute('href'));
+        }
+        target = target.parentNode;
       }
-      target = target.parentNode;
     }
-  }
-</script>
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/source.view/index.html b/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/source.view/index.html
index 96ae8379..c606819f 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/2-catch-link-navigation/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -9,14 +10,16 @@
     }
   </style>
 </head>
+
 <body>
 
-<fieldset id="contents">
-  <legend>#contents</legend>
-  <p>
-  Как насчет почитать <a href="http://wikipedia.org">Википедию</a>, или посетить <a href="http://w3.org"><i>W3.org</i></a> и узнать про современные стандарты?
-  </p>
-</fieldset>
+  <fieldset id="contents">
+    <legend>#contents</legend>
+    <p>
+      Как насчет почитать <a href="http://wikipedia.org">Википедию</a>, или посетить <a href="http://w3.org"><i>W3.org</i></a> и узнать про современные стандарты?
+    </p>
+  </fieldset>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/index.html b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/index.html
index f22f84ce..8b6bc894 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/index.html
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <title>Галерея</title>
   <link rel="stylesheet" href="gallery.css">
@@ -8,51 +9,62 @@
 
 <body>
 
-<p><img id="largeImg" src="https://js.cx/gallery/img1-lg.jpg" alt="Large image"></p>
+  <p><img id="largeImg" src="https://js.cx/gallery/img1-lg.jpg" alt="Large image"></p>
 
-<ul id="thumbs">
-  <!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
-  <li><a href="https://js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-thumb.jpg"></a></li>
-  <li><a href="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-thumb.jpg"></a></li>
-  <li><a href="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-thumb.jpg"></a></li>
-  <li><a href="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-thumb.jpg"></a></li>
-  <li><a href="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a></li>
-</ul>
+  <ul id="thumbs">
+    <!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
+    <li>
+      <a href="https://js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-thumb.jpg"></a>
+    </li>
+    <li>
+      <a href="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-thumb.jpg"></a>
+    </li>
+    <li>
+      <a href="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-thumb.jpg"></a>
+    </li>
+    <li>
+      <a href="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-thumb.jpg"></a>
+    </li>
+    <li>
+      <a href="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a>
+    </li>
+  </ul>
 
-<script>
-var largeImg = document.getElementById('largeImg');
+  <script>
+    var largeImg = document.getElementById('largeImg');
 
-var thumbs = document.getElementById('thumbs');
+    var thumbs = document.getElementById('thumbs');
 
-thumbs.onclick = function(e) {
-  var target = e.target;
+    thumbs.onclick = function(e) {
+      var target = e.target;
 
-  while(target != this) {
+      while (target != this) {
+
+        if (target.nodeName == 'A') {
+          showThumbnail(target.href, target.title);
+          return false;
+        }
+
+        target = target.parentNode;
+      }
 
-    if (target.nodeName == 'A') {
-      showThumbnail(target.href, target.title);
-      return false;
     }
 
-    target = target.parentNode;
-  }
-
-}
-
-function showThumbnail(href, title) {
-  largeImg.src = href;
-  largeImg.alt = title;
-}
+    function showThumbnail(href, title) {
+      largeImg.src = href;
+      largeImg.alt = title;
+    }
 
 
-/* предзагрузка */
-var imgs = thumbs.getElementsByTagName('img');
-for(var i=0; i<imgs.length; i++) {
-  var url = imgs[i].parentNode.href;
-  var img = document.createElement('img');
-  img.src = url;
-}
-</script>
+    /* предзагрузка */
+    var imgs = thumbs.getElementsByTagName('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var url = imgs[i].parentNode.href;
+      var img = document.createElement('img');
+      img.src = url;
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/index.html b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/index.html
index 8937294f..cb22595c 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/index.html
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <title>Галерея</title>
   <link rel="stylesheet" href="gallery.css">
@@ -8,16 +9,17 @@
 
 <body>
 
-<p><img id="largeImg" src="https://js.cx/gallery/img1-lg.jpg" alt="Large image"></p>
+  <p><img id="largeImg" src="https://js.cx/gallery/img1-lg.jpg" alt="Large image"></p>
 
-<div id="thumbs">
-  <!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
-  <a href="https://js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-thumb.jpg"></a>
-  <a href="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-thumb.jpg"></a>
-  <a href="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-thumb.jpg"></a>
-  <a href="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-thumb.jpg"></a>
-  <a href="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a>
-</div>
+  <div id="thumbs">
+    <!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
+    <a href="https://js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-thumb.jpg"></a>
+    <a href="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-thumb.jpg"></a>
+    <a href="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-thumb.jpg"></a>
+    <a href="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-thumb.jpg"></a>
+    <a href="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a>
+  </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/index.html b/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/index.html
index 987c71e5..1489498b 100755
--- a/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/index.html
+++ b/2-ui/2-events-and-interfaces/7-default-browser-action/menu.view/index.html
@@ -1,19 +1,22 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <link rel="stylesheet" href="menu.css"/>
+  <link rel="stylesheet" href="menu.css" />
 </head>
+
 <body>
 
-<ul id="menu" class="menu">
-  <li><a href="/php">PHP</a></li>
-  <li><a href="/html">HTML</a></li>
-  <li><a href="/javascript">JavaScript</a></li>
-  <li><a href="/flash">Flash</a></li>
-</ul>
+  <ul id="menu" class="menu">
+    <li><a href="/php">PHP</a></li>
+    <li><a href="/html">HTML</a></li>
+    <li><a href="/javascript">JavaScript</a></li>
+    <li><a href="/flash">Flash</a></li>
+  </ul>
 
-<script src="menu.js"></script>
+  <script src="menu.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/solution.view/index.html b/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/solution.view/index.html
index bdeec1b6..2e6a903f 100755
--- a/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/solution.view/index.html
+++ b/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/solution.view/index.html
@@ -1,98 +1,100 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     .selected {
       background: #0f0;
     }
+    
     li {
       cursor: pointer;
     }
   </style>
 </head>
+
 <body>
 
-Клик на элементе выделяет только его.<br>
-Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.<br>
-Shift+Клик добавляет промежуток от последнего кликнутого к выделению.<br>
+  Клик на элементе выделяет только его.
+  <br> Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.
+  <br> Shift+Клик добавляет промежуток от последнего кликнутого к выделению.
+  <br>
 
-<ul>
-<li>Кристофер Робин</li>
-<li>Винни-Пух</li>
-<li>Ослик Иа</li>
-<li>Мудрая Сова</li>
-<li>Кролик. Просто кролик.</li>
-</ul>
+  <ul>
+    <li>Кристофер Робин</li>
+    <li>Винни-Пух</li>
+    <li>Ослик Иа</li>
+    <li>Мудрая Сова</li>
+    <li>Кролик. Просто кролик.</li>
+  </ul>
 
-<script>
+  <script>
+    var ul = document.querySelector('ul');
 
-var ul = document.querySelector('ul');
+    var lastClickedLi = null;
 
-var lastClickedLi = null;
+    // --- обработчики ---
 
-// --- обработчики ---
+    ul.onclick = function(event) {
+      var target = event.target;
 
-ul.onclick = function(event) {
-  var target = event.target;
+      // возможно, клик был внутри списка UL, но вне элементов LI
+      if (target.tagName != "LI") return;
 
-  // возможно, клик был внутри списка UL, но вне элементов LI
-  if (target.tagName != "LI") return;
+      // для Mac проверяем Cmd, т.к. Ctrl + click там контекстное меню
+      if (event.metaKey || event.ctrlKey) {
+        toggleSelect(target);
+      } else if (event.shiftKey) {
+        selectFromLast(target);
+      } else {
+        selectSingle(target);
+      }
 
-  // для Mac проверяем Cmd, т.к. Ctrl + click там контекстное меню
-  if(event.metaKey || event.ctrlKey) { 
-    toggleSelect(target);
-  } else if (event.shiftKey) {
-    selectFromLast(target);
-  } else {
-    selectSingle(target);
-  }
+      lastClickedLi = target;
+    }
 
-  lastClickedLi = target;
-}
+    ul.onmousedown = function() {
+      return false;
+    };
 
-ul.onmousedown = function() {
-  return false;
-};
+    // --- функции для выделения ---
 
-// --- функции для выделения ---
+    function toggleSelect(li) {
+      li.classList.toggle('selected');
+    }
 
-function toggleSelect(li) {
-  li.classList.toggle('selected');
-}
+    function selectFromLast(target) {
+      var startElem = lastClickedLi || ul.children[0];
 
-function selectFromLast(target) {
-  var startElem = lastClickedLi || ul.children[0];
+      var isLastClickedBefore = startElem.compareDocumentPosition(target) & 4;
 
-  var isLastClickedBefore = startElem.compareDocumentPosition(target) & 4;
-
-  if (isLastClickedBefore) {
-    for(var elem = startElem; elem != target; elem = elem.nextElementSibling) {
+      if (isLastClickedBefore) {
+        for (var elem = startElem; elem != target; elem = elem.nextElementSibling) {
+          elem.classList.add('selected');
+        }
+      } else {
+        for (var elem = startElem; elem != target; elem = elem.previousElementSibling) {
+          elem.classList.add('selected');
+        }
+      }
       elem.classList.add('selected');
     }
-  } else {
-    for(var elem = startElem; elem != target; elem = elem.previousElementSibling) {
-      elem.classList.add('selected');
+
+
+
+
+    function deselectAll() {
+      for (var i = 0; i < ul.children.length; i++) {
+        ul.children[i].classList.remove('selected');
+      }
     }
-  }
-  elem.classList.add('selected');
-}
 
-
-
-
-function deselectAll() {
-  for(var i=0; i<ul.children.length; i++) {
-    ul.children[i].classList.remove('selected');
-  }
-}
-
-function selectSingle(li) {
-  deselectAll();
-  li.classList.add('selected');
-}
-
-
-</script>
+    function selectSingle(li) {
+      deselectAll();
+      li.classList.add('selected');
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/source.view/index.html b/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/source.view/index.html
index e9d21138..f4459f34 100755
--- a/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/source.view/index.html
+++ b/2-ui/3-event-details/1-mouse-clicks/1-selectable-list/source.view/index.html
@@ -1,33 +1,38 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     .selected {
       background: #0f0;
     }
+    
     li {
       cursor: pointer;
     }
   </style>
 </head>
+
 <body>
 
-Клик на элементе выделяет только его.<br>
-Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.<br>
-Shift+Клик добавляет промежуток от последнего кликнутого к выделению.<br>
+  Клик на элементе выделяет только его.
+  <br> Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.
+  <br> Shift+Клик добавляет промежуток от последнего кликнутого к выделению.
+  <br>
 
-<ul>
-<li>Кристофер Робин</li>
-<li>Винни-Пух</li>
-<li>Ослик Иа</li>
-<li>Мудрая Сова</li>
-<li>Кролик. Просто кролик.</li>
-</ul>
+  <ul>
+    <li>Кристофер Робин</li>
+    <li>Винни-Пух</li>
+    <li>Ослик Иа</li>
+    <li>Мудрая Сова</li>
+    <li>Кролик. Просто кролик.</li>
+  </ul>
 
-<script>
-// ... ваш код 
-</script>
+  <script>
+    // ... ваш код
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/solution.view/index.html b/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/solution.view/index.html
index f96de868..abbd7c96 100755
--- a/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/solution.view/index.html
+++ b/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/solution.view/index.html
@@ -1,92 +1,94 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-.tree li {
-    cursor: pointer;
-}
-</style>
+  <meta charset="utf-8">
+  <style>
+    .tree li {
+      cursor: pointer;
+    }
+  </style>
 </head>
+
 <body>
 
-<ul class="tree" id="tree">
+  <ul class="tree" id="tree">
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
-var tree = document.getElementById('tree');
+  <script>
+    var tree = document.getElementById('tree');
 
-/* проверить на попадание события в заголовок LI */
-function isOverTitle(evt, li) {
-  /* обернуть заголовок в span */
-  var titleWrapper = document.createElement('span');
-  var titleTextNode = li.firstChild;             // <li>TITLE...
-  li.insertBefore(titleWrapper, titleTextNode); // <li><span></span>TITLE
-  titleWrapper.appendChild(titleTextNode);  // <li><span>TITLE</span>
+    /* проверить на попадание события в заголовок LI */
+    function isOverTitle(evt, li) {
+      /* обернуть заголовок в span */
+      var titleWrapper = document.createElement('span');
+      var titleTextNode = li.firstChild; // <li>TITLE...
+      li.insertBefore(titleWrapper, titleTextNode); // <li><span></span>TITLE
+      titleWrapper.appendChild(titleTextNode); // <li><span>TITLE</span>
 
-  /* определить, был ли клик по координатам - в SPAN ?*/
-  var isClickOnTitle = (document.elementFromPoint(evt.clientX, evt.clientY) == titleWrapper);
+      /* определить, был ли клик по координатам - в SPAN ?*/
+      var isClickOnTitle = (document.elementFromPoint(evt.clientX, evt.clientY) == titleWrapper);
 
-  /* в любом случае вернуть заголовок в текст обратно перед тем как идти дальше */
-  titleWrapper.removeChild(titleWrapper.firstChild); // <li><span></span>
-  li.replaceChild(titleTextNode, titleWrapper);  // <li>TITLE...
+      /* в любом случае вернуть заголовок в текст обратно перед тем как идти дальше */
+      titleWrapper.removeChild(titleWrapper.firstChild); // <li><span></span>
+      li.replaceChild(titleTextNode, titleWrapper); // <li>TITLE...
 
-  return isClickOnTitle;
-}
+      return isClickOnTitle;
+    }
 
-/* отслеживаем клики на всём дереве */
-tree.onclick = function(evt) {
-  var evt = evt || event;
-  var target = evt.target || evt.srcElement;
+    /* отслеживаем клики на всём дереве */
+    tree.onclick = function(evt) {
+      var evt = evt || event;
+      var target = evt.target || evt.srcElement;
 
 
-  if (!isOverTitle(evt, target)) {
-    return; // клик не на заголовке
-  }
+      if (!isOverTitle(evt, target)) {
+        return; // клик не на заголовке
+      }
 
-  /* раскрыть-закрыть детей */
-  var node = target.getElementsByTagName('ul')[0];
-  if (!node) return; // нет детей
+      /* раскрыть-закрыть детей */
+      var node = target.getElementsByTagName('ul')[0];
+      if (!node) return; // нет детей
 
-  node.style.display = node.style.display ? '' : 'none';
-}
-
-</script>
+      node.style.display = node.style.display ? '' : 'none';
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/source.view/index.html b/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/source.view/index.html
index 6ee56ce0..9fe42c47 100755
--- a/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/source.view/index.html
+++ b/2-ui/3-event-details/1-mouse-clicks/2-tree-coords/source.view/index.html
@@ -1,68 +1,70 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-.tree li {
-    cursor: pointer;
-}
-</style>
+  <meta charset="utf-8">
+  <style>
+    .tree li {
+      cursor: pointer;
+    }
+  </style>
 </head>
+
 <body>
 
-<ul class="tree" id="tree">
+  <ul class="tree" id="tree">
     <li>Животные
-        <ul>
-            <li>Млекопитающие
-                <ul>
-                    <li>Коровы</li>
-                    <li>Ослы</li>
-                    <li>Собаки</li>
-                    <li>Тигры</li>
-                </ul>
-            </li>
-            <li>Другие
-                <ul>
-                    <li>Змеи</li>
-                    <li>Птицы</li>
-                    <li>Ящерицы</li>
-                </ul>
-            </li>
-        </ul>
+      <ul>
+        <li>Млекопитающие
+          <ul>
+            <li>Коровы</li>
+            <li>Ослы</li>
+            <li>Собаки</li>
+            <li>Тигры</li>
+          </ul>
+        </li>
+        <li>Другие
+          <ul>
+            <li>Змеи</li>
+            <li>Птицы</li>
+            <li>Ящерицы</li>
+          </ul>
+        </li>
+      </ul>
     </li>
     <li>Рыбы
-        <ul>
-            <li>Аквариумные
-                <ul>
-                    <li>Гуппи</li>
-                    <li>Скалярии</li>
-                </ul>
+      <ul>
+        <li>Аквариумные
+          <ul>
+            <li>Гуппи</li>
+            <li>Скалярии</li>
+          </ul>
 
-            </li>
-            <li>Морские
-                <ul>
-                    <li>Морская форель</li>
-                </ul>
-            </li>
-        </ul>
+        </li>
+        <li>Морские
+          <ul>
+            <li>Морская форель</li>
+          </ul>
+        </li>
+      </ul>
     </li>
-</ul>
+  </ul>
 
-<script>
-var tree = document.getElementById('tree');
+  <script>
+    var tree = document.getElementById('tree');
 
-tree.onclick = function(evt) {
-  var evt = evt || event;
-  var target = evt.target || evt.srcElement;
+    tree.onclick = function(evt) {
+      var evt = evt || event;
+      var target = evt.target || evt.srcElement;
 
-  /* раскрыть-закрыть детей */
-  var node = target.getElementsByTagName('ul')[0];
-  if (!node) return; // нет детей
+      /* раскрыть-закрыть детей */
+      var node = target.getElementsByTagName('ul')[0];
+      if (!node) return; // нет детей
 
-  node.style.display = node.style.display ? '' : 'none';
-}
-
-</script>
+      node.style.display = node.style.display ? '' : 'none';
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/10-onload-ondomcontentloaded/window-onbeforeunload.view/index.html b/2-ui/3-event-details/10-onload-ondomcontentloaded/window-onbeforeunload.view/index.html
index 776ae33d..e29bf72b 100755
--- a/2-ui/3-event-details/10-onload-ondomcontentloaded/window-onbeforeunload.view/index.html
+++ b/2-ui/3-event-details/10-onload-ondomcontentloaded/window-onbeforeunload.view/index.html
@@ -1,19 +1,22 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
-<script>
-function setHandler() {
-  window.onbeforeunload = function() {
-    return "Данные не сохранены. Точно перейти?";
-  };
-}
-</script>
+  <script>
+    function setHandler() {
+      window.onbeforeunload = function() {
+        return "Данные не сохранены. Точно перейти?";
+      };
+    }
+  </script>
 
-<button onclick="setHandler()">Поставить window.onbeforeunload</button>
+  <button onclick="setHandler()">Поставить window.onbeforeunload</button>
 
-<a href="http://example.com">Уйти на EXAMPLE.COM</a>
+  <a href="http://example.com">Уйти на EXAMPLE.COM</a>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/1-nice-alt/solution.view/index.html b/2-ui/3-event-details/11-onload-onerror/1-nice-alt/solution.view/index.html
index 688b1e65..4935f238 100755
--- a/2-ui/3-event-details/11-onload-onerror/1-nice-alt/solution.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/1-nice-alt/solution.view/index.html
@@ -1,42 +1,49 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style> .img-replace { float: left; border: 1px solid black;} </style>
+  <style>
+    .img-replace {
+      float: left;
+      border: 1px solid black;
+    }
+  </style>
 </head>
+
 <body>
 
-<button onclick="window.location.reload(true)">Перезагрузить ифрейм</button>
-<hr>
-<div style="width:114px;height:40px;font-size:32px;letter-spacing:3px" data-src="https://js.cx/search/google.png" class="img-replace">
-<span style="color:#1A53F7">G</span><span style="color:#E42131">o</span><span style="color:#FEB819">o</span><span style="color:#164AF2">g</span><span style="color:#00a315">l</span><span style="color:#E42131">e</span>
-</div>
+  <button onclick="window.location.reload(true)">Перезагрузить ифрейм</button>
+  <hr>
+  <div style="width:114px;height:40px;font-size:32px;letter-spacing:3px" data-src="https://js.cx/search/google.png" class="img-replace">
+    <span style="color:#1A53F7">G</span><span style="color:#E42131">o</span><span style="color:#FEB819">o</span><span style="color:#164AF2">g</span><span style="color:#00a315">l</span><span style="color:#E42131">e</span>
+  </div>
 
-<div style="width:101px;height:40px;font-size:32px" data-src="https://js.cx/search/yandex.png" class="img-replace">
-<span style="color:#F00">Я</span>ндекс
-</div>
+  <div style="width:101px;height:40px;font-size:32px" data-src="https://js.cx/search/yandex.png" class="img-replace">
+    <span style="color:#F00">Я</span>ндекс
+  </div>
 
-<div style="width:100;height:40px;font-size:32px;color:#006dd4;font-weight:bold;letter-spacing:3px;font-family:Arial" data-src="bing.png" class="img-replace">bing</div>
+  <div style="width:100;height:40px;font-size:32px;color:#006dd4;font-weight:bold;letter-spacing:3px;font-family:Arial" data-src="bing.png" class="img-replace">bing</div>
 
 
-<script>
+  <script>
+    function replaceImg() {
+      var divs = document.querySelectorAll('div.img-replace');
+      for (var i = 0; i < divs.length; i++)(function(i) {
+        var img = document.createElement('img');
+        img.src = divs[i].getAttribute('data-src');
+        img.className = 'img-replace';
 
-function replaceImg() {
-  var divs = document.querySelectorAll('div.img-replace');
-  for(var i=0; i<divs.length; i++) (function(i) {
-    var img = document.createElement('img');
-    img.src = divs[i].getAttribute('data-src');
-    img.className = 'img-replace';
+        img.onload = function() {
+          divs[i].parentNode.replaceChild(img, divs[i]);
+        }
 
-    img.onload = function() {
-      divs[i].parentNode.replaceChild(img, divs[i]);
+      }(i))
     }
 
-  }(i))
-}
-
-setTimeout(replaceImg, 1000); // задержка на 1 сек для демонстрации
-</script>
+    setTimeout(replaceImg, 1000); // задержка на 1 сек для демонстрации
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/1-nice-alt/source.view/index.html b/2-ui/3-event-details/11-onload-onerror/1-nice-alt/source.view/index.html
index 0b44d976..eba12fd0 100755
--- a/2-ui/3-event-details/11-onload-onerror/1-nice-alt/source.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/1-nice-alt/source.view/index.html
@@ -1,32 +1,40 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style> .img-replace { float: left; border: 1px solid black;} </style>
+  <style>
+    .img-replace {
+      float: left;
+      border: 1px solid black;
+    }
+  </style>
 </head>
+
 <body>
 
-<!-- Google -->
+  <!-- Google -->
 
-<div style="width:114px;height:40px;font-size:32px;letter-spacing:3px" class="img-replace">
-<span style="color:#1A53F7">G</span><span style="color:#E42131">o</span><span style="color:#FEB819">o</span><span style="color:#164AF2">g</span><span style="color:#00a315">l</span><span style="color:#E42131">e</span>
-</div>
+  <div style="width:114px;height:40px;font-size:32px;letter-spacing:3px" class="img-replace">
+    <span style="color:#1A53F7">G</span><span style="color:#E42131">o</span><span style="color:#FEB819">o</span><span style="color:#164AF2">g</span><span style="color:#00a315">l</span><span style="color:#E42131">e</span>
+  </div>
 
-<!-- Яндекс -->
-<div style="width:101px;height:40px;font-size:32px" class="img-replace">
-<span style="color:#F00">Я</span>ндекс
-</div>
+  <!-- Яндекс -->
+  <div style="width:101px;height:40px;font-size:32px" class="img-replace">
+    <span style="color:#F00">Я</span>ндекс
+  </div>
 
-<!-- Bing -->
-<div style="width:100;height:40px;font-size:32px;color:#006dd4;font-weight:bold;letter-spacing: 3px; font-family:Arial">bing</div>
+  <!-- Bing -->
+  <div style="width:100;height:40px;font-size:32px;color:#006dd4;font-weight:bold;letter-spacing: 3px; font-family:Arial">bing</div>
 
-<hr>
-<!-- картинки (для bing картинки специально нет, чтобы протестировать случай "загрузка не удалась") -->
+  <hr>
+  <!-- картинки (для bing картинки специально нет, чтобы протестировать случай "загрузка не удалась") -->
 
-<img src="https://js.cx/search/yandex.png" width="114" height="40" alt="Яндекс">
-<img src="https://js.cx/search/google.png" width="101" height="40" alt="Google">
-<img src="https://js.cx/search/bing.png" width="101" height="40" alt="Файла нет (bing)">
+  <img src="https://js.cx/search/yandex.png" width="114" height="40" alt="Яндекс">
+  <img src="https://js.cx/search/google.png" width="101" height="40" alt="Google">
+  <img src="https://js.cx/search/bing.png" width="101" height="40" alt="Файла нет (bing)">
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/solution.view/index.html b/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/solution.view/index.html
index 8555a47f..23825080 100755
--- a/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/solution.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/solution.view/index.html
@@ -1,56 +1,57 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
+  <script>
+    function preloadImages(sources, callback) {
+      var counter = 0;
 
-  function preloadImages(sources, callback) {
-    var counter = 0;
+      function onLoad() {
+        counter++;
+        if (counter == sources.length) callback();
+      }
+
+      for (var i = 0; i < sources.length; i++) {
+        var img = document.createElement('img');
+        // сначала onload/onerror, затем src - важно для IE8-
+        img.onload = img.onerror = onLoad;
+        img.src = sources[i];
+      }
 
-    function onLoad() {
-      counter++;
-      if (counter == sources.length) callback();
     }
 
+    // ---------- Проверка ----------
+
+    var sources = [
+      "https://js.cx/images-load/1.jpg",
+      "https://js.cx/images-load/2.jpg",
+      "https://js.cx/images-load/3.jpg"
+    ];
     for (var i = 0; i < sources.length; i++) {
-      var img = document.createElement('img');
-      // сначала onload/onerror, затем src - важно для IE8-
-      img.onload = img.onerror = onLoad;
-      img.src = sources[i];
+      sources[i] += '?' + Math.random();
     }
 
-  }
-
-  // ---------- Проверка ----------
-
-  var sources = [
-    "https://js.cx/images-load/1.jpg", 
-    "https://js.cx/images-load/2.jpg", 
-    "https://js.cx/images-load/3.jpg"
-  ];
-  for (var i=0; i<sources.length; i++) {
-    sources[i] += '?'+Math.random();
-  }
-
-  function testLoaded() {
-    var widthSum = 0;
-    for (var i = 0; i < sources.length; i++) {
-      var img = document.createElement('img');
-      img.src = sources[i];
-      widthSum += img.width;
+    function testLoaded() {
+      var widthSum = 0;
+      for (var i = 0; i < sources.length; i++) {
+        var img = document.createElement('img');
+        img.src = sources[i];
+        widthSum += img.width;
+      }
+      alert(widthSum); // 300!
     }
-    alert(widthSum); // 300!
-  }
 
-  // до загрузки - 0
-  testLoaded();
-  // после загрузки - 300
-  preloadImages(sources, testLoaded);
-
-</script>
+    // до загрузки - 0
+    testLoaded();
+    // после загрузки - 300
+    preloadImages(sources, testLoaded);
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/source.view/index.html b/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/source.view/index.html
index 11eae34b..1e3afe5a 100755
--- a/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/source.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/2-load-img-callback/source.view/index.html
@@ -1,49 +1,50 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
-
-  function preloadImages(sources, callback) {
-    /* ваш код */
-  }
-
-  // ---------- Проверка ----------
-
-  /* файлы для загрузки */
-  var sources = [
-    "https://js.cx/images-load/1.jpg", 
-    "https://js.cx/images-load/2.jpg", 
-    "https://js.cx/images-load/3.jpg"
-  ];
-  for (var i=0; i<sources.length; i++) {
-    sources[i] += '?'+Math.random(); // добавляем параметр, чтобы без кеша (для теста)
-  }
-
-  /** если картинка загружена, то можно будет сразу получить её ширину
-   * создадим все картинки и проверим, есть ли у них ширина
-  */
-  function testLoaded() {
-    var widthSum = 0;
-    for (var i = 0; i < sources.length; i++) {
-      var img = document.createElement('img');
-      img.src = sources[i];
-      widthSum += img.width;
+  <script>
+    function preloadImages(sources, callback) {
+      /* ваш код */
     }
-    // каждое изображение 100x100, общая ширина должна быть 300px
-    alert(widthSum);
-  }
 
-  // до загрузки - выведет 0
-  testLoaded();
+    // ---------- Проверка ----------
 
-  // после загрузки - выведет 300
-  preloadImages(sources, testLoaded);
+    /* файлы для загрузки */
+    var sources = [
+      "https://js.cx/images-load/1.jpg",
+      "https://js.cx/images-load/2.jpg",
+      "https://js.cx/images-load/3.jpg"
+    ];
+    for (var i = 0; i < sources.length; i++) {
+      sources[i] += '?' + Math.random(); // добавляем параметр, чтобы без кеша (для теста)
+    }
 
-</script>
+    /** если картинка загружена, то можно будет сразу получить её ширину
+     * создадим все картинки и проверим, есть ли у них ширина
+     */
+    function testLoaded() {
+      var widthSum = 0;
+      for (var i = 0; i < sources.length; i++) {
+        var img = document.createElement('img');
+        img.src = sources[i];
+        widthSum += img.width;
+      }
+      // каждое изображение 100x100, общая ширина должна быть 300px
+      alert(widthSum);
+    }
+
+    // до загрузки - выведет 0
+    testLoaded();
+
+    // после загрузки - выведет 300
+    preloadImages(sources, testLoaded);
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/3-script-callback/solution.view/index.html b/2-ui/3-event-details/11-onload-onerror/3-script-callback/solution.view/index.html
index 4b9a79d2..e840c12d 100755
--- a/2-ui/3-event-details/11-onload-onerror/3-script-callback/solution.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/3-script-callback/solution.view/index.html
@@ -1,41 +1,42 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
+  <script>
+    function addScript(src, callback) {
+      var script = document.createElement('script');
+      script.src = src;
+      var s = document.getElementsByTagName('script')[0]
+      s.parentNode.insertBefore(script, s);
 
-  function addScript(src, callback) {
-    var script = document.createElement('script');
-    script.src = src;
-    var s = document.getElementsByTagName('script')[0]
-    s.parentNode.insertBefore(script, s);
+      var loaded = false;
 
-    var loaded = false;
+      function onload() {
+        if (loaded) return; // повторный вызов
+        loaded = true;
+        callback();
+      }
+
+      script.onload = onload; // все браузеры, IE с версии 9
+
+      script.onreadystatechange = function() { // IE8-
+        if (this.readyState == 'loaded' || this.readyState == 'complete') {
+          setTimeout(onload, 0);
+        }
+      };
 
-    function onload() {
-      if (loaded) return; // повторный вызов
-      loaded = true;
-      callback();
     }
 
-    script.onload = onload; // все браузеры, IE с версии 9
-
-    script.onreadystatechange = function () { // IE8-
-      if (this.readyState == 'loaded' || this.readyState == 'complete') {
-        setTimeout(onload, 0);
-      }
-    };
-
-  }
-
-  addScript("go.js", function() {
-    go();
-  });
-
-</script>
+    addScript("go.js", function() {
+      go();
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/3-script-callback/source.view/index.html b/2-ui/3-event-details/11-onload-onerror/3-script-callback/source.view/index.html
index 2dbe0b70..fb498558 100755
--- a/2-ui/3-event-details/11-onload-onerror/3-script-callback/source.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/3-script-callback/source.view/index.html
@@ -1,21 +1,22 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
+  <script>
+    function addScript(src, callback) {
+      /* ваш код */
+    }
 
-  function addScript(src, callback) {
-    /* ваш код */
-  }
-
-  addScript("go.js", function() {
-    go();
-  });
-
-</script>
+    addScript("go.js", function() {
+      go();
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/index.html b/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/index.html
index 0d04f90d..a98093ad 100755
--- a/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/solution.view/index.html
@@ -1,51 +1,54 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
-
-  function addScript(src) {
-    var script = document.createElement('script');
-    script.src = src;
-    var s = document.getElementsByTagName('script')[0]
-    s.parentNode.insertBefore(script, s);
-    return script;
-  }
-
-  function addScripts(scripts, callback) {
-    var loaded = {}; // Для загруженных файлов loaded[i] = true
-    var counter = 0;
-
-    function onload(i) {
-      if (loaded[i]) return; // лишний вызов onload/onreadystatechange
-      loaded[i] = true;
-      counter++;
-      if (counter == scripts.length) callback();
+  <script>
+    function addScript(src) {
+      var script = document.createElement('script');
+      script.src = src;
+      var s = document.getElementsByTagName('script')[0]
+      s.parentNode.insertBefore(script, s);
+      return script;
     }
 
-    for (var i = 0; i < scripts.length; i++) (function(i) {
-      var script = addScript(scripts[i]);
+    function addScripts(scripts, callback) {
+      var loaded = {}; // Для загруженных файлов loaded[i] = true
+      var counter = 0;
 
-      script.onload = function() {
-        onload(i);
-      };
+      function onload(i) {
+        if (loaded[i]) return; // лишний вызов onload/onreadystatechange
+        loaded[i] = true;
+        counter++;
+        if (counter == scripts.length) callback();
+      }
 
-      script.onreadystatechange = function() { // IE8-
-        if (this.readyState == 'loaded' || this.readyState == 'complete') {
-          setTimeout(this.onload, 0); // возможны повторные вызовы onload
-        }
-      };
+      for (var i = 0; i < scripts.length; i++)(function(i) {
+        var script = addScript(scripts[i]);
 
-    }(i));
+        script.onload = function() {
+          onload(i);
+        };
 
-  }
+        script.onreadystatechange = function() { // IE8-
+          if (this.readyState == 'loaded' || this.readyState == 'complete') {
+            setTimeout(this.onload, 0); // возможны повторные вызовы onload
+          }
+        };
 
-  addScripts(["a.js", "b.js", "c.js"], function() { a() });
+      }(i));
 
-</script>
+    }
+
+    addScripts(["a.js", "b.js", "c.js"], function() {
+      a()
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/index.html b/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/index.html
index 58601437..cff5595f 100755
--- a/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/index.html
+++ b/2-ui/3-event-details/11-onload-onerror/4-scripts-callback/source.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<script>
+  <script>
+    /* ваш код */
 
-  /* ваш код */
-
-  // функция a() сработает только если загружены a.js, b.js, c.js
-  addScripts(["a.js", "b.js", "c.js"], function() { a() });
-
-</script>
+    // функция a() сработает только если загружены a.js, b.js, c.js
+    addScripts(["a.js", "b.js", "c.js"], function() {
+      a()
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/solution.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/solution.view/index.html
index 3604a891..54d7072a 100644
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/solution.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/solution.view/index.html
@@ -1,167 +1,175 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  .tooltip {
-    position: fixed;
-    z-index:100; /* подсказка должна перекрывать другие элементы */
-    padding: 10px 20px;
-
-    /* красивости... */
-    border: 1px solid #b3c9ce;
-    border-radius: 4px;
-    text-align: center;
-    font: italic 14px/1.3 arial, sans-serif; 
-    color: #333;
-    background: #fff;
-    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
-  }
-
-  #house {
-    margin-top: 50px;
-    width: 400px;
-    border: 1px solid brown;
-  }
-
-  #roof {
-    width: 0; 
-    height: 0; 
-    border-left: 200px solid transparent;
-    border-right: 200px solid transparent;
+  <meta charset="utf-8">
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
     
-    border-bottom: 20px solid brown;
-    margin-top: -20px;
-  }
-
-  p {
-    text-align: justify;
-    margin: 10px 3px;
-  }
-
-</style>
+    .tooltip {
+      position: fixed;
+      z-index: 100;
+      /* подсказка должна перекрывать другие элементы */
+      
+      padding: 10px 20px;
+      /* красивости... */
+      
+      border: 1px solid #b3c9ce;
+      border-radius: 4px;
+      text-align: center;
+      font: italic 14px/1.3 arial, sans-serif;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
+    }
+    
+    #house {
+      margin-top: 50px;
+      width: 400px;
+      border: 1px solid brown;
+    }
+    
+    #roof {
+      width: 0;
+      height: 0;
+      border-left: 200px solid transparent;
+      border-right: 200px solid transparent;
+      border-bottom: 20px solid brown;
+      margin-top: -20px;
+    }
+    
+    p {
+      text-align: justify;
+      margin: 10px 3px;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div data-tooltip="Это – внутренность дома" id="house">
-<div data-tooltip="Это – крыша" id="roof"></div>
+  <div data-tooltip="Это – внутренность дома" id="house">
+    <div data-tooltip="Это – крыша" id="roof"></div>
 
-  <p>Жили-были на свете три поросёнка. Три брата.</p>
+    <p>Жили-были на свете три поросёнка. Три брата.</p>
 
-  <p>Все одинакового роста, кругленькие, розовые, с одинаковыми весёлыми хвостиками.</p>
+    <p>Все одинакового роста, кругленькие, розовые, с одинаковыми весёлыми хвостиками.</p>
 
-  <p>Даже имена у них были похожи. Звали поросят Ниф-Ниф, Нуф-Нуф и Наф-Наф. Всё лето они кувыркались в зелёной траве, грелись на солнышке, нежились в лужах.</p>
+    <p>Даже имена у них были похожи. Звали поросят Ниф-Ниф, Нуф-Нуф и Наф-Наф. Всё лето они кувыркались в зелёной траве, грелись на солнышке, нежились в лужах.</p>
 
-  <p>Но вот наступила осень. <a href="http://ru.wikipedia.org/wiki/Три_поросёнка" data-tooltip="Читать дальше&hellip;">Наведи на меня</a></p>
+    <p>Но вот наступила осень. <a href="http://ru.wikipedia.org/wiki/Три_поросёнка" data-tooltip="Читать дальше&hellip;">Наведи на меня</a></p>
 
-</div>
+  </div>
 
-<script>
+  <script>
+    var showingTooltip;
 
-var showingTooltip;
+    document.onmouseover = function(e) {
+      var target = e.target;
 
-document.onmouseover = function(e) {
-  var target = e.target;
+      // ВАЖНО: mouseover может сработать сразу на потомке
+      // минуя родителя (при быстром движении мышью)
 
-  // ВАЖНО: mouseover может сработать сразу на потомке
-  // минуя родителя (при быстром движении мышью)
-  
-  // пройти вверх до первого элемента с data-tooltip
-  while (target !== this) {
-    var tooltip = target.getAttribute('data-tooltip');
-    if (tooltip) break;
-    target = target.parentNode;
-  }
+      // пройти вверх до первого элемента с data-tooltip
+      while (target !== this) {
+        var tooltip = target.getAttribute('data-tooltip');
+        if (tooltip) break;
+        target = target.parentNode;
+      }
 
-  if (!tooltip) return;
+      if (!tooltip) return;
 
-  // показать и запомнить подсказку
-  showingTooltip = showTooltip(tooltip, target);  
-}
-
-document.onmouseout = function() {
-  // возможно такое, что mouseout сработал, а мы все еще внутри элемента (всплытие)
-  // но в этом случае сразу же будет и mouseover, 
-  // то есть подсказка будет уничтожена и тут же показана заново
-  // 
-  // это лишние расходы, их можно избежать дополнительными проверками
-  if (showingTooltip) {
-    document.body.removeChild(showingTooltip);
-    showingTooltip = false;
-  }
-
-}
-
-
-function showTooltip(text, elem) {
-  var tooltipElem = document.createElement('div');
-  tooltipElem.className = 'tooltip';
-  tooltipElem.innerHTML = text;
-  document.body.appendChild(tooltipElem);
-
-  var coords = elem.getBoundingClientRect();
-  
-  var left = coords.left + (elem.offsetWidth - tooltipElem.offsetWidth)/2;
-  if (left < 0) left = 0; // не вылезать за левую границу экрана
-
-  // не вылезать за верхнюю границу окна
-  var top = coords.top - tooltipElem.offsetHeight - 5;
-  if (top < 0) {
-    top = coords.top + elem.offsetHeight + 5;
-  }
-
-  tooltipElem.style.left = left + 'px';
-  tooltipElem.style.top = top + 'px';
-
-  return tooltipElem;
-}
-
-
-
-function getCoords(elem) {
-    var box = elem.getBoundingClientRect();
-    
-    var body = document.body;
-    var docEl = document.documentElement;
-
-    var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
-    var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
-
-    var clientTop = docEl.clientTop || body.clientTop || 0;
-    var clientLeft = docEl.clientLeft || body.clientLeft || 0;
-
-    var top  = box.top +  scrollTop - clientTop;
-    var left = box.left + scrollLeft - clientLeft;
-
-    return { top: Math.round(top), left: Math.round(left) };
-}
-
-function getPageScroll() {
-  if (window.pageXOffset != undefined) {
-    return {
-      left: pageXOffset,
-      top: pageYOffset
+      // показать и запомнить подсказку
+      showingTooltip = showTooltip(tooltip, target);
     }
-  }
 
-  var html = document.documentElement;
-  var body = document.body;
+    document.onmouseout = function() {
+      // возможно такое, что mouseout сработал, а мы все еще внутри элемента (всплытие)
+      // но в этом случае сразу же будет и mouseover, 
+      // то есть подсказка будет уничтожена и тут же показана заново
+      // 
+      // это лишние расходы, их можно избежать дополнительными проверками
+      if (showingTooltip) {
+        document.body.removeChild(showingTooltip);
+        showingTooltip = false;
+      }
 
-  var top = html.scrollTop || body && body.scrollTop || 0;
-  top -= html.clientTop;
+    }
 
-  var left = html.scrollLeft || body && body.scrollLeft || 0;
-  left -= html.clientLeft;
 
-  return { top: top, left: left };
-}
+    function showTooltip(text, elem) {
+      var tooltipElem = document.createElement('div');
+      tooltipElem.className = 'tooltip';
+      tooltipElem.innerHTML = text;
+      document.body.appendChild(tooltipElem);
 
-</script>
+      var coords = elem.getBoundingClientRect();
+
+      var left = coords.left + (elem.offsetWidth - tooltipElem.offsetWidth) / 2;
+      if (left < 0) left = 0; // не вылезать за левую границу экрана
+
+      // не вылезать за верхнюю границу окна
+      var top = coords.top - tooltipElem.offsetHeight - 5;
+      if (top < 0) {
+        top = coords.top + elem.offsetHeight + 5;
+      }
+
+      tooltipElem.style.left = left + 'px';
+      tooltipElem.style.top = top + 'px';
+
+      return tooltipElem;
+    }
+
+
+
+    function getCoords(elem) {
+      var box = elem.getBoundingClientRect();
+
+      var body = document.body;
+      var docEl = document.documentElement;
+
+      var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
+      var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
+
+      var clientTop = docEl.clientTop || body.clientTop || 0;
+      var clientLeft = docEl.clientLeft || body.clientLeft || 0;
+
+      var top = box.top + scrollTop - clientTop;
+      var left = box.left + scrollLeft - clientLeft;
+
+      return {
+        top: Math.round(top),
+        left: Math.round(left)
+      };
+    }
+
+    function getPageScroll() {
+      if (window.pageXOffset != undefined) {
+        return {
+          left: pageXOffset,
+          top: pageYOffset
+        }
+      }
+
+      var html = document.documentElement;
+      var body = document.body;
+
+      var top = html.scrollTop || body && body.scrollTop || 0;
+      top -= html.clientTop;
+
+      var left = html.scrollLeft || body && body.scrollLeft || 0;
+      left -= html.clientLeft;
+
+      return {
+        top: top,
+        left: left
+      };
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/source.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/source.view/index.html
index c22a0aa2..44216810 100644
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/source.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/1-behavior-nested-tooltip/source.view/index.html
@@ -1,50 +1,52 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать при прокрутке */
-  }
-
-  #house {
-    margin-top: 50px;
-    width: 400px;
-    border: 1px solid brown;
-  }
-
-  #roof {
-    width: 0; 
-    height: 0; 
-    border-left: 200px solid transparent;
-    border-right: 200px solid transparent;
+  <meta charset="utf-8">
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать при прокрутке */
+    }
     
-    border-bottom: 20px solid brown;
-    margin-top: -20px;
-  }
-
-  p {
-    text-align: justify;
-    margin: 10px 3px;
-  }
-
-</style>
+    #house {
+      margin-top: 50px;
+      width: 400px;
+      border: 1px solid brown;
+    }
+    
+    #roof {
+      width: 0;
+      height: 0;
+      border-left: 200px solid transparent;
+      border-right: 200px solid transparent;
+      border-bottom: 20px solid brown;
+      margin-top: -20px;
+    }
+    
+    p {
+      text-align: justify;
+      margin: 10px 3px;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div data-tooltip="Это – внутренность дома" id="house">
-<div data-tooltip="Это – крыша" id="roof"></div>
+  <div data-tooltip="Это – внутренность дома" id="house">
+    <div data-tooltip="Это – крыша" id="roof"></div>
 
-  <p>Жили-были на свете три поросёнка. Три брата.</p>
+    <p>Жили-были на свете три поросёнка. Три брата.</p>
 
-  <p>Все одинакового роста, кругленькие, розовые, с одинаковыми весёлыми хвостиками.</p>
+    <p>Все одинакового роста, кругленькие, розовые, с одинаковыми весёлыми хвостиками.</p>
 
-  <p>Даже имена у них были похожи. Звали поросят Ниф-Ниф, Нуф-Нуф и Наф-Наф. Всё лето они кувыркались в зелёной траве, грелись на солнышке, нежились в лужах.</p>
+    <p>Даже имена у них были похожи. Звали поросят Ниф-Ниф, Нуф-Нуф и Наф-Наф. Всё лето они кувыркались в зелёной траве, грелись на солнышке, нежились в лужах.</p>
 
-  <p>Но вот наступила осень. <a href="http://ru.wikipedia.org/wiki/Три_поросёнка" data-tooltip="Читать дальше&hellip;">Наведи на меня</a></p>
+    <p>Но вот наступила осень. <a href="http://ru.wikipedia.org/wiki/Три_поросёнка" data-tooltip="Читать дальше&hellip;">Наведи на меня</a></p>
 
-</div>
+  </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.view/index.html
index ae12de67..f6db3438 100644
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.view/index.html
@@ -1,44 +1,43 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>Document</title>
   <link rel="stylesheet" href="style.css">
   <script src="hoverIntent.js"></script>
 </head>
+
 <body>
 
 
   <div id="elem" class="clock">
-    <span class="hours">12</span>
-    :
-    <span class="minutes">30</span>
-    :
+    <span class="hours">12</span> :
+    <span class="minutes">30</span> :
     <span class="seconds">00</span>
   </div>
 
   <script>
+    var tooltip = document.createElement('div');
+    tooltip.className = "tooltip";
+    tooltip.innerHTML = "Подсказка";
 
-  var tooltip = document.createElement('div');
-  tooltip.className = "tooltip";
-  tooltip.innerHTML = "Подсказка";
-
-  new HoverIntent({
-    elem: elem, 
-    over: function() {
-      tooltip.style.left = this.getBoundingClientRect().left + 'px';
-      tooltip.style.top = this.getBoundingClientRect().bottom + 5 + 'px';
-      document.body.appendChild(tooltip);
-    },
-    out: function() {
-      document.body.removeChild(tooltip);
-    }
-  });
-
+    new HoverIntent({
+      elem: elem,
+      over: function() {
+        tooltip.style.left = this.getBoundingClientRect().left + 'px';
+        tooltip.style.top = this.getBoundingClientRect().bottom + 5 + 'px';
+        document.body.appendChild(tooltip);
+      },
+      out: function() {
+        document.body.removeChild(tooltip);
+      }
+    });
   </script>
 
 
 
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/source.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/source.view/index.html
index ae12de67..f6db3438 100644
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/source.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/source.view/index.html
@@ -1,44 +1,43 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <title>Document</title>
   <link rel="stylesheet" href="style.css">
   <script src="hoverIntent.js"></script>
 </head>
+
 <body>
 
 
   <div id="elem" class="clock">
-    <span class="hours">12</span>
-    :
-    <span class="minutes">30</span>
-    :
+    <span class="hours">12</span> :
+    <span class="minutes">30</span> :
     <span class="seconds">00</span>
   </div>
 
   <script>
+    var tooltip = document.createElement('div');
+    tooltip.className = "tooltip";
+    tooltip.innerHTML = "Подсказка";
 
-  var tooltip = document.createElement('div');
-  tooltip.className = "tooltip";
-  tooltip.innerHTML = "Подсказка";
-
-  new HoverIntent({
-    elem: elem, 
-    over: function() {
-      tooltip.style.left = this.getBoundingClientRect().left + 'px';
-      tooltip.style.top = this.getBoundingClientRect().bottom + 5 + 'px';
-      document.body.appendChild(tooltip);
-    },
-    out: function() {
-      document.body.removeChild(tooltip);
-    }
-  });
-
+    new HoverIntent({
+      elem: elem,
+      over: function() {
+        tooltip.style.left = this.getBoundingClientRect().left + 'px';
+        tooltip.style.top = this.getBoundingClientRect().bottom + 5 + 'px';
+        document.body.appendChild(tooltip);
+      },
+      out: function() {
+        document.body.removeChild(tooltip);
+      }
+    });
   </script>
 
 
 
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/index.html
index 3e9035f5..472120e4 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/index.html
@@ -1,49 +1,79 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-  
-        
-    <table id="table">
-      <tr>
-        <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
-      </tr>
-      <tr>
-        <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
-        </td>
-        <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
-        </td>
-        <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
-        </td>
-      </tr>
-      <tr>  
-          <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
-        </td>
-        <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
-        </td>
-        <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
-        </td>
-      </tr>
-      <tr>  
-          <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
-        </td>
-        <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
-        </td>
-        <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
-        </td>
-      </tr>
-      
-    </table>
 
-    <textarea id="text"></textarea>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="style.css">
+</head>
 
-    <input type="button" onclick="text.value=''" value="Очистить">
+<body>
+
+
+  <table id="table">
+    <tr>
+      <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
+    </tr>
+    <tr>
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
+      </td>
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
+      </td>
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
+      </td>
+    </tr>
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
+      </td>
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
+      </td>
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
+      </td>
+    </tr>
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
+      </td>
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
+      </td>
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
+      </td>
+    </tr>
+
+  </table>
+
+  <textarea id="text"></textarea>
+
+  <input type="button" onclick="text.value=''" value="Очистить">
+
+
+  <script src="script.js"></script>
+
+</body>
 
-        
-    <script src="script.js"></script>
-    
-  </body>
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/index.html
index 3e9035f5..472120e4 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/index.html
@@ -1,49 +1,79 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-  
-        
-    <table id="table">
-      <tr>
-        <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
-      </tr>
-      <tr>
-        <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
-        </td>
-        <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
-        </td>
-        <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
-        </td>
-      </tr>
-      <tr>  
-          <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
-        </td>
-        <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
-        </td>
-        <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
-        </td>
-      </tr>
-      <tr>  
-          <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
-        </td>
-        <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
-        </td>
-        <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
-        </td>
-      </tr>
-      
-    </table>
 
-    <textarea id="text"></textarea>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="style.css">
+</head>
 
-    <input type="button" onclick="text.value=''" value="Очистить">
+<body>
+
+
+  <table id="table">
+    <tr>
+      <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
+    </tr>
+    <tr>
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
+      </td>
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
+      </td>
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
+      </td>
+    </tr>
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
+      </td>
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
+      </td>
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
+      </td>
+    </tr>
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
+      </td>
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
+      </td>
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
+      </td>
+    </tr>
+
+  </table>
+
+  <textarea id="text"></textarea>
+
+  <input type="button" onclick="text.value=''" value="Очистить">
+
+
+  <script src="script.js"></script>
+
+</body>
 
-        
-    <script src="script.js"></script>
-    
-  </body>
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/index.html
index 3e9035f5..472120e4 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/index.html
@@ -1,49 +1,79 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-  
-        
-    <table id="table">
-      <tr>
-        <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
-      </tr>
-      <tr>
-        <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
-        </td>
-        <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
-        </td>
-        <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
-        </td>
-      </tr>
-      <tr>  
-          <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
-        </td>
-        <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
-        </td>
-        <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
-        </td>
-      </tr>
-      <tr>  
-          <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
-        </td>
-        <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
-        </td>
-        <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
-        </td>
-      </tr>
-      
-    </table>
 
-    <textarea id="text"></textarea>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="style.css">
+</head>
 
-    <input type="button" onclick="text.value=''" value="Очистить">
+<body>
+
+
+  <table id="table">
+    <tr>
+      <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
+    </tr>
+    <tr>
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
+      </td>
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
+      </td>
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
+      </td>
+    </tr>
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
+      </td>
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
+      </td>
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
+      </td>
+    </tr>
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
+      </td>
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
+      </td>
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
+      </td>
+    </tr>
+
+  </table>
+
+  <textarea id="text"></textarea>
+
+  <input type="button" onclick="text.value=''" value="Очистить">
+
+
+  <script src="script.js"></script>
+
+</body>
 
-        
-    <script src="script.js"></script>
-    
-  </body>
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/index.html
index a493f58e..205c3d70 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/index.html
@@ -1,19 +1,22 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-  
-    <div id="blue" onmouseenter="log(event)" onmouseleave="log(event)">
-      <div id="red"></div>
-    </div>
 
-    <textarea id="text"></textarea>
-    <input type="button" onclick="text.value=''" value="Очистить">
-    
-    <script src="script.js"></script>
-    
-  </body>
+<head>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <div id="blue" onmouseenter="log(event)" onmouseleave="log(event)">
+    <div id="red"></div>
+  </div>
+
+  <textarea id="text"></textarea>
+  <input type="button" onclick="text.value=''" value="Очистить">
+
+  <script src="script.js"></script>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/index.html
index ea4c9677..7d68579d 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/index.html
@@ -1,22 +1,23 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
-  
-<div class="blue" onmouseover="mouselog(event)" onmouseout="mouselog(event)">
+
+  <div class="blue" onmouseover="mouselog(event)" onmouseout="mouselog(event)">
     <div class="red"></div>
-</div>
+  </div>
 
-<textarea id="text">mouseover [target: blue]
-mouseout [target: blue]
-mouseover [target: red]
-</textarea>
-<input type="button" onclick="text.value=''" value="Очистить">
+  <textarea id="text">mouseover [target: blue] mouseout [target: blue] mouseover [target: red]
+  </textarea>
+  <input type="button" onclick="text.value=''" value="Очистить">
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/index.html
index fa2bdb54..b0320251 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/index.html
@@ -1,20 +1,23 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
   <div id="green">
     <div id="red">Тест</div>
   </div>
 
-  <input onclick="clearText()" value="Очистить" type="button"> 
+  <input onclick="clearText()" value="Очистить" type="button">
 
   <textarea id="text"></textarea>
 
   <script src="script.js"></script>
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/index.html b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/index.html
index e3fd558c..5ebbc305 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/index.html
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/index.html
@@ -1,34 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
   <div class="smiley-green">
-  <div class="left-eye"></div>
-  <div class="right-eye"></div>
-  <div class="smile"></div>
+    <div class="left-eye"></div>
+    <div class="right-eye"></div>
+    <div class="smile"></div>
   </div>
-  
+
   <div class="smiley-yellow">
-  <div class="left-eye"></div>
-  <div class="right-eye"></div>
-  <div class="smile"></div>
+    <div class="left-eye"></div>
+    <div class="right-eye"></div>
+    <div class="smile"></div>
   </div>
-  
+
   <div class="smiley-red">
-  <div class="left-eye"></div>
-  <div class="right-eye"></div>
-  <div class="smile"></div>
+    <div class="left-eye"></div>
+    <div class="right-eye"></div>
+    <div class="smile"></div>
   </div>
-  
+
   <textarea id="log" style="width:400px;height:100px">Здесь будут события и relatedTarget
-</textarea>
+  </textarea>
 
 
   <script src="script.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/index.html b/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/index.html
index e3f71cf8..d34fa7fb 100644
--- a/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/1-slider/solution.view/index.html
@@ -1,65 +1,66 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div id="slider" class="slider">
-  <div class="thumb"></div>
-</div>
+  <div id="slider" class="slider">
+    <div class="thumb"></div>
+  </div>
 
-<script>
+  <script>
+    var sliderElem = document.getElementById('slider');
+    var thumbElem = sliderElem.children[0];
 
-var sliderElem = document.getElementById('slider');
-var thumbElem = sliderElem.children[0];
+    thumbElem.onmousedown = function(e) {
+      var thumbCoords = getCoords(thumbElem);
+      var shiftX = e.pageX - thumbCoords.left;
+      // shiftY здесь не нужен, слайдер двигается только по горизонтали
 
-thumbElem.onmousedown = function(e) {
-  var thumbCoords = getCoords(thumbElem);
-  var shiftX = e.pageX - thumbCoords.left;
-  // shiftY здесь не нужен, слайдер двигается только по горизонтали
+      var sliderCoords = getCoords(sliderElem);
 
-  var sliderCoords = getCoords(sliderElem);
+      document.onmousemove = function(e) {
+        //  вычесть координату родителя, т.к. position: relative
+        var newLeft = e.pageX - shiftX - sliderCoords.left;
 
-  document.onmousemove = function(e) {
-    //  вычесть координату родителя, т.к. position: relative
-    var newLeft = e.pageX - shiftX - sliderCoords.left;
+        // курсор ушёл вне слайдера
+        if (newLeft < 0) {
+          newLeft = 0;
+        }
+        var rightEdge = sliderElem.offsetWidth - thumbElem.offsetWidth;
+        if (newLeft > rightEdge) {
+          newLeft = rightEdge;
+        }
+
+        thumbElem.style.left = newLeft + 'px';
+      }
+
+      document.onmouseup = function() {
+        document.onmousemove = document.onmouseup = null;
+      };
+
+      return false; // disable selection start (cursor change)
+    };
+
+    thumbElem.ondragstart = function() {
+      return false;
+    };
+
+    function getCoords(elem) { // кроме IE8-
+      var box = elem.getBoundingClientRect();
+
+      return {
+        top: box.top + pageYOffset,
+        left: box.left + pageXOffset
+      };
 
-    // курсор ушёл вне слайдера
-    if (newLeft < 0) {
-      newLeft = 0;
     }
-    var rightEdge = sliderElem.offsetWidth - thumbElem.offsetWidth;
-    if (newLeft > rightEdge) {
-      newLeft = rightEdge;
-    }
-
-    thumbElem.style.left = newLeft + 'px';
-  }
-
-  document.onmouseup = function() {
-    document.onmousemove = document.onmouseup = null;
-  };
-
-  return false; // disable selection start (cursor change)
-};
-
-thumbElem.ondragstart = function() { 
-  return false; 
-};
-
-function getCoords(elem) {  // кроме IE8-
-  var box = elem.getBoundingClientRect();
-
-  return {
-    top: box.top + pageYOffset,
-    left: box.left + pageXOffset
-  };
-
-}
-
-</script>
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/index.html b/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/index.html
index 763c1d19..0105d0d4 100644
--- a/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/1-slider/source.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div id="slider" class="slider">
-  <div class="thumb"></div>
-</div>
+  <div id="slider" class="slider">
+    <div class="thumb"></div>
+  </div>
 
-<script>
-  // ...Ваш код..
-</script>
+  <script>
+    // ...Ваш код..
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/index.html b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/index.html
index 7c8ede4f..35c66686 100644
--- a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/index.html
@@ -1,21 +1,23 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="soccer.css">
 </head>
+
 <body>
-  
+
   <h2>Расставьте супергероев по полю.</h2>
-  
+
   <p>Супергерои и мяч -- это элементы с классом "draggable". Сделайте так, чтобы их можно было переносить.</p>
-  
+
   <p>Важно: если супергероя подносят к низу или верху страницы, она должна автоматически прокручиваться. Если страница помещается на вашем экране целиком и не имеет вертикальной прокрутки -- сделайте окно браузера меньше, чтобы протестировать эту возможность.</p>
-  
+
   <p>Да, и ещё: супергерои ни при каких условиях не должны попасть за край экрана.</p>
-  
+
   <div id="field">
-    
+
   </div>
 
   <div class="hero draggable" id="hero1"></div>
@@ -31,4 +33,5 @@
 
   <script src="soccer.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/index.html b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/index.html
index 7c8ede4f..35c66686 100644
--- a/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/index.html
@@ -1,21 +1,23 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="soccer.css">
 </head>
+
 <body>
-  
+
   <h2>Расставьте супергероев по полю.</h2>
-  
+
   <p>Супергерои и мяч -- это элементы с классом "draggable". Сделайте так, чтобы их можно было переносить.</p>
-  
+
   <p>Важно: если супергероя подносят к низу или верху страницы, она должна автоматически прокручиваться. Если страница помещается на вашем экране целиком и не имеет вертикальной прокрутки -- сделайте окно браузера меньше, чтобы протестировать эту возможность.</p>
-  
+
   <p>Да, и ещё: супергерои ни при каких условиях не должны попасть за край экрана.</p>
-  
+
   <div id="field">
-    
+
   </div>
 
   <div class="hero draggable" id="hero1"></div>
@@ -31,4 +33,5 @@
 
   <script src="soccer.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/ball.view/index.html b/2-ui/3-event-details/4-drag-and-drop/ball.view/index.html
index a0891218..59f15bb7 100644
--- a/2-ui/3-event-details/4-drag-and-drop/ball.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/ball.view/index.html
@@ -1,44 +1,46 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body style="height: 200px">
 
-<p>Кликните по мячу и тяните, чтобы двигать его.</p>
+  <p>Кликните по мячу и тяните, чтобы двигать его.</p>
 
-<img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
+  <img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
 
 
-<script>
-var ball = document.getElementById('ball');
+  <script>
+    var ball = document.getElementById('ball');
 
-ball.onmousedown = function(e) {
+    ball.onmousedown = function(e) {
 
-  ball.style.position = 'absolute'; 
-  moveAt(e);
+      ball.style.position = 'absolute';
+      moveAt(e);
 
-  document.body.appendChild(ball); 
+      document.body.appendChild(ball);
 
-  ball.style.zIndex = 1000; // показывать мяч над другими элементами
-  
-  function moveAt(e) {
-    ball.style.left = e.pageX - ball.offsetWidth/2 + 'px'; 
-    ball.style.top = e.pageY - ball.offsetHeight/2 + 'px'; 
-   }
+      ball.style.zIndex = 1000; // показывать мяч над другими элементами
 
-  document.onmousemove = function(e) {
-    moveAt(e);
-  };
+      function moveAt(e) {
+        ball.style.left = e.pageX - ball.offsetWidth / 2 + 'px';
+        ball.style.top = e.pageY - ball.offsetHeight / 2 + 'px';
+      }
+
+      document.onmousemove = function(e) {
+        moveAt(e);
+      };
+
+      ball.onmouseup = function() {
+        document.onmousemove = null;
+        ball.onmouseup = null;
+      };
+    }
+  </script>
 
-  ball.onmouseup = function() {
-    document.onmousemove = null;
-    ball.onmouseup = null;
-  };
-}
 
-</script>
-  
-      
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/ball2.view/index.html b/2-ui/3-event-details/4-drag-and-drop/ball2.view/index.html
index b83e2810..1662c4b0 100644
--- a/2-ui/3-event-details/4-drag-and-drop/ball2.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/ball2.view/index.html
@@ -1,49 +1,51 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body style="height: 200px">
 
-<p>Кликните по мячу и тяните, чтобы двигать его.</p>
+  <p>Кликните по мячу и тяните, чтобы двигать его.</p>
 
-<img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
+  <img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
 
 
-<script>
-var ball = document.getElementById('ball');
+  <script>
+    var ball = document.getElementById('ball');
 
-ball.onmousedown = function(e) {
+    ball.onmousedown = function(e) {
 
-  ball.style.position = 'absolute'; 
-  moveAt(e);
+      ball.style.position = 'absolute';
+      moveAt(e);
 
-  document.body.appendChild(ball); 
+      document.body.appendChild(ball);
 
-  ball.style.zIndex = 1000; // показывать мяч над другими элементами
-  
-  function moveAt(e) {
-    ball.style.left = e.pageX - ball.offsetWidth/2 + 'px'; 
-    ball.style.top = e.pageY - ball.offsetHeight/2 + 'px'; 
-   }
+      ball.style.zIndex = 1000; // показывать мяч над другими элементами
 
-  document.onmousemove = function(e) {
-    moveAt(e);
-  };
+      function moveAt(e) {
+        ball.style.left = e.pageX - ball.offsetWidth / 2 + 'px';
+        ball.style.top = e.pageY - ball.offsetHeight / 2 + 'px';
+      }
 
-  ball.onmouseup = function() {
-    document.onmousemove = null;
-    ball.onmouseup = null;
-  };
-}
+      document.onmousemove = function(e) {
+        moveAt(e);
+      };
+
+      ball.onmouseup = function() {
+        document.onmousemove = null;
+        ball.onmouseup = null;
+      };
+    }
 
 
-ball.ondragstart = function() { 
-  return false; 
-};
+    ball.ondragstart = function() {
+      return false;
+    };
+  </script>
+
 
-</script>
-  
-      
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/4-drag-and-drop/ball3.view/index.html b/2-ui/3-event-details/4-drag-and-drop/ball3.view/index.html
index c6030fc8..708561eb 100644
--- a/2-ui/3-event-details/4-drag-and-drop/ball3.view/index.html
+++ b/2-ui/3-event-details/4-drag-and-drop/ball3.view/index.html
@@ -1,63 +1,65 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body style="height: 200px">
 
-<p>Кликните по мячу и тяните, чтобы двигать его.</p>
+  <p>Кликните по мячу и тяните, чтобы двигать его.</p>
 
-<img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
+  <img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
 
 
-<script>
-var ball = document.getElementById('ball');
+  <script>
+    var ball = document.getElementById('ball');
 
-ball.onmousedown = function(e) {
+    ball.onmousedown = function(e) {
 
-  var coords = getCoords(ball);
-  var shiftX = e.pageX - coords.left;
-  var shiftY = e.pageY - coords.top;
+      var coords = getCoords(ball);
+      var shiftX = e.pageX - coords.left;
+      var shiftY = e.pageY - coords.top;
 
-  ball.style.position = 'absolute';
-  document.body.appendChild(ball);
-  moveAt(e);
+      ball.style.position = 'absolute';
+      document.body.appendChild(ball);
+      moveAt(e);
 
-  ball.style.zIndex = 1000; // над другими элементами
+      ball.style.zIndex = 1000; // над другими элементами
 
-  function moveAt(e) {
-    ball.style.left = e.pageX - shiftX + 'px';
-    ball.style.top = e.pageY - shiftY + 'px';
-  }
+      function moveAt(e) {
+        ball.style.left = e.pageX - shiftX + 'px';
+        ball.style.top = e.pageY - shiftY + 'px';
+      }
 
-  document.onmousemove = function(e) { 
-    moveAt(e); 
-  };
+      document.onmousemove = function(e) {
+        moveAt(e);
+      };
 
-  ball.onmouseup = function() {
-    document.onmousemove = null;
-    ball.onmouseup = null;
-  };
+      ball.onmouseup = function() {
+        document.onmousemove = null;
+        ball.onmouseup = null;
+      };
 
-}
+    }
 
-ball.ondragstart = function() { 
-  return false; 
-};
+    ball.ondragstart = function() {
+      return false;
+    };
 
 
-function getCoords(elem) {  // кроме IE8-
-  var box = elem.getBoundingClientRect();
+    function getCoords(elem) { // кроме IE8-
+      var box = elem.getBoundingClientRect();
 
-  return {
-    top: box.top + pageYOffset,
-    left: box.left + pageXOffset
-  };
+      return {
+        top: box.top + pageYOffset,
+        left: box.left + pageXOffset
+      };
+
+    }
+  </script>
 
-}
 
-</script>
-  
-      
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/index.html b/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/index.html
index 0a85b121..cb4fc01b 100644
--- a/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/index.html
+++ b/2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
@@ -13,26 +14,28 @@
     DragManager.onDragEnd = function(dragObject, dropElem) {
       dragObject.elem.style.display = 'none';
       dropElem.classList.add('computer-smile');
-      setTimeout(function() { 
-        dropElem.classList.remove('computer-smile'); 
+      setTimeout(function() {
+        dropElem.classList.remove('computer-smile');
       }, 200);
     };
   </script>
 </head>
+
 <body>
 
-<div style="height:64px">
-  <img src="https://js.cx/browsers/chrome.svg" class="draggable">
-  <img src="https://js.cx/browsers/firefox.svg" class="draggable">
-  <img src="https://js.cx/browsers/ie.svg" class="draggable">
-  <img src="https://js.cx/browsers/opera.svg" class="draggable">
-  <img src="https://js.cx/browsers/safari.svg" class="draggable">
-</div>
+  <div style="height:64px">
+    <img src="https://js.cx/browsers/chrome.svg" class="draggable">
+    <img src="https://js.cx/browsers/firefox.svg" class="draggable">
+    <img src="https://js.cx/browsers/ie.svg" class="draggable">
+    <img src="https://js.cx/browsers/opera.svg" class="draggable">
+    <img src="https://js.cx/browsers/safari.svg" class="draggable">
+  </div>
 
-<p>Браузер переносить сюда:</p>
+  <p>Браузер переносить сюда:</p>
 
-<div class="computer droppable">
-</div>
+  <div class="computer droppable">
+  </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/6-mousewheel/1-scale-with-mouse-wheel/solution.view/index.html b/2-ui/3-event-details/6-mousewheel/1-scale-with-mouse-wheel/solution.view/index.html
index 3d8e0677..2e6ba4fb 100644
--- a/2-ui/3-event-details/6-mousewheel/1-scale-with-mouse-wheel/solution.view/index.html
+++ b/2-ui/3-event-details/6-mousewheel/1-scale-with-mouse-wheel/solution.view/index.html
@@ -1,50 +1,52 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<p id="text" style="margin: 40px; width: 200px; height:60px; border: 1px solid red">
-При прокрутке колёсика мыши над этим элементом, он будет масштабироваться.
-</p>
-<script>
-function addOnWheel(elem, handler) {
-  if (elem.addEventListener) {
-    if ('onwheel' in document) {
-      // IE9+, FF17+
-      elem.addEventListener ("wheel", handler);
-    } else if ('onmousewheel' in document) {
-      // устаревший вариант события
-      elem.addEventListener ("mousewheel", handler);
-    } else {
-      // 3.5 <= Firefox < 17, более старое событие DOMMouseScroll пропустим
-      elem.addEventListener ("MozMousePixelScroll", handler);
+  <p id="text" style="margin: 40px; width: 200px; height:60px; border: 1px solid red">
+    При прокрутке колёсика мыши над этим элементом, он будет масштабироваться.
+  </p>
+  <script>
+    function addOnWheel(elem, handler) {
+      if (elem.addEventListener) {
+        if ('onwheel' in document) {
+          // IE9+, FF17+
+          elem.addEventListener("wheel", handler);
+        } else if ('onmousewheel' in document) {
+          // устаревший вариант события
+          elem.addEventListener("mousewheel", handler);
+        } else {
+          // 3.5 <= Firefox < 17, более старое событие DOMMouseScroll пропустим
+          elem.addEventListener("MozMousePixelScroll", handler);
+        }
+      } else { // IE8-
+        text.attachEvent("onmousewheel", handler);
+      }
     }
-  } else { // IE8-
-    text.attachEvent ("onmousewheel", handler);
-  }
-}
 
-var scale = 1;
+    var scale = 1;
 
-addOnWheel(text, function(e) {
+    addOnWheel(text, function(e) {
 
-  var delta = e.deltaY || e.detail || e.wheelDelta;
-  
-  // отмасштабируем при помощи CSS
-  if (delta > 0) scale += 0.05; 
-  else scale -= 0.05;
+      var delta = e.deltaY || e.detail || e.wheelDelta;
 
-  text.style.transform = text.style.WebkitTransform = text.style.MsTransform = 'scale(' + scale + ')';
+      // отмасштабируем при помощи CSS
+      if (delta > 0) scale += 0.05;
+      else scale -= 0.05;
 
-  // отменим прокрутку
-  e.preventDefault();
-});
+      text.style.transform = text.style.WebkitTransform = text.style.MsTransform = 'scale(' + scale + ')';
 
-</script>
+      // отменим прокрутку
+      e.preventDefault();
+    });
+  </script>
 
 </body>
 
 </html>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/solution.view/index.html b/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/solution.view/index.html
index d9fcd846..a2956e27 100644
--- a/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/solution.view/index.html
+++ b/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/solution.view/index.html
@@ -1,38 +1,25 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="fix-textarea-scroll.js"></script>
 </head>
+
 <body style="height: 1000px; position: relative">
 
-<header>
-  <h2>Начало документа</h2>
-</header>
+  <header>
+    <h2>Начало документа</h2>
+  </header>
 
-<textarea cols="80" rows="10">
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-</textarea>
+  <textarea cols="80" rows="10">
+    прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня
+  </textarea>
 
 
-<footer style="position: absolute; bottom: 0">
-Конец документа.
-</footer>
+  <footer style="position: absolute; bottom: 0">
+    Конец документа.
+  </footer>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/source.view/index.html b/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/source.view/index.html
index 34c5bfa3..7e8126fe 100644
--- a/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/source.view/index.html
+++ b/2-ui/3-event-details/6-mousewheel/2-no-doc-scroll/source.view/index.html
@@ -1,37 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-	<meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body style="height: 1000px; position: relative">
 
-<header>
-  <h2>Начало документа</h2>
-</header>
+  <header>
+    <h2>Начало документа</h2>
+  </header>
 
-<textarea cols="80" rows="10">
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-прокрути меня
-</textarea>
+  <textarea cols="80" rows="10">
+    прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня прокрути меня
+  </textarea>
 
 
-<footer style="position: absolute; bottom: 0">
-Конец документа.
-</footer>
+  <footer style="position: absolute; bottom: 0">
+    Конец документа.
+  </footer>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/6-mousewheel/wheel.view/index.html b/2-ui/3-event-details/6-mousewheel/wheel.view/index.html
index 244d840e..954c081c 100644
--- a/2-ui/3-event-details/6-mousewheel/wheel.view/index.html
+++ b/2-ui/3-event-details/6-mousewheel/wheel.view/index.html
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-	<meta charset="utf-8">
+  <meta charset="utf-8">
   <style>
     #container {
       width: 200px;
@@ -10,51 +11,51 @@
       background: #0FF;
       overflow: auto;
     }
-
   </style>
 </head>
+
 <body>
 
-Прокрутка: <span id="delta">0</span>
-<div id="container">
-Прокрути надо мной.
-</div>
+  Прокрутка: <span id="delta">0</span>
+  <div id="container">
+    Прокрути надо мной.
+  </div>
 
-<script>
-var elem = document.getElementById('container');
+  <script>
+    var elem = document.getElementById('container');
 
-if (elem.addEventListener) {
-  if ('onwheel' in document) {
-    // IE9+, FF17+
-    elem.addEventListener ("wheel", onWheel);
-  } else if ('onmousewheel' in document) {
-    // устаревший вариант события
-    elem.addEventListener ("mousewheel", onWheel);
-  } else {
-    // Firefox < 17
-    elem.addEventListener ("MozMousePixelScroll", onWheel);
-  }
-} else { // IE8-
-  elem.attachEvent ("onmousewheel", onWheel);
-}
+    if (elem.addEventListener) {
+      if ('onwheel' in document) {
+        // IE9+, FF17+
+        elem.addEventListener("wheel", onWheel);
+      } else if ('onmousewheel' in document) {
+        // устаревший вариант события
+        elem.addEventListener("mousewheel", onWheel);
+      } else {
+        // Firefox < 17
+        elem.addEventListener("MozMousePixelScroll", onWheel);
+      }
+    } else { // IE8-
+      elem.attachEvent("onmousewheel", onWheel);
+    }
 
 
-// Это решение предусматривает поддержку IE8-
-function onWheel(e) {
-  e = e || window.event;
+    // Это решение предусматривает поддержку IE8-
+    function onWheel(e) {
+      e = e || window.event;
 
-  // deltaY, detail содержат пиксели
-  // wheelDelta не дает возможность узнать количество пикселей
-  // onwheel || MozMousePixelScroll || onmousewheel
-  var delta = e.deltaY || e.detail || e.wheelDelta;
+      // deltaY, detail содержат пиксели
+      // wheelDelta не дает возможность узнать количество пикселей
+      // onwheel || MozMousePixelScroll || onmousewheel
+      var delta = e.deltaY || e.detail || e.wheelDelta;
 
-  var info = document.getElementById('delta');
+      var info = document.getElementById('delta');
 
-  info.innerHTML = +info.innerHTML + delta;
+      info.innerHTML = +info.innerHTML + delta;
 
-  e.preventDefault ? e.preventDefault() : (e.returnValue = false);
-}
-
-</script>
+      e.preventDefault ? e.preventDefault() : (e.returnValue = false);
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/solution.view/index.html b/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/solution.view/index.html
index 3d520a94..ae510a96 100644
--- a/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/solution.view/index.html
+++ b/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/solution.view/index.html
@@ -1,44 +1,47 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    body, html {
+    body,
+    html {
       margin: 0;
       padding: 0;
     }
-
+    
     .column-left {
       float: left;
       width: 30%;
       background: #aef;
     }
-
+    
     .column-right {
       margin-left: 30%;
       width: 70%;
       background: tan;
-      overflow: auto; /* расшириться вниз захватить float'ы */
+      overflow: auto;
+      /* расшириться вниз захватить float'ы */
     }
-
+    
     .header {
       line-height: 60px;
       background: yellow;
     }
-
+    
     .inner {
       margin: 1em;
       font-size: 130%;
     }
-
+    
     #avatar {
-      float:left;
+      float: left;
       margin: 0 1em .5em 0;
       border: 1px solid black;
-      text-align:center;
-      background:white;
+      text-align: center;
+      background: white;
     }
-
+    
     .fixed {
       position: fixed;
       top: 0;
@@ -46,64 +49,81 @@
     }
   </style>
 </head>
+
 <body>
 
-<div class="header">Шапка</div>
+  <div class="header">Шапка</div>
 
-<div class="column-left">
-<div class="inner">
-  <h3>Персонажи:</h3>
-  <ul>
-    <li>Винни-Пух</li>
-    <li>Ослик Иа</li>
-    <li>Сова</li>
-    <li>Кролик</li>
-  </ul>
-</div>
-</div>
-<div class="column-right">
-<div class="inner">
+  <div class="column-left">
+    <div class="inner">
+      <h3>Персонажи:</h3>
+      <ul>
+        <li>Винни-Пух</li>
+        <li>Ослик Иа</li>
+        <li>Сова</li>
+        <li>Кролик</li>
+      </ul>
+    </div>
+  </div>
+  <div class="column-right">
+    <div class="inner">
 
-<h3>Винни-Пух</h3>
+      <h3>Винни-Пух</h3>
 
-<div id="avatar">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из мультфильма</div>
-</div>
+      <div id="avatar">
+        <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+        <div>Кадр из мультфильма</div>
+      </div>
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
-<p>Как и многие другие персонажи книги Милна, медвежонок Винни получил имя от одной из реальных игрушек Кристофера Робина (1920—1996), сына писателя. В свою очередь, плюшевый мишка Винни-Пух был назван по имени медведицы по кличке Виннипег (Винни), содержавшейся в 1920-х в Лондонском зоопарке.</p>
+      <p>Как и многие другие персонажи книги Милна, медвежонок Винни получил имя от одной из реальных игрушек Кристофера Робина (1920—1996), сына писателя. В свою очередь, плюшевый мишка Винни-Пух был назван по имени медведицы по кличке Виннипег (Винни),
+        содержавшейся в 1920-х в Лондонском зоопарке.</p>
 
-<p>Медведица Виннипег (американский чёрный медведь) попала в Великобританию как живой талисман (маскот) Канадского армейского ветеринарного корпуса из Канады, а именно из окрестностей города Виннипега. Она оказалась в кавалерийском полку «Форт Гарри Хорс» 24 августа 1914 года ещё будучи медвежонком (её купил у канадского охотника-траппера за двадцать долларов 27-летний полковой ветеринар лейтенант Гарри Колборн, заботившийся о ней и в дальнейшем). Уже в октябре того же года медвежонок был привезён вместе с войсками в Британию, а так как полк должен был быть в ходе Первой мировой войны переправлен во Францию, то в декабре было принято решение оставить зверя до конца войны в Лондонском зоопарке. Медведица полюбилась лондонцам, и военные не стали возражать против того, чтобы не забирать её из зоопарка и после войны[1]. До конца дней (она умерла 12 мая 1934 года) медведица находилась на довольствии ветеринарного корпуса, о чём в 1919 году на её клетке сделали соответствующую надпись.</p>
+      <p>Медведица Виннипег (американский чёрный медведь) попала в Великобританию как живой талисман (маскот) Канадского армейского ветеринарного корпуса из Канады, а именно из окрестностей города Виннипега. Она оказалась в кавалерийском полку «Форт Гарри
+        Хорс» 24 августа 1914 года ещё будучи медвежонком (её купил у канадского охотника-траппера за двадцать долларов 27-летний полковой ветеринар лейтенант Гарри Колборн, заботившийся о ней и в дальнейшем). Уже в октябре того же года медвежонок был
+        привезён вместе с войсками в Британию, а так как полк должен был быть в ходе Первой мировой войны переправлен во Францию, то в декабре было принято решение оставить зверя до конца войны в Лондонском зоопарке. Медведица полюбилась лондонцам, и
+        военные не стали возражать против того, чтобы не забирать её из зоопарка и после войны[1]. До конца дней (она умерла 12 мая 1934 года) медведица находилась на довольствии ветеринарного корпуса, о чём в 1919 году на её клетке сделали соответствующую
+        надпись.</p>
 
-<p>«Винни-Пух» представляет собой дилогию, но каждая из двух книг Милна распадается на 10 рассказов (stories) с собственным сюжетом, которые могут читаться, экранизироваться и т. д. независимо друг от друга. В некоторых переводах деление на две части не сохранено, в других не переведена вторая («Дом на Пуховой опушке»). Иногда первая и вторая книги выполнены разными переводчиками. Такова необычная судьба немецкого Винни-Пуха: первая книга вышла в немецком переводе в 1928 году, а вторая лишь в 1954; между этими датами — ряд трагических событий германской истории.</p>
+      <p>«Винни-Пух» представляет собой дилогию, но каждая из двух книг Милна распадается на 10 рассказов (stories) с собственным сюжетом, которые могут читаться, экранизироваться и т. д. независимо друг от друга. В некоторых переводах деление на две части
+        не сохранено, в других не переведена вторая («Дом на Пуховой опушке»). Иногда первая и вторая книги выполнены разными переводчиками. Такова необычная судьба немецкого Винни-Пуха: первая книга вышла в немецком переводе в 1928 году, а вторая лишь
+        в 1954; между этими датами — ряд трагических событий германской истории.</p>
 
 
-<p>Действие книг о Пухе происходит в 500-акровом лесу Эшдаун близ купленной Милнами в 1925 году фермы Кочфорд в графстве Восточный Сассекс, Англия, представленном в книге как Стоакровый лес (англ. The Hundred Acre Wood, в пересказе Заходера — Чудесный лес). Реальными являются также Шесть сосен и ручеёк, у которого был найден Северный Полюс, а также упоминаемая в тексте растительность, в том числе колючий утёсник (gorse-bush, чертополох у Заходера), в который падает Пух[2]. Маленький Кристофер Робин любил забираться в дупла деревьев и играть там с Пухом, поэтому многие персонажи книг живут в дуплах, и значительная часть действия происходит в таких жилищах или на ветвях деревьев[2].
-Алан Милн, Кристофер Робин и Винни-Пух. Фотография из Британской национальной портретной галереи</p>
+      <p>Действие книг о Пухе происходит в 500-акровом лесу Эшдаун близ купленной Милнами в 1925 году фермы Кочфорд в графстве Восточный Сассекс, Англия, представленном в книге как Стоакровый лес (англ. The Hundred Acre Wood, в пересказе Заходера — Чудесный
+        лес). Реальными являются также Шесть сосен и ручеёк, у которого был найден Северный Полюс, а также упоминаемая в тексте растительность, в том числе колючий утёсник (gorse-bush, чертополох у Заходера), в который падает Пух[2]. Маленький Кристофер
+        Робин любил забираться в дупла деревьев и играть там с Пухом, поэтому многие персонажи книг живут в дуплах, и значительная часть действия происходит в таких жилищах или на ветвях деревьев[2]. Алан Милн, Кристофер Робин и Винни-Пух. Фотография
+        из Британской национальной портретной галереи</p>
 
-<p>Действие «Винни-Пуха» разворачивается одновременно в трёх планах — это мир игрушек в детской, мир зверей «на своей территории» в Стоакровом лесу и мир персонажей в рассказах отца сыну (это наиболее чётко показано в самом начале)[4]. В дальнейшем рассказчик исчезает из повествования, и сказочный мир начинает собственное существование, разрастаясь от главы к главе[6]. Отмечалось сходство пространства и мира персонажей «Винни-Пуха» с классическим античным и средневековым эпосом[6]. Многообещающие эпические начинания персонажей (путешествия, подвиги, охоты, игры) оказываются комически малозначительными, в то время как настоящие события происходят во внутреннем мире героев (помощь в беде, гостеприимство, дружба)[6].</p>
+      <p>Действие «Винни-Пуха» разворачивается одновременно в трёх планах — это мир игрушек в детской, мир зверей «на своей территории» в Стоакровом лесу и мир персонажей в рассказах отца сыну (это наиболее чётко показано в самом начале)[4]. В дальнейшем
+        рассказчик исчезает из повествования, и сказочный мир начинает собственное существование, разрастаясь от главы к главе[6]. Отмечалось сходство пространства и мира персонажей «Винни-Пуха» с классическим античным и средневековым эпосом[6]. Многообещающие
+        эпические начинания персонажей (путешествия, подвиги, охоты, игры) оказываются комически малозначительными, в то время как настоящие события происходят во внутреннем мире героев (помощь в беде, гостеприимство, дружба)[6].</p>
 
-<p>Книги Милна выросли из устных рассказов и игр с Кристофером Робином; устное происхождение характерно и для многих других знаменитых литературных сказок[6]. «Я, собственно, ничего не придумывал, мне оставалось только описывать», как говорил впоследствии Милн[5]. Реальными игрушками Кристофера Робина были также Пятачок (подарок соседей), Иа-Иа без хвоста (ранний подарок родителей), Кенга с Крошкой Ру в сумке и Тигра (куплены родителями впоследствии специально для развития сюжета вечерних рассказов сыну). В рассказах они появляются именно в таком порядке[2]. Сову и Кролика Милн придумал сам; на иллюстрациях Шепарда они выглядят не как игрушки, а как настоящие животные, Кролик говорит Сове: «Только у меня и тебя есть мозги. У остальных — опилки». В процессе игры все эти персонажи получили индивидуальные повадки, привычки и манеру разговора[6]. На созданный Милном мир животных повлияла повесть Кеннета Грэма «Ветер в ивах», которой он восхищался и которую ранее иллюстрировал Шепард[5], возможна также скрытая полемика с «Книгой джунглей» Киплинга[5]. Текст взят из Википедии.</p>
-</div>
-</div>
+      <p>Книги Милна выросли из устных рассказов и игр с Кристофером Робином; устное происхождение характерно и для многих других знаменитых литературных сказок[6]. «Я, собственно, ничего не придумывал, мне оставалось только описывать», как говорил впоследствии
+        Милн[5]. Реальными игрушками Кристофера Робина были также Пятачок (подарок соседей), Иа-Иа без хвоста (ранний подарок родителей), Кенга с Крошкой Ру в сумке и Тигра (куплены родителями впоследствии специально для развития сюжета вечерних рассказов
+        сыну). В рассказах они появляются именно в таком порядке[2]. Сову и Кролика Милн придумал сам; на иллюстрациях Шепарда они выглядят не как игрушки, а как настоящие животные, Кролик говорит Сове: «Только у меня и тебя есть мозги. У остальных —
+        опилки». В процессе игры все эти персонажи получили индивидуальные повадки, привычки и манеру разговора[6]. На созданный Милном мир животных повлияла повесть Кеннета Грэма «Ветер в ивах», которой он восхищался и которую ранее иллюстрировал Шепард[5],
+        возможна также скрытая полемика с «Книгой джунглей» Киплинга[5]. Текст взят из Википедии.</p>
+    </div>
+  </div>
 
-<script>
-  var avatarElem = document.getElementById('avatar');
+  <script>
+    var avatarElem = document.getElementById('avatar');
 
-  var avatarSourceBottom = avatarElem.getBoundingClientRect().bottom + window.pageYOffset;
+    var avatarSourceBottom = avatarElem.getBoundingClientRect().bottom + window.pageYOffset;
 
-  window.onscroll = function() {
-    if (avatarElem.classList.contains('fixed') && window.pageYOffset < avatarSourceBottom) {
-      avatarElem.classList.remove('fixed');
-    } else if (window.pageYOffset > avatarSourceBottom) {
-      avatarElem.classList.add('fixed');
-    }
-  };
-</script>
+    window.onscroll = function() {
+      if (avatarElem.classList.contains('fixed') && window.pageYOffset < avatarSourceBottom) {
+        avatarElem.classList.remove('fixed');
+      } else if (window.pageYOffset > avatarSourceBottom) {
+        avatarElem.classList.add('fixed');
+      }
+    };
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/source.view/index.html b/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/source.view/index.html
index 1e3b9b64..97b990eb 100644
--- a/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/source.view/index.html
+++ b/2-ui/3-event-details/8-onscroll/1-avatar-above-scroll/source.view/index.html
@@ -1,91 +1,110 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    body, html {
+    body,
+    html {
       margin: 0;
       padding: 0;
     }
-
+    
     .column-left {
       float: left;
       width: 30%;
       background: #aef;
     }
-
+    
     .column-right {
       margin-left: 30%;
       width: 70%;
       background: tan;
-      overflow: auto; /* расшириться вниз захватить float'ы */
+      overflow: auto;
+      /* расшириться вниз захватить float'ы */
     }
-
+    
     .header {
       line-height: 60px;
       background: yellow;
     }
-
+    
     .inner {
       margin: 1em;
       font-size: 130%;
     }
-
+    
     #avatar {
-      float:left;
+      float: left;
       margin: 0 1em .5em 0;
       border: 1px solid black;
-      text-align:center;
-      background:white;
+      text-align: center;
+      background: white;
     }
-
   </style>
 </head>
+
 <body>
 
-<div class="header">Шапка</div>
+  <div class="header">Шапка</div>
 
-<div class="column-left">
-<div class="inner">
-  <h3>Персонажи:</h3>
-  <ul>
-    <li>Винни-Пух</li>
-    <li>Ослик Иа</li>
-    <li>Сова</li>
-    <li>Кролик</li>
-  </ul>
-</div>
-</div>
-<div class="column-right">
-<div class="inner">
+  <div class="column-left">
+    <div class="inner">
+      <h3>Персонажи:</h3>
+      <ul>
+        <li>Винни-Пух</li>
+        <li>Ослик Иа</li>
+        <li>Сова</li>
+        <li>Кролик</li>
+      </ul>
+    </div>
+  </div>
+  <div class="column-right">
+    <div class="inner">
 
-<h3>Винни-Пух</h3>
+      <h3>Винни-Пух</h3>
 
-<div id="avatar">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из мультфильма</div>
-</div>
+      <div id="avatar">
+        <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+        <div>Кадр из мультфильма</div>
+      </div>
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
-<p>Как и многие другие персонажи книги Милна, медвежонок Винни получил имя от одной из реальных игрушек Кристофера Робина (1920—1996), сына писателя. В свою очередь, плюшевый мишка Винни-Пух был назван по имени медведицы по кличке Виннипег (Винни), содержавшейся в 1920-х в Лондонском зоопарке.</p>
+      <p>Как и многие другие персонажи книги Милна, медвежонок Винни получил имя от одной из реальных игрушек Кристофера Робина (1920—1996), сына писателя. В свою очередь, плюшевый мишка Винни-Пух был назван по имени медведицы по кличке Виннипег (Винни),
+        содержавшейся в 1920-х в Лондонском зоопарке.</p>
 
-<p>Медведица Виннипег (американский чёрный медведь) попала в Великобританию как живой талисман (маскот) Канадского армейского ветеринарного корпуса из Канады, а именно из окрестностей города Виннипега. Она оказалась в кавалерийском полку «Форт Гарри Хорс» 24 августа 1914 года ещё будучи медвежонком (её купил у канадского охотника-траппера за двадцать долларов 27-летний полковой ветеринар лейтенант Гарри Колборн, заботившийся о ней и в дальнейшем). Уже в октябре того же года медвежонок был привезён вместе с войсками в Британию, а так как полк должен был быть в ходе Первой мировой войны переправлен во Францию, то в декабре было принято решение оставить зверя до конца войны в Лондонском зоопарке. Медведица полюбилась лондонцам, и военные не стали возражать против того, чтобы не забирать её из зоопарка и после войны[1]. До конца дней (она умерла 12 мая 1934 года) медведица находилась на довольствии ветеринарного корпуса, о чём в 1919 году на её клетке сделали соответствующую надпись.</p>
+      <p>Медведица Виннипег (американский чёрный медведь) попала в Великобританию как живой талисман (маскот) Канадского армейского ветеринарного корпуса из Канады, а именно из окрестностей города Виннипега. Она оказалась в кавалерийском полку «Форт Гарри
+        Хорс» 24 августа 1914 года ещё будучи медвежонком (её купил у канадского охотника-траппера за двадцать долларов 27-летний полковой ветеринар лейтенант Гарри Колборн, заботившийся о ней и в дальнейшем). Уже в октябре того же года медвежонок был
+        привезён вместе с войсками в Британию, а так как полк должен был быть в ходе Первой мировой войны переправлен во Францию, то в декабре было принято решение оставить зверя до конца войны в Лондонском зоопарке. Медведица полюбилась лондонцам, и
+        военные не стали возражать против того, чтобы не забирать её из зоопарка и после войны[1]. До конца дней (она умерла 12 мая 1934 года) медведица находилась на довольствии ветеринарного корпуса, о чём в 1919 году на её клетке сделали соответствующую
+        надпись.</p>
 
-<p>«Винни-Пух» представляет собой дилогию, но каждая из двух книг Милна распадается на 10 рассказов (stories) с собственным сюжетом, которые могут читаться, экранизироваться и т. д. независимо друг от друга. В некоторых переводах деление на две части не сохранено, в других не переведена вторая («Дом на Пуховой опушке»). Иногда первая и вторая книги выполнены разными переводчиками. Такова необычная судьба немецкого Винни-Пуха: первая книга вышла в немецком переводе в 1928 году, а вторая лишь в 1954; между этими датами — ряд трагических событий германской истории.</p>
+      <p>«Винни-Пух» представляет собой дилогию, но каждая из двух книг Милна распадается на 10 рассказов (stories) с собственным сюжетом, которые могут читаться, экранизироваться и т. д. независимо друг от друга. В некоторых переводах деление на две части
+        не сохранено, в других не переведена вторая («Дом на Пуховой опушке»). Иногда первая и вторая книги выполнены разными переводчиками. Такова необычная судьба немецкого Винни-Пуха: первая книга вышла в немецком переводе в 1928 году, а вторая лишь
+        в 1954; между этими датами — ряд трагических событий германской истории.</p>
 
 
-<p>Действие книг о Пухе происходит в 500-акровом лесу Эшдаун близ купленной Милнами в 1925 году фермы Кочфорд в графстве Восточный Сассекс, Англия, представленном в книге как Стоакровый лес (англ. The Hundred Acre Wood, в пересказе Заходера — Чудесный лес). Реальными являются также Шесть сосен и ручеёк, у которого был найден Северный Полюс, а также упоминаемая в тексте растительность, в том числе колючий утёсник (gorse-bush, чертополох у Заходера), в который падает Пух[2]. Маленький Кристофер Робин любил забираться в дупла деревьев и играть там с Пухом, поэтому многие персонажи книг живут в дуплах, и значительная часть действия происходит в таких жилищах или на ветвях деревьев[2].
-Алан Милн, Кристофер Робин и Винни-Пух. Фотография из Британской национальной портретной галереи</p>
+      <p>Действие книг о Пухе происходит в 500-акровом лесу Эшдаун близ купленной Милнами в 1925 году фермы Кочфорд в графстве Восточный Сассекс, Англия, представленном в книге как Стоакровый лес (англ. The Hundred Acre Wood, в пересказе Заходера — Чудесный
+        лес). Реальными являются также Шесть сосен и ручеёк, у которого был найден Северный Полюс, а также упоминаемая в тексте растительность, в том числе колючий утёсник (gorse-bush, чертополох у Заходера), в который падает Пух[2]. Маленький Кристофер
+        Робин любил забираться в дупла деревьев и играть там с Пухом, поэтому многие персонажи книг живут в дуплах, и значительная часть действия происходит в таких жилищах или на ветвях деревьев[2]. Алан Милн, Кристофер Робин и Винни-Пух. Фотография
+        из Британской национальной портретной галереи</p>
 
-<p>Действие «Винни-Пуха» разворачивается одновременно в трёх планах — это мир игрушек в детской, мир зверей «на своей территории» в Стоакровом лесу и мир персонажей в рассказах отца сыну (это наиболее чётко показано в самом начале)[4]. В дальнейшем рассказчик исчезает из повествования, и сказочный мир начинает собственное существование, разрастаясь от главы к главе[6]. Отмечалось сходство пространства и мира персонажей «Винни-Пуха» с классическим античным и средневековым эпосом[6]. Многообещающие эпические начинания персонажей (путешествия, подвиги, охоты, игры) оказываются комически малозначительными, в то время как настоящие события происходят во внутреннем мире героев (помощь в беде, гостеприимство, дружба)[6].</p>
+      <p>Действие «Винни-Пуха» разворачивается одновременно в трёх планах — это мир игрушек в детской, мир зверей «на своей территории» в Стоакровом лесу и мир персонажей в рассказах отца сыну (это наиболее чётко показано в самом начале)[4]. В дальнейшем
+        рассказчик исчезает из повествования, и сказочный мир начинает собственное существование, разрастаясь от главы к главе[6]. Отмечалось сходство пространства и мира персонажей «Винни-Пуха» с классическим античным и средневековым эпосом[6]. Многообещающие
+        эпические начинания персонажей (путешествия, подвиги, охоты, игры) оказываются комически малозначительными, в то время как настоящие события происходят во внутреннем мире героев (помощь в беде, гостеприимство, дружба)[6].</p>
 
-<p>Книги Милна выросли из устных рассказов и игр с Кристофером Робином; устное происхождение характерно и для многих других знаменитых литературных сказок[6]. «Я, собственно, ничего не придумывал, мне оставалось только описывать», как говорил впоследствии Милн[5]. Реальными игрушками Кристофера Робина были также Пятачок (подарок соседей), Иа-Иа без хвоста (ранний подарок родителей), Кенга с Крошкой Ру в сумке и Тигра (куплены родителями впоследствии специально для развития сюжета вечерних рассказов сыну). В рассказах они появляются именно в таком порядке[2]. Сову и Кролика Милн придумал сам; на иллюстрациях Шепарда они выглядят не как игрушки, а как настоящие животные, Кролик говорит Сове: «Только у меня и тебя есть мозги. У остальных — опилки». В процессе игры все эти персонажи получили индивидуальные повадки, привычки и манеру разговора[6]. На созданный Милном мир животных повлияла повесть Кеннета Грэма «Ветер в ивах», которой он восхищался и которую ранее иллюстрировал Шепард[5], возможна также скрытая полемика с «Книгой джунглей» Киплинга[5]. Текст взят из Википедии.</p>
-</div>
-</div>
+      <p>Книги Милна выросли из устных рассказов и игр с Кристофером Робином; устное происхождение характерно и для многих других знаменитых литературных сказок[6]. «Я, собственно, ничего не придумывал, мне оставалось только описывать», как говорил впоследствии
+        Милн[5]. Реальными игрушками Кристофера Робина были также Пятачок (подарок соседей), Иа-Иа без хвоста (ранний подарок родителей), Кенга с Крошкой Ру в сумке и Тигра (куплены родителями впоследствии специально для развития сюжета вечерних рассказов
+        сыну). В рассказах они появляются именно в таком порядке[2]. Сову и Кролика Милн придумал сам; на иллюстрациях Шепарда они выглядят не как игрушки, а как настоящие животные, Кролик говорит Сове: «Только у меня и тебя есть мозги. У остальных —
+        опилки». В процессе игры все эти персонажи получили индивидуальные повадки, привычки и манеру разговора[6]. На созданный Милном мир животных повлияла повесть Кеннета Грэма «Ветер в ивах», которой он восхищался и которую ранее иллюстрировал Шепард[5],
+        возможна также скрытая полемика с «Книгой джунглей» Киплинга[5]. Текст взят из Википедии.</p>
+    </div>
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/8-onscroll/2-updown-button/solution.view/index.html b/2-ui/3-event-details/8-onscroll/2-updown-button/solution.view/index.html
index 3c97fe43..4e84ac23 100644
--- a/2-ui/3-event-details/8-onscroll/2-updown-button/solution.view/index.html
+++ b/2-ui/3-event-details/8-onscroll/2-updown-button/solution.view/index.html
@@ -1,98 +1,102 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <style>
-        body, html {
-          height:100%;
-          width: 100%;
-          padding:  0;
-          margin:  0;
-        }
-        #matrix {
-          width: 400px;
-          margin: auto;
-          overflow: auto;
-          text-align: justify;
-        }
-
-
-        #updown {
-          height: 9px;
-          width: 14px;
-          color: green;
-          position: fixed;
-          top: 10px;
-          left: 10px;
-          cursor: pointer;
-        }
-
-        #updown.up::before {
-          content: '▲';
-        }
-
-        #updown.down::before {
-          content: '▼';
-        }
-
-    </style>
-    <meta charset="utf-8">
+  <style>
+    body,
+    html {
+      height: 100%;
+      width: 100%;
+      padding: 0;
+      margin: 0;
+    }
+    
+    #matrix {
+      width: 400px;
+      margin: auto;
+      overflow: auto;
+      text-align: justify;
+    }
+    
+    #updown {
+      height: 9px;
+      width: 14px;
+      color: green;
+      position: fixed;
+      top: 10px;
+      left: 10px;
+      cursor: pointer;
+    }
+    
+    #updown.up::before {
+      content: '▲';
+    }
+    
+    #updown.down::before {
+      content: '▼';
+    }
+  </style>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-<div id="matrix">
-  <script>for (var i = 0; i < 2000; i++) document.writeln(i)</script>
-</div>
+  <div id="matrix">
+    <script>
+      for (var i = 0; i < 2000; i++) document.writeln(i)
+    </script>
+  </div>
 
-<div id="updown"></div>
+  <div id="updown"></div>
 
-<script>
-var updownElem = document.getElementById('updown');
+  <script>
+    var updownElem = document.getElementById('updown');
 
-var pageYLabel = 0;
+    var pageYLabel = 0;
 
-updownElem.onclick = function() {
-  var pageY = window.pageYOffset || document.documentElement.scrollTop;
+    updownElem.onclick = function() {
+      var pageY = window.pageYOffset || document.documentElement.scrollTop;
 
-  switch(this.className) {
-    case 'up':
-      pageYLabel = pageY;
-      window.scrollTo(0, 0);
-      this.className = 'down';
-      break;
+      switch (this.className) {
+        case 'up':
+          pageYLabel = pageY;
+          window.scrollTo(0, 0);
+          this.className = 'down';
+          break;
 
-    case 'down':
-      window.scrollTo(0, pageYLabel);
-      this.className = 'up';
-  }
-
-}
-
-window.onscroll = function() {
-  var pageY = window.pageYOffset || document.documentElement.scrollTop;
-  var innerHeight = document.documentElement.clientHeight;
-
-  switch(updownElem.className) {
-    case '':
-      if (pageY > innerHeight) {
-        updownElem.className = 'up';
+        case 'down':
+          window.scrollTo(0, pageYLabel);
+          this.className = 'up';
       }
-      break;
 
-    case 'up':
-      if (pageY < innerHeight) {
-        updownElem.className = '';
+    }
+
+    window.onscroll = function() {
+      var pageY = window.pageYOffset || document.documentElement.scrollTop;
+      var innerHeight = document.documentElement.clientHeight;
+
+      switch (updownElem.className) {
+        case '':
+          if (pageY > innerHeight) {
+            updownElem.className = 'up';
+          }
+          break;
+
+        case 'up':
+          if (pageY < innerHeight) {
+            updownElem.className = '';
+          }
+          break;
+
+        case 'down':
+          if (pageY > innerHeight) {
+            updownElem.className = 'up';
+          }
+          break;
+
       }
-      break;
-
-    case 'down':
-      if (pageY > innerHeight) {
-        updownElem.className = 'up';
-      }
-      break;
-
-  }
-}
-
-</script>
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/8-onscroll/2-updown-button/source.view/index.html b/2-ui/3-event-details/8-onscroll/2-updown-button/source.view/index.html
index ce2c2c38..ce1a6a56 100644
--- a/2-ui/3-event-details/8-onscroll/2-updown-button/source.view/index.html
+++ b/2-ui/3-event-details/8-onscroll/2-updown-button/source.view/index.html
@@ -1,35 +1,41 @@
 <!DOCTYPE HTML>
 <html>
-<head>
-    <meta charset="utf-8">
-    <style>
-        body, html {
-            height:100%;
-            width: 100%;
-            padding:  0;
-            margin:  0;
-        }
-        #matrix {
-            width: 400px;
-            margin: auto;
-            overflow: auto;
-            text-align: justify;
-        }
 
-    </style>
-    <meta charset="utf-8">
+<head>
+  <meta charset="utf-8">
+  <style>
+    body,
+    html {
+      height: 100%;
+      width: 100%;
+      padding: 0;
+      margin: 0;
+    }
+    
+    #matrix {
+      width: 400px;
+      margin: auto;
+      overflow: auto;
+      text-align: justify;
+    }
+  </style>
+  <meta charset="utf-8">
 </head>
+
 <body>
 
-Символы для стрелок: ▲ ▼
+  Символы для стрелок: ▲ ▼
 
-<div id="matrix">
-  <script>for (var i = 0; i < 2000; i++) document.writeln(i)</script>
-</div>
+  <div id="matrix">
+    <script>
+      for (var i = 0; i < 2000; i++) document.writeln(i)
+    </script>
+  </div>
 
-<script>
-  // ... ваш код
-  // при необходимости, в документ можно добавить элементы и стили
-</script>
+  <script>
+    // ... ваш код
+    // при необходимости, в документ можно добавить элементы и стили
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.view/index.html b/2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.view/index.html
index ec1605b2..aec47aed 100644
--- a/2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.view/index.html
+++ b/2-ui/3-event-details/8-onscroll/3-load-visible-img/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -8,152 +9,156 @@
       text-align: justify;
       margin-top: 20px;
     }
+    
     .news-item .title {
       font-weight: bold;
       margin-bottom: 5px;
     }
   </style>
 </head>
+
 <body>
 
-<p>Тексты и картинки взяты с сайта http://etoday.ru. </p>
+  <p>Тексты и картинки взяты с сайта http://etoday.ru. </p>
 
-<h3>Все изображения с realsrc загружаются, когда становятся видимыми.</h3>
+  <h3>Все изображения с realsrc загружаются, когда становятся видимыми.</h3>
 
 
-<div class="news-item">
-<div class="title">Космопорт Америка \ Architecture</div>
+  <div class="news-item">
+    <div class="title">Космопорт Америка \ Architecture</div>
 
-Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра.
+    Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой
+    площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также
+    обеспечена взлетно-посадочная полоса длиной в три километра.
 
-<div class="illustrations">
-<img src="https://js.cx/lazyimg/1.gif" width="200" height="140" realsrc="https://js.cx/lazyimg/1.jpg">
-</div>
-</div>
+    <div class="illustrations">
+      <img src="https://js.cx/lazyimg/1.gif" width="200" height="140" realsrc="https://js.cx/lazyimg/1.jpg">
+    </div>
+  </div>
 
-<div class="news-item">
-<div class="title">Рокер и супермодель в Vogue Russia \ Celebrities</div>
+  <div class="news-item">
+    <div class="title">Рокер и супермодель в Vogue Russia \ Celebrities</div>
 
-Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
-<div class="illustrations">
-<img src="https://js.cx/lazyimg/1.gif" width="200" height="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
-<img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
-</div>
-</div>
+    Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander
+    McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
+    <div class="illustrations">
+      <img src="https://js.cx/lazyimg/1.gif" width="200" height="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
+      <img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
+    </div>
+  </div>
 
-<div class="news-item">
-<div class="title">Старость - не радость в Vogue Italia \ Fashion Photo</div>
+  <div class="news-item">
+    <div class="title">Старость - не радость в Vogue Italia \ Fashion Photo</div>
 
-Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf), Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad).
-<div class="illustrations">
-<img src="https://js.cx/lazyimg/1.gif" width="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
-<img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
-</div>
-</div>
+    Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf),
+    Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad).
+    <div class="illustrations">
+      <img src="https://js.cx/lazyimg/1.gif" width="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
+      <img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
+    </div>
+  </div>
 
-<div class="news-item">
-<div class="title">"Вышитый рентген" Matthew Cox \ Art</div>
+  <div class="news-item">
+    <div class="title">"Вышитый рентген" Matthew Cox \ Art</div>
 
-Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе. Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели.
+    Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе.
+    Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели. Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="452" realsrc="https://js.cx/lazyimg/4.jpg"></div>
+  </div>
 
-Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="452" realsrc="https://js.cx/lazyimg/4.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Подарочный каталог Apple 1983 \ Creative</div>
 
-<div class="news-item">
-<div class="title">Подарочный каталог Apple 1983 \ Creative</div>
+    Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно! Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="393" realsrc="https://js.cx/lazyimg/5.jpg"></div>
+  </div>
 
-Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно!
-Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="393" realsrc="https://js.cx/lazyimg/5.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Винтажные открытки к празднику Halloween \ Illustrations</div>
 
-<div class="news-item">
-<div class="title">Винтажные открытки к празднику Halloween \ Illustrations</div>
+    Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г.
 
-Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="433" realsrc="https://js.cx/lazyimg/6.jpg"></div>
+  </div>
 
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="433" realsrc="https://js.cx/lazyimg/6.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Фотограф Emily Lee \ Photography</div>
 
-<div class="news-item">
-<div class="title">Фотограф Emily Lee \ Photography</div>
+    Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница
+    большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе.
 
-Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="453" realsrc="https://js.cx/lazyimg/7.jpg"></div>
+  </div>
 
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="453" realsrc="https://js.cx/lazyimg/7.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Иконы моды в Fashimals \ Creative</div>
 
-<div class="news-item">
-<div class="title">Иконы моды в Fashimals \ Creative</div>
+    Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег.
 
-Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег.
-
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="622" realsrc="https://js.cx/lazyimg/8.jpg"></div>
-</div>
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="622" realsrc="https://js.cx/lazyimg/8.jpg"></div>
+  </div>
 
 
-<script>
-/**
- * Проверяет элемент на попадание в видимую часть экрана.
- * Для попадания достаточно, чтобы верхняя или нижняя границы элемента были видны.
-*/
-function isVisible(elem) {
+  <script>
+    /**
+     * Проверяет элемент на попадание в видимую часть экрана.
+     * Для попадания достаточно, чтобы верхняя или нижняя границы элемента были видны.
+     */
+    function isVisible(elem) {
 
-  var coords = elem.getBoundingClientRect();
+      var coords = elem.getBoundingClientRect();
 
-  var windowHeight = document.documentElement.clientHeight;
+      var windowHeight = document.documentElement.clientHeight;
 
-  // верхняя граница elem в пределах видимости ИЛИ нижняя граница видима
-  var topVisible = coords.top > 0 && coords.top < windowHeight;
-  var bottomVisible = coords.bottom < windowHeight && coords.bottom > 0;
+      // верхняя граница elem в пределах видимости ИЛИ нижняя граница видима
+      var topVisible = coords.top > 0 && coords.top < windowHeight;
+      var bottomVisible = coords.bottom < windowHeight && coords.bottom > 0;
 
-  return topVisible || bottomVisible;
-}
-
-/**
-Вариант проверки, считающий элемент видимым,
-если он не более чем -1 страница назад или +1 страница вперед
-
-function isVisible(elem) {
-
-  var coords = elem.getBoundingClientRect();
-
-  var windowHeight = document.documentElement.clientHeight;
-
-  var extendedTop = -windowHeight;
-  var extendedBottom = 2 * windowHeight;
-
-  // top visible || bottom visible
-  var topVisible = coords.top > extendedTop && coords.top < extendedBottom;
-  var bottomVisible = coords.bottom < extendedBottom && coords.bottom > extendedTop;
-
-  return topVisible || bottomVisible;
-}
-*/
-
-function showVisible() {
-  var imgs = document.getElementsByTagName('img');
-  for(var i=0; i<imgs.length; i++) {
-
-    var img = imgs[i];
-
-    var realsrc = img.getAttribute('realsrc');
-    if (!realsrc) continue;
-
-    if (isVisible(img)) {
-      img.src = realsrc;
-      img.setAttribute('realsrc', '');
+      return topVisible || bottomVisible;
     }
-  }
 
-}
+    /**
+    Вариант проверки, считающий элемент видимым,
+    если он не более чем -1 страница назад или +1 страница вперед
 
-window.onscroll = showVisible;
-showVisible();
+    function isVisible(elem) {
 
-</script>
+      var coords = elem.getBoundingClientRect();
+
+      var windowHeight = document.documentElement.clientHeight;
+
+      var extendedTop = -windowHeight;
+      var extendedBottom = 2 * windowHeight;
+
+      // top visible || bottom visible
+      var topVisible = coords.top > extendedTop && coords.top < extendedBottom;
+      var bottomVisible = coords.bottom < extendedBottom && coords.bottom > extendedTop;
+
+      return topVisible || bottomVisible;
+    }
+    */
+
+    function showVisible() {
+      var imgs = document.getElementsByTagName('img');
+      for (var i = 0; i < imgs.length; i++) {
+
+        var img = imgs[i];
+
+        var realsrc = img.getAttribute('realsrc');
+        if (!realsrc) continue;
+
+        if (isVisible(img)) {
+          img.src = realsrc;
+          img.setAttribute('realsrc', '');
+        }
+      }
+
+    }
+
+    window.onscroll = showVisible;
+    showVisible();
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/8-onscroll/3-load-visible-img/source.view/index.html b/2-ui/3-event-details/8-onscroll/3-load-visible-img/source.view/index.html
index 89c9a6a6..0714836f 100644
--- a/2-ui/3-event-details/8-onscroll/3-load-visible-img/source.view/index.html
+++ b/2-ui/3-event-details/8-onscroll/3-load-visible-img/source.view/index.html
@@ -1,101 +1,108 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-	<meta charset="utf-8">
-	<style>
-		.news-item {
-			width: 700px;
-			text-align: justify;
-			margin-top: 20px;
-		}
-		.news-item .title {
-			font-weight: bold;
-			margin-bottom: 5px;
-		}
-	</style>
+  <meta charset="utf-8">
+  <style>
+    .news-item {
+      width: 700px;
+      text-align: justify;
+      margin-top: 20px;
+    }
+    
+    .news-item .title {
+      font-weight: bold;
+      margin-bottom: 5px;
+    }
+  </style>
 </head>
+
 <body>
 
-<p>Тексты и картинки взяты с сайта http://etoday.ru. </p>
+  <p>Тексты и картинки взяты с сайта http://etoday.ru. </p>
 
-<h3>Все изображения с realsrc загружаются, когда становятся видимыми.</h3>
+  <h3>Все изображения с realsrc загружаются, когда становятся видимыми.</h3>
 
 
-<div class="news-item">
-<div class="title">Космопорт Америка \ Architecture</div>
+  <div class="news-item">
+    <div class="title">Космопорт Америка \ Architecture</div>
 
-Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра.
+    Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой
+    площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также
+    обеспечена взлетно-посадочная полоса длиной в три километра.
 
-<div class="illustrations">
-<img src="https://js.cx/lazyimg/1.gif" width="200" height="140" realsrc="https://js.cx/lazyimg/1.jpg">
-</div>
-</div>
+    <div class="illustrations">
+      <img src="https://js.cx/lazyimg/1.gif" width="200" height="140" realsrc="https://js.cx/lazyimg/1.jpg">
+    </div>
+  </div>
 
-<div class="news-item">
-<div class="title">Рокер и супермодель в Vogue Russia \ Celebrities</div>
+  <div class="news-item">
+    <div class="title">Рокер и супермодель в Vogue Russia \ Celebrities</div>
 
-Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
-<div class="illustrations">
-<img src="https://js.cx/lazyimg/1.gif" width="200" height="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
-<img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
-</div>
-</div>
+    Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander
+    McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
+    <div class="illustrations">
+      <img src="https://js.cx/lazyimg/1.gif" width="200" height="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
+      <img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
+    </div>
+  </div>
 
-<div class="news-item">
-<div class="title">Старость - не радость в Vogue Italia \ Fashion Photo</div>
+  <div class="news-item">
+    <div class="title">Старость - не радость в Vogue Italia \ Fashion Photo</div>
 
-Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf), Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad).
-<div class="illustrations">
-<img src="https://js.cx/lazyimg/1.gif" width="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
-<img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
-</div>
-</div>
+    Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf),
+    Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad).
+    <div class="illustrations">
+      <img src="https://js.cx/lazyimg/1.gif" width="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
+      <img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
+    </div>
+  </div>
 
-<div class="news-item">
-<div class="title">"Вышитый рентген" Matthew Cox \ Art</div>
+  <div class="news-item">
+    <div class="title">"Вышитый рентген" Matthew Cox \ Art</div>
 
-Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе. Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели.
+    Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе.
+    Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели. Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="452" realsrc="https://js.cx/lazyimg/4.jpg"></div>
+  </div>
 
-Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="452" realsrc="https://js.cx/lazyimg/4.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Подарочный каталог Apple 1983 \ Creative</div>
 
-<div class="news-item">
-<div class="title">Подарочный каталог Apple 1983 \ Creative</div>
+    Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно! Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="393" realsrc="https://js.cx/lazyimg/5.jpg"></div>
+  </div>
 
-Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно!
-Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="393" realsrc="https://js.cx/lazyimg/5.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Винтажные открытки к празднику Halloween \ Illustrations</div>
 
-<div class="news-item">
-<div class="title">Винтажные открытки к празднику Halloween \ Illustrations</div>
+    Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г.
 
-Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="433" realsrc="https://js.cx/lazyimg/6.jpg"></div>
+  </div>
 
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="433" realsrc="https://js.cx/lazyimg/6.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Фотограф Emily Lee \ Photography</div>
 
-<div class="news-item">
-<div class="title">Фотограф Emily Lee \ Photography</div>
+    Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница
+    большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе.
 
-Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе.
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="453" realsrc="https://js.cx/lazyimg/7.jpg"></div>
+  </div>
 
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="453" realsrc="https://js.cx/lazyimg/7.jpg"></div>
-</div>
+  <div class="news-item">
+    <div class="title">Иконы моды в Fashimals \ Creative</div>
 
-<div class="news-item">
-<div class="title">Иконы моды в Fashimals \ Creative</div>
+    Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег.
 
-Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег.
-
-<div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="622" realsrc="https://js.cx/lazyimg/8.jpg"></div>
-</div>
+    <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="622" realsrc="https://js.cx/lazyimg/8.jpg"></div>
+  </div>
 
 
-<script>
-  // ... ваш код ...
-</script>
+  <script>
+    // ... ваш код ...
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/9-keyboard-events/1-numeric-input/solution.view/index.html b/2-ui/3-event-details/9-keyboard-events/1-numeric-input/solution.view/index.html
index defe8319..77bcafe4 100644
--- a/2-ui/3-event-details/9-keyboard-events/1-numeric-input/solution.view/index.html
+++ b/2-ui/3-event-details/9-keyboard-events/1-numeric-input/solution.view/index.html
@@ -1,46 +1,49 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-Введите ваш возраст: <input type="text">
+  Введите ваш возраст:
+  <input type="text">
 
 
-<script>
+  <script>
+    document.getElementsByTagName('input')[0].onkeypress = function(e) {
 
-document.getElementsByTagName('input')[0].onkeypress = function(e) {
+      e = e || event;
 
-  e = e || event;
+      if (e.ctrlKey || e.altKey || e.metaKey) return;
 
-  if (e.ctrlKey || e.altKey || e.metaKey) return;
+      var chr = getChar(e);
 
-  var chr = getChar(e);
+      // с null надо осторожно в неравенствах, т.к. например null >= '0' => true!
+      // на всякий случай лучше вынести проверку chr == null отдельно
+      if (chr == null) return;
 
-  // с null надо осторожно в неравенствах, т.к. например null >= '0' => true!
-  // на всякий случай лучше вынести проверку chr == null отдельно
-  if (chr == null) return;
+      if (chr < '0' || chr > '9') {
+        return false;
+      }
 
-  if (chr < '0' || chr > '9') {
-    return false;
-  }
+    }
 
-}
+    function getChar(event) {
+      if (event.which == null) {
+        if (event.keyCode < 32) return null;
+        return String.fromCharCode(event.keyCode) // IE
+      }
 
-function getChar(event) {
-  if (event.which == null) {
-    if (event.keyCode < 32) return null;
-    return String.fromCharCode(event.keyCode) // IE
-  }
+      if (event.which != 0 && event.charCode != 0) {
+        if (event.which < 32) return null;
+        return String.fromCharCode(event.which) // остальные
+      }
 
-  if (event.which!=0 && event.charCode!=0) {
-    if (event.which < 32) return null;
-    return String.fromCharCode(event.which)   // остальные
-  }
-
-  return null; // специальная клавиша
-}
-
-</script>
+      return null; // специальная клавиша
+    }
+  </script>
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/9-keyboard-events/1-numeric-input/source.view/index.html b/2-ui/3-event-details/9-keyboard-events/1-numeric-input/source.view/index.html
index 1050e2e4..9771cdec 100644
--- a/2-ui/3-event-details/9-keyboard-events/1-numeric-input/source.view/index.html
+++ b/2-ui/3-event-details/9-keyboard-events/1-numeric-input/source.view/index.html
@@ -1,33 +1,36 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-Введите ваш возраст: <input type="text">
+  Введите ваш возраст:
+  <input type="text">
 
 
-<script>
-
-/* ваш код .. .*/
+  <script>
+    /* ваш код .. .*/
 
 
-// вспомогательная функция, если понадобится
+    // вспомогательная функция, если понадобится
 
-function getChar(event) {
-  if (event.which == null) {
-    if (event.keyCode < 32) return null;
-    return String.fromCharCode(event.keyCode) // IE
-  }
+    function getChar(event) {
+      if (event.which == null) {
+        if (event.keyCode < 32) return null;
+        return String.fromCharCode(event.keyCode) // IE
+      }
 
-  if (event.which!=0 && event.charCode!=0) {
-    if (event.which < 32) return null;
-    return String.fromCharCode(event.which)   // остальные
-  }
+      if (event.which != 0 && event.charCode != 0) {
+        if (event.which < 32) return null;
+        return String.fromCharCode(event.which) // остальные
+      }
 
-  return null; // специальная клавиша
-}
-
-</script>
+      return null; // специальная клавиша
+    }
+  </script>
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/9-keyboard-events/2-check-sync-keydown/solution.view/index.html b/2-ui/3-event-details/9-keyboard-events/2-check-sync-keydown/solution.view/index.html
index 1867633e..766a441b 100644
--- a/2-ui/3-event-details/9-keyboard-events/2-check-sync-keydown/solution.view/index.html
+++ b/2-ui/3-event-details/9-keyboard-events/2-check-sync-keydown/solution.view/index.html
@@ -1,52 +1,55 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<body>
 
-<p>Нажмите одновременно "Q" и "W" (в любой раскладке).</p>
+  <body>
 
-<script>
+    <p>Нажмите одновременно "Q" и "W" (в любой раскладке).</p>
 
-function runOnKeys(func) {
-  var codes = [].slice.call(arguments, 1);
+    <script>
+      function runOnKeys(func) {
+        var codes = [].slice.call(arguments, 1);
 
-  var pressed = {};
+        var pressed = {};
 
-  document.onkeydown = function(e) {
-    e = e || window.event;
+        document.onkeydown = function(e) {
+          e = e || window.event;
 
-    pressed[e.keyCode] = true;
+          pressed[e.keyCode] = true;
+
+          for (var i = 0; i < codes.length; i++) { // проверить, все ли клавиши нажаты
+            if (!pressed[codes[i]]) {
+              return;
+            }
+          }
+
+          // во время показа alert, если посетитель отпустит клавиши - не возникнет keyup
+          // при этом JavaScript "пропустит" факт отпускания клавиш, а pressed[keyCode] останется true
+          // чтобы избежать "залипания" клавиши -- обнуляем статус всех клавиш, пусть нажимает всё заново
+          pressed = {};
+
+          func();
+
+        };
+
+        document.onkeyup = function(e) {
+          e = e || window.event;
+
+          delete pressed[e.keyCode];
+        };
 
-    for(var i=0; i<codes.length; i++) { // проверить, все ли клавиши нажаты
-      if (!pressed[codes[i]]) {
-        return;
       }
-    }
 
-    // во время показа alert, если посетитель отпустит клавиши - не возникнет keyup
-    // при этом JavaScript "пропустит" факт отпускания клавиш, а pressed[keyCode] останется true
-    // чтобы избежать "залипания" клавиши -- обнуляем статус всех клавиш, пусть нажимает всё заново
-    pressed = {};
+      runOnKeys(
+        function() {
+          alert("Привет!")
+        },
+        "Q".charCodeAt(0),
+        "W".charCodeAt(0)
+      );
+    </script>
 
-    func();
+  </body>
 
-  };
-
-  document.onkeyup = function(e) {
-    e = e || window.event;
-
-    delete pressed[e.keyCode];
-  };
-
-}
-
-runOnKeys(
-  function() { alert("Привет!") },
-  "Q".charCodeAt(0),
-  "W".charCodeAt(0)
-);
-
-</script>
-
-</body>
-</html>
+</html>
\ No newline at end of file
diff --git a/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/index.html b/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/index.html
index 2d6a0bfc..9703f833 100644
--- a/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/index.html
+++ b/2-ui/3-event-details/9-keyboard-events/keyboard-dump.view/index.html
@@ -1,29 +1,45 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
   <form id="form" onsubmit="return false">
 
-    Предотвратить действие по умолчанию для:<label><input type="checkbox" name="keydownStop" value="1"> keydown</label>&nbsp;&nbsp;&nbsp;<label><input type="checkbox" name="keypressStop" value="1"> keypress</label>&nbsp;&nbsp;&nbsp;<label><input type="checkbox" name="keyupStop" value="1"> keyup</label>
-    
+    Предотвратить действие по умолчанию для:
+    <label>
+      <input type="checkbox" name="keydownStop" value="1"> keydown</label>&nbsp;&nbsp;&nbsp;
+    <label>
+      <input type="checkbox" name="keypressStop" value="1"> keypress</label>&nbsp;&nbsp;&nbsp;
+    <label>
+      <input type="checkbox" name="keyupStop" value="1"> keyup</label>
+
     <p>
-    Игнорировать:<label><input type="checkbox" name="keydownIgnore" value="1"> keydown</label>&nbsp;&nbsp;&nbsp;<label><input type="checkbox" name="keypressIgnore" value="1"> keypress</label>&nbsp;&nbsp;&nbsp;<label><input type="checkbox" name="keyupIgnore" value="1"> keyup</label></p>
+      Игнорировать:
+      <label>
+        <input type="checkbox" name="keydownIgnore" value="1"> keydown</label>&nbsp;&nbsp;&nbsp;
+      <label>
+        <input type="checkbox" name="keypressIgnore" value="1"> keypress</label>&nbsp;&nbsp;&nbsp;
+      <label>
+        <input type="checkbox" name="keyupIgnore" value="1"> keyup</label>
+    </p>
 
     <p>Сфокусируйтесь на поле и нажмите какую-нибудь клавишу.</p>
 
     <input type="text" placeholder="Клавиши нажимать тут" id="kinput">
-    
+
     <textarea id="area"></textarea>
-    <input type="button" value="Очистить" onclick="area.value = ''"/></form>    
-    
-  </form>  
+    <input type="button" value="Очистить" onclick="area.value = ''" />
+  </form>
+
+  </form>
   <script src="script.js"></script>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/solution.view/index.html
index 62a59382..208bc604 100755
--- a/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/solution.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <style>
@@ -7,66 +8,67 @@
       color: blue;
       font-family: Georgia;
     }
-
+    
     .placeholder-tooltip {
       color: blue;
-      font-family: Georgia; 
+      font-family: Georgia;
       position: fixed;
     }
   </style>
 </head>
+
 <body>
-  
-<p>Красивый placeholder:</p>
 
-<input type="email" data-placeholder="E-mail">
+  <p>Красивый placeholder:</p>
+
+  <input type="email" data-placeholder="E-mail">
 
 
-<script>
-  var input = document.querySelector('[data-placeholder]');
+  <script>
+    var input = document.querySelector('[data-placeholder]');
 
-  showPlaceholder(input);
+    showPlaceholder(input);
 
-  // Показать placeholder внутри input
-  // Также можно сделать это при помощи вёрстки, отдельным элементом
-  function showPlaceholder(input) {
-    input.classList.add('placeholder');
-    input.value = input.dataset.placeholder;
-  }
-
-  // Показать подсказку над элементом (будет вместо placeholder)
-  function showTooltip(input) {
-    var tooltip = document.createElement('span');
-    tooltip.innerHTML = input.dataset.placeholder;
-    tooltip.className = 'placeholder-tooltip';
-    tooltip.style.fontSize = getComputedStyle(input).fontSize;
-    tooltip.style.left = input.getBoundingClientRect().left + 'px';
-    document.body.appendChild(tooltip);
-    tooltip.style.top = input.getBoundingClientRect().top - tooltip.offsetHeight - 4 + 'px';
-    input.tooltip = tooltip;
-  }
-
-  input.onfocus = function() {
-    if (input.classList.contains('placeholder')) {
-      input.classList.remove('placeholder');
-      input.value = '';
+    // Показать placeholder внутри input
+    // Также можно сделать это при помощи вёрстки, отдельным элементом
+    function showPlaceholder(input) {
+      input.classList.add('placeholder');
+      input.value = input.dataset.placeholder;
     }
 
-    showTooltip(input);
-  };
-
-  input.onblur = function() {
-    document.body.removeChild(input.tooltip);
-    delete input.tooltip;
-
-    // показываем placeholder обратно, если input пуст
-    if (input.value == '') {
-      showPlaceholder(input);
+    // Показать подсказку над элементом (будет вместо placeholder)
+    function showTooltip(input) {
+      var tooltip = document.createElement('span');
+      tooltip.innerHTML = input.dataset.placeholder;
+      tooltip.className = 'placeholder-tooltip';
+      tooltip.style.fontSize = getComputedStyle(input).fontSize;
+      tooltip.style.left = input.getBoundingClientRect().left + 'px';
+      document.body.appendChild(tooltip);
+      tooltip.style.top = input.getBoundingClientRect().top - tooltip.offsetHeight - 4 + 'px';
+      input.tooltip = tooltip;
     }
-  };
-  
-</script>
+
+    input.onfocus = function() {
+      if (input.classList.contains('placeholder')) {
+        input.classList.remove('placeholder');
+        input.value = '';
+      }
+
+      showTooltip(input);
+    };
+
+    input.onblur = function() {
+      document.body.removeChild(input.tooltip);
+      delete input.tooltip;
+
+      // показываем placeholder обратно, если input пуст
+      if (input.value == '') {
+        showPlaceholder(input);
+      }
+    };
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/source.view/index.html b/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/source.view/index.html
index d754fe3d..d03c3101 100755
--- a/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/source.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/1-emulate-placeholder/source.view/index.html
@@ -1,45 +1,48 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <style>
     /* стиль для input с плейсхолдером */
+    
     .placeholder {
       color: blue;
       font-family: Georgia;
     }
-
     /* стиль для подсказки над элементом (вместо плейсхолдера при фокусировке) */
+    
     .placeholder-tooltip {
       color: blue;
-      font-family: Georgia; 
+      font-family: Georgia;
       position: fixed;
     }
   </style>
 </head>
+
 <body>
-  
-<p>Красивый placeholder:</p>
 
-<input type="email" data-placeholder="E-mail">
+  <p>Красивый placeholder:</p>
+
+  <input type="email" data-placeholder="E-mail">
 
 
-<script>
-  var input = document.querySelector('[data-placeholder]');
+  <script>
+    var input = document.querySelector('[data-placeholder]');
 
-  showPlaceholder(input);
+    showPlaceholder(input);
 
-  // Показать placeholder внутри input
-  // Также можно сделать это при помощи вёрстки, отдельным элементом
-  function showPlaceholder(input) {
-    input.classList.add('placeholder');
-    input.value = input.dataset.placeholder;
-  }
+    // Показать placeholder внутри input
+    // Также можно сделать это при помощи вёрстки, отдельным элементом
+    function showPlaceholder(input) {
+      input.classList.add('placeholder');
+      input.value = input.dataset.placeholder;
+    }
 
-  // ...ваш код для input...
-  
-</script>
+    // ...ваш код для input...
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/solution.view/index.html
index a01d4440..ac1a3259 100755
--- a/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/solution.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/solution.view/index.html
@@ -1,24 +1,26 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  #mouse {
-    display: inline-block;
-    cursor: pointer;
-    margin: 0;
-  }
-
-  #mouse:focus {
-    outline: 1px dashed black;
-  }
+    #mouse {
+      display: inline-block;
+      cursor: pointer;
+      margin: 0;
+    }
+    
+    #mouse:focus {
+      outline: 1px dashed black;
+    }
   </style>
 </head>
+
 <body>
 
-<p>Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками.</p>
+  <p>Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками.</p>
 
-<pre id="mouse" tabindex="0">
+  <pre id="mouse" tabindex="0">
  _   _
 (q\_/p)
  /. .\
@@ -31,34 +33,33 @@
 </pre>
 
 
-<script>
+  <script>
+    document.getElementById('mouse').onclick = function() {
+      this.style.left = this.getBoundingClientRect().left + 'px';
+      this.style.top = this.getBoundingClientRect().top + 'px';
 
-document.getElementById('mouse').onclick = function() {
-  this.style.left = this.getBoundingClientRect().left + 'px';
-  this.style.top = this.getBoundingClientRect().top + 'px';
-
-  this.style.position = 'fixed';
-};
+      this.style.position = 'fixed';
+    };
 
 
-document.getElementById('mouse').onkeydown = function(e) {
-  switch(e.keyCode) {
-  case 37: // влево
-    this.style.left = parseInt(this.style.left) - this.offsetWidth + 'px';
-    return false;
-  case 38: // вверх
-    this.style.top = parseInt(this.style.top) - this.offsetHeight + 'px';
-    return false;
-  case 39: // вправо
-    this.style.left = parseInt(this.style.left) + this.offsetWidth + 'px';
-    return false;
-  case 40: // вниз
-    this.style.top = parseInt(this.style.top) + this.offsetHeight + 'px';
-    return false;
-  }
-};
-
-</script>
+    document.getElementById('mouse').onkeydown = function(e) {
+      switch (e.keyCode) {
+        case 37: // влево
+          this.style.left = parseInt(this.style.left) - this.offsetWidth + 'px';
+          return false;
+        case 38: // вверх
+          this.style.top = parseInt(this.style.top) - this.offsetHeight + 'px';
+          return false;
+        case 39: // вправо
+          this.style.left = parseInt(this.style.left) + this.offsetWidth + 'px';
+          return false;
+        case 40: // вниз
+          this.style.top = parseInt(this.style.top) + this.offsetHeight + 'px';
+          return false;
+      }
+    };
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/source.view/index.html b/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/source.view/index.html
index b58a674f..348d0a1d 100755
--- a/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/source.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/source.view/index.html
@@ -1,24 +1,26 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  #mouse {
-    display: inline-block;
-    cursor: pointer;
-    margin: 0;
-  }
-
-  #mouse:focus {
-    outline: 1px dashed black;
-  }
+    #mouse {
+      display: inline-block;
+      cursor: pointer;
+      margin: 0;
+    }
+    
+    #mouse:focus {
+      outline: 1px dashed black;
+    }
   </style>
 </head>
+
 <body>
 
-<p>Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками.</p>
+  <p>Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками.</p>
 
-<pre id="mouse">
+  <pre id="mouse">
  _   _
 (q\_/p)
  /. .\
@@ -31,9 +33,10 @@
 </pre>
 
 
-<script>
-// ваш код
-</script>
+  <script>
+    // ваш код
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/index.html
index d44fbf97..4eb1b14b 100755
--- a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/solution.view/index.html
@@ -1,60 +1,61 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <link type="text/css" rel="stylesheet" href="my.css">
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<ul>
-<li>Ctrl-E для начала редактирования.</li>
-<li>Во время редактирования: Ctrl-S для сохранения, Esc для отмены.</li>
-</ul>
+  <ul>
+    <li>Ctrl-E для начала редактирования.</li>
+    <li>Во время редактирования: Ctrl-S для сохранения, Esc для отмены.</li>
+  </ul>
 
-HTML разрешён.
+  HTML разрешён.
 
-<textarea id="area"></textarea>
-<div id="view">Текст</div>
+  <textarea id="area"></textarea>
+  <div id="view">Текст</div>
 
-<script>
-
-document.onkeydown = function(e) {
-    if (e.keyCode == 27) { // escape
+  <script>
+    document.onkeydown = function(e) {
+      if (e.keyCode == 27) { // escape
         cancel();
         return false;
-    }
+      }
 
-    if ((e.ctrlKey && e.keyCode == 'E'.charCodeAt(0)) && !area.offsetHeight) {
+      if ((e.ctrlKey && e.keyCode == 'E'.charCodeAt(0)) && !area.offsetHeight) {
         edit();
         return false;
-    }
+      }
 
-    if ((e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)) && area.offsetHeight) {
+      if ((e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)) && area.offsetHeight) {
         save();
         return false;
+      }
     }
-}
 
-function edit() {
-    view.style.display = 'none';
-    area.value = view.innerHTML;
-    area.style.display = 'block';
-    area.focus();
-}
+    function edit() {
+      view.style.display = 'none';
+      area.value = view.innerHTML;
+      area.style.display = 'block';
+      area.focus();
+    }
 
-function save() {
-    area.style.display = 'none';
-    view.innerHTML = area.value;
-    view.style.display = 'block';
-}
+    function save() {
+      area.style.display = 'none';
+      view.innerHTML = area.value;
+      view.style.display = 'block';
+    }
 
-function cancel() {
-    area.style.display = 'none';
-    view.style.display = 'block';
-}
-
-</script>
+    function cancel() {
+      area.style.display = 'none';
+      view.style.display = 'block';
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/index.html b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/index.html
index 515fdc69..1731e944 100755
--- a/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/3-hotkeys/source.view/index.html
@@ -1,19 +1,22 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-  <link type="text/css" rel="stylesheet" href="my.css" >
+  <link type="text/css" rel="stylesheet" href="my.css">
 </head>
+
 <body>
 
-<ul>
-<li>Ctrl-E to start editing.</li>
-<li>While editing: Ctrl-S to save, Esc to cancel.</li>
-</ul>
+  <ul>
+    <li>Ctrl-E to start editing.</li>
+    <li>While editing: Ctrl-S to save, Esc to cancel.</li>
+  </ul>
 
 
-<textarea id="area"></textarea>
-<div id="view">Text</div>
+  <textarea id="area"></textarea>
+  <div id="view">Text</div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/index.html
index ffd867e7..376d83f7 100644
--- a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/index.html
@@ -1,46 +1,78 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
-<link rel="stylesheet" href="bagua.css">
-<link rel="stylesheet" href="my.css">
+  <link rel="stylesheet" href="bagua.css">
+  <link rel="stylesheet" href="my.css">
 
 
-<p>Кликните на ячейке для начала редактирования. Когда закончите -- нажмите OK или CANCEL.</p>
+  <p>Кликните на ячейке для начала редактирования. Когда закончите -- нажмите OK или CANCEL.</p>
 
-<table id="bagua-table">
-  <tr>
-    <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
-  </tr>
-  <tr>
-    <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
-    </td>
-    <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
-    </td>
-    <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
-    </td>
-  </tr>
-  <tr>
-      <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
-    </td>
-    <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
-    </td>
-    <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
-    </td>
-  </tr>
-  <tr>
-      <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
-    </td>
-    <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
-    </td>
-    <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
-    </td>
-  </tr>
+  <table id="bagua-table">
+    <tr>
+      <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
+    </tr>
+    <tr>
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
+      </td>
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
+      </td>
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
+      </td>
+    </tr>
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
+      </td>
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
+      </td>
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
+      </td>
+    </tr>
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
+      </td>
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
+      </td>
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
+      </td>
+    </tr>
 
-</table>
+  </table>
 
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/index.html b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/index.html
index ffd867e7..376d83f7 100644
--- a/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/source.view/index.html
@@ -1,46 +1,78 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
-<link rel="stylesheet" href="bagua.css">
-<link rel="stylesheet" href="my.css">
+  <link rel="stylesheet" href="bagua.css">
+  <link rel="stylesheet" href="my.css">
 
 
-<p>Кликните на ячейке для начала редактирования. Когда закончите -- нажмите OK или CANCEL.</p>
+  <p>Кликните на ячейке для начала редактирования. Когда закончите -- нажмите OK или CANCEL.</p>
 
-<table id="bagua-table">
-  <tr>
-    <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
-  </tr>
-  <tr>
-    <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
-    </td>
-    <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
-    </td>
-    <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
-    </td>
-  </tr>
-  <tr>
-      <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
-    </td>
-    <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
-    </td>
-    <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
-    </td>
-  </tr>
-  <tr>
-      <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
-    </td>
-    <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
-    </td>
-    <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
-    </td>
-  </tr>
+  <table id="bagua-table">
+    <tr>
+      <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
+    </tr>
+    <tr>
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
+      </td>
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
+      </td>
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
+      </td>
+    </tr>
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
+      </td>
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
+      </td>
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
+      </td>
+    </tr>
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
+      </td>
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
+      </td>
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
+      </td>
+    </tr>
 
-</table>
+  </table>
 
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/solution.view/index.html
index bf11702d..49a55483 100755
--- a/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/solution.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/solution.view/index.html
@@ -1,31 +1,33 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div>Добро пожаловать</div>
-<input type="password" id="input">
+  <div>Добро пожаловать</div>
+  <input type="password" id="input">
 
-<div id="placeholder">Скажи пароль, друг</div>
+  <div id="placeholder">Скажи пароль, друг</div>
 
-<div>.. и заходи</div>
+  <div>.. и заходи</div>
 
-<script>
-var placeholder = document.getElementById('placeholder');
-var input = document.getElementById('input');
+  <script>
+    var placeholder = document.getElementById('placeholder');
+    var input = document.getElementById('input');
 
-placeholder.onclick = function() {
-  input.focus();
-}
+    placeholder.onclick = function() {
+      input.focus();
+    }
 
-input.onfocus = function() {
-  placeholder.parentNode && placeholder.parentNode.removeChild(placeholder);
-}
-
-</script>
+    input.onfocus = function() {
+      placeholder.parentNode && placeholder.parentNode.removeChild(placeholder);
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/source.view/index.html b/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/source.view/index.html
index 0fb1582a..4f012080 100755
--- a/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/source.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/6-input-nice-placeholder/source.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
 
-<div>Добро пожаловать</div>
-<input type="password" id="input">
+  <div>Добро пожаловать</div>
+  <input type="password" id="input">
 
-<div id="placeholder">Скажи пароль, друг</div>
+  <div id="placeholder">Скажи пароль, друг</div>
 
-<div>.. и заходи</div>
+  <div>.. и заходи</div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/solution.view/index.html b/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/solution.view/index.html
index 8c75f4c1..5da5c931 100755
--- a/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/solution.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/solution.view/index.html
@@ -1,76 +1,77 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-Введите текст(например, пароль) с нажатым CapsLock:
-<input type="text" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
+  Введите текст(например, пароль) с нажатым CapsLock:
+  <input type="text" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()" />
 
-<div style="display:none;color:red" id="capsIndicator">Внимание: нажат CapsLock!</div>
+  <div style="display:none;color:red" id="capsIndicator">Внимание: нажат CapsLock!</div>
 
 
-<script>
+  <script>
+    /**
+     * Текущее состояние CapsLock
+     *  - null : неизвестно
+     *  - true/false : CapsLock включен/выключен
+     */
+    var capsLockEnabled = null;
 
+    function getChar(event) {
+      if (event.which == null) {
+        if (event.keyCode < 32) return null;
+        return String.fromCharCode(event.keyCode) // IE
+      }
 
-/**
- * Текущее состояние CapsLock
- *  - null : неизвестно
- *  - true/false : CapsLock включен/выключен
- */
-var capsLockEnabled = null;
+      if (event.which != 0 && event.charCode != 0) {
+        if (event.which < 32) return null;
+        return String.fromCharCode(event.which) // остальные
+      }
 
-function getChar(event) {
-  if (event.which == null) {
-    if (event.keyCode < 32) return null;
-    return String.fromCharCode(event.keyCode) // IE
-  }
-
-  if (event.which!=0 && event.charCode!=0) {
-    if (event.which < 32) return null;
-    return String.fromCharCode(event.which)   // остальные
-  }
-
-  return null; // специальная клавиша
-}
-
-if (navigator.platform.substr(0,3) != 'Mac') { // событие для CapsLock глючит под Mac
-  document.onkeydown = function(e) {
-    if (e.keyCode == 20 && capsLockEnabled !== null) {
-      capsLockEnabled = !capsLockEnabled;
+      return null; // специальная клавиша
     }
-  }
-}
 
-document.onkeypress = function(e) {
-  e = e || event;
+    if (navigator.platform.substr(0, 3) != 'Mac') { // событие для CapsLock глючит под Mac
+      document.onkeydown = function(e) {
+        if (e.keyCode == 20 && capsLockEnabled !== null) {
+          capsLockEnabled = !capsLockEnabled;
+        }
+      }
+    }
 
-  var chr = getChar(e);
-  if (!chr) return // special key
+    document.onkeypress = function(e) {
+      e = e || event;
 
-  if (chr.toLowerCase() == chr.toUpperCase()) {
-    // символ, не зависящий от регистра, например пробел
-    // не может быть использован для определения CapsLock
-    return;
-  }
+      var chr = getChar(e);
+      if (!chr) return // special key
 
-  capsLockEnabled = (chr.toLowerCase() == chr && e.shiftKey) || (chr.toUpperCase() == chr && !e.shiftKey);
-}
+      if (chr.toLowerCase() == chr.toUpperCase()) {
+        // символ, не зависящий от регистра, например пробел
+        // не может быть использован для определения CapsLock
+        return;
+      }
+
+      capsLockEnabled = (chr.toLowerCase() == chr && e.shiftKey) || (chr.toUpperCase() == chr && !e.shiftKey);
+    }
 
 
-/**
- * Проверить CapsLock
- */
-function checkCapsWarning() {
-  document.getElementById('capsIndicator').style.display = capsLockEnabled ? 'block' : 'none';
-}
+    /**
+     * Проверить CapsLock
+     */
+    function checkCapsWarning() {
+      document.getElementById('capsIndicator').style.display = capsLockEnabled ? 'block' : 'none';
+    }
 
-function removeCapsWarning() {
-  document.getElementById('capsIndicator').style.display = 'none';
-}
-</script>
+    function removeCapsWarning() {
+      document.getElementById('capsIndicator').style.display = 'none';
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/source.view/index.html b/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/source.view/index.html
index 69bffc5b..e0b0add9 100755
--- a/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/source.view/index.html
+++ b/2-ui/4-forms-controls/2-focus-blur/7-capslock-warning-field/source.view/index.html
@@ -1,16 +1,19 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8">
 </head>
+
 <body>
 
 
-Введите текст(например, пароль) с нажатым CapsLock:
-<input type="text"/>
+  Введите текст(например, пароль) с нажатым CapsLock:
+  <input type="text" />
 
-<div style="display:none;color:red" id="capsIndicator">Внимание: нажат CapsLock!</div>
+  <div style="display:none;color:red" id="capsIndicator">Внимание: нажат CapsLock!</div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/solution.view/index.html b/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/solution.view/index.html
index aa60fae9..f86f424a 100755
--- a/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/solution.view/index.html
+++ b/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/solution.view/index.html
@@ -1,146 +1,153 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-<style>
-td select, td input {
-  width: 150px;
-}
-
-#diagram td {
-  vertical-align: bottom;
-  text-align: center;
-  padding: 10px;
-}
-#diagram div {
-  margin: auto;
-}
-</style>
+  <style>
+    td select,
+    td input {
+      width: 150px;
+    }
+    
+    #diagram td {
+      vertical-align: bottom;
+      text-align: center;
+      padding: 10px;
+    }
+    
+    #diagram div {
+      margin: auto;
+    }
+  </style>
 </head>
+
 <body>
 
 
-Калькулятор процентов, из расчёта 12% годовых.
-<form name="calculator">
-<table>
-  <tr>
-  <td>Сумма</td>
-  <td><input name="money" type="text" value="10000"></td>
-  </tr>
-  <tr>
-  <td>Срок в месяцах</td>
-  <td>
-    <select name="months">
-      <option value="3">3 (минимум)</option>
-      <option value="6">6 (полгода)</option>
-      <option value="12"selected>12 (год)</option>
-      <option value="18">18 (1.5 года)</option>
-      <option value="24">24 (2 года)</option>
-      <option value="30">30 (2.5 года)</option>
-      <option value="36">36 (3 года)</option>
-    </select>
-  </td>
-  </tr>
-  <tr>
-  <td>С капитализацией</td>
-  <td><input name="capitalization" type="checkbox"></td>
-  </tr>
-</table>
+  Калькулятор процентов, из расчёта 12% годовых.
+  <form name="calculator">
+    <table>
+      <tr>
+        <td>Сумма</td>
+        <td>
+          <input name="money" type="text" value="10000">
+        </td>
+      </tr>
+      <tr>
+        <td>Срок в месяцах</td>
+        <td>
+          <select name="months">
+            <option value="3">3 (минимум)</option>
+            <option value="6">6 (полгода)</option>
+            <option value="12" selected>12 (год)</option>
+            <option value="18">18 (1.5 года)</option>
+            <option value="24">24 (2 года)</option>
+            <option value="30">30 (2.5 года)</option>
+            <option value="36">36 (3 года)</option>
+          </select>
+        </td>
+      </tr>
+      <tr>
+        <td>С капитализацией</td>
+        <td>
+          <input name="capitalization" type="checkbox">
+        </td>
+      </tr>
+    </table>
 
 
-</form>
+  </form>
 
 
-<table id="diagram">
-<tr>
-<th>Было:</th>
-<th>Станет:</th>
-</tr>
-<tr>
-<th id="money-before"></th>
-<th id="money-after"></th>
-</tr>
-<td>
-<div style="background: red;width:40px;height:100px"></div>
-</td>
-<td>
-<div style="background: green;width:40px;height:0" id="height-after"></div>
-</td>
-</table>
+  <table id="diagram">
+    <tr>
+      <th>Было:</th>
+      <th>Станет:</th>
+    </tr>
+    <tr>
+      <th id="money-before"></th>
+      <th id="money-after"></th>
+    </tr>
+    <td>
+      <div style="background: red;width:40px;height:100px"></div>
+    </td>
+    <td>
+      <div style="background: green;width:40px;height:0" id="height-after"></div>
+    </td>
+  </table>
 
-<script>
-// event.type должен быть keypress
-function getChar(event) {
-  if (event.which == null) {
-    if (event.keyCode < 32) return null;
-    return String.fromCharCode(event.keyCode) // IE
-  }
+  <script>
+    // event.type должен быть keypress
+    function getChar(event) {
+      if (event.which == null) {
+        if (event.keyCode < 32) return null;
+        return String.fromCharCode(event.keyCode) // IE
+      }
 
-  if (event.which!=0 && event.charCode!=0) {
-    if (event.which < 32) return null;
-    return String.fromCharCode(event.which)   // остальные
-  }
+      if (event.which != 0 && event.charCode != 0) {
+        if (event.which < 32) return null;
+        return String.fromCharCode(event.which) // остальные
+      }
 
-  return null; // специальная клавиша
-}
-
-var form = document.forms.calculator;
-
-
-var moneyElem = form.elements.money;
-moneyElem.onkeypress = function(e) {
-  e = e || event;
-  var chr  = getChar(e);
-
-  if (e.ctrlKey || e.altKey || chr == null) return; // специальная клавиша
-  if (chr < '0' || chr > '9') return false;
-}
-
-// клавиатура, вставить/вырезать клавиатурой
-moneyElem.onkeyup = calculate;
-
-// любые действия, кроме IE. В IE9 также работает, кроме удаления
-moneyElem.oninput = calculate;
-
-moneyElem.onpropertychange = function() { // для IE8- изменение значения, кроме удаления
-  event.propertyName == "value" && calculate();
-}
-
-var capitalizationElem = form.elements.capitalization;
-capitalizationElem.onclick = calculate;
-
-var monthsElem = form.elements.months;
-monthsElem.onchange = calculate;
-
-
-function calculate() {
-  var sum = +moneyElem.value;
-  if (!sum) return;
-
-  var monthlyIncrease = 0.01;
-
-  if (!capitalizationElem.checked) {
-    sum = sum*(1+monthlyIncrease*monthsElem.value);
-  } else {
-
-    for(var i=0; i<monthsElem.value; i++) {
-     // 1000 1010 1020.1
-      sum = sum*(1+monthlyIncrease);
+      return null; // специальная клавиша
     }
-  }
-  sum = Math.round(sum);
 
-  var height = sum / moneyElem.value*100+'px';
-  document.getElementById('height-after').style.height = height;
-  document.getElementById('money-before').innerHTML = moneyElem.value;
-  document.getElementById('money-after').innerHTML = sum;
-}
+    var form = document.forms.calculator;
 
-calculate();
 
-</script>
+    var moneyElem = form.elements.money;
+    moneyElem.onkeypress = function(e) {
+      e = e || event;
+      var chr = getChar(e);
+
+      if (e.ctrlKey || e.altKey || chr == null) return; // специальная клавиша
+      if (chr < '0' || chr > '9') return false;
+    }
+
+    // клавиатура, вставить/вырезать клавиатурой
+    moneyElem.onkeyup = calculate;
+
+    // любые действия, кроме IE. В IE9 также работает, кроме удаления
+    moneyElem.oninput = calculate;
+
+    moneyElem.onpropertychange = function() { // для IE8- изменение значения, кроме удаления
+      event.propertyName == "value" && calculate();
+    }
+
+    var capitalizationElem = form.elements.capitalization;
+    capitalizationElem.onclick = calculate;
+
+    var monthsElem = form.elements.months;
+    monthsElem.onchange = calculate;
+
+
+    function calculate() {
+      var sum = +moneyElem.value;
+      if (!sum) return;
+
+      var monthlyIncrease = 0.01;
+
+      if (!capitalizationElem.checked) {
+        sum = sum * (1 + monthlyIncrease * monthsElem.value);
+      } else {
+
+        for (var i = 0; i < monthsElem.value; i++) {
+          // 1000 1010 1020.1
+          sum = sum * (1 + monthlyIncrease);
+        }
+      }
+      sum = Math.round(sum);
+
+      var height = sum / moneyElem.value * 100 + 'px';
+      document.getElementById('height-after').style.height = height;
+      document.getElementById('money-before').innerHTML = moneyElem.value;
+      document.getElementById('money-after').innerHTML = sum;
+    }
+
+    calculate();
+  </script>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/source.view/index.html b/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/source.view/index.html
index 28e33c38..e1ec5551 100755
--- a/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/source.view/index.html
+++ b/2-ui/4-forms-controls/3-events-change/1-calculate-capitalization/source.view/index.html
@@ -1,95 +1,102 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-<style>
-td select, td input {
-  width: 150px;
-}
-
-#diagram td {
-  vertical-align: bottom;
-  text-align: center;
-  padding: 10px;
-}
-#diagram div {
-  margin: auto;
-}
-</style>
+  <style>
+    td select,
+    td input {
+      width: 150px;
+    }
+    
+    #diagram td {
+      vertical-align: bottom;
+      text-align: center;
+      padding: 10px;
+    }
+    
+    #diagram div {
+      margin: auto;
+    }
+  </style>
 </head>
+
 <body>
 
 
-Калькулятор процентов, из расчёта 12% годовых.
-<form name="calculator">
-<table>
-  <tr>
-  <td>Сумма</td>
-  <td><input name="money" type="text" value="10000"></td>
-  </tr>
-  <tr>
-  <td>Срок в месяцах</td>
-  <td>
-    <select name="months">
-      <option value="3">3 (минимум)</option>
-      <option value="6">6 (полгода)</option>
-      <option value="12" selected>12 (год)</option>
-      <option value="18">18 (1.5 года)</option>
-      <option value="24">24 (2 года)</option>
-      <option value="30">30 (2.5 года)</option>
-      <option value="36">36 (3 года)</option>
-    </select>
-  </td>
-  </tr>
-  <tr>
-  <td>С капитализацией</td>
-  <td><input name="capitalization" type="checkbox"></td>
-  </tr>
-</table>
+  Калькулятор процентов, из расчёта 12% годовых.
+  <form name="calculator">
+    <table>
+      <tr>
+        <td>Сумма</td>
+        <td>
+          <input name="money" type="text" value="10000">
+        </td>
+      </tr>
+      <tr>
+        <td>Срок в месяцах</td>
+        <td>
+          <select name="months">
+            <option value="3">3 (минимум)</option>
+            <option value="6">6 (полгода)</option>
+            <option value="12" selected>12 (год)</option>
+            <option value="18">18 (1.5 года)</option>
+            <option value="24">24 (2 года)</option>
+            <option value="30">30 (2.5 года)</option>
+            <option value="36">36 (3 года)</option>
+          </select>
+        </td>
+      </tr>
+      <tr>
+        <td>С капитализацией</td>
+        <td>
+          <input name="capitalization" type="checkbox">
+        </td>
+      </tr>
+    </table>
 
 
-</form>
+  </form>
 
 
-<table id="diagram">
-<tr>
-<th>Было:</th>
-<th>Станет:</th>
-</tr>
-<tr>
-<th id="money-before"></th>
-<th id="money-after"></th>
-</tr>
-<td>
-<div style="background: red;width:40px;height:100px"></div>
-</td>
-<td>
-<div style="background: green;width:40px;height:0" id="height-after"></div>
-</td>
-</table>
+  <table id="diagram">
+    <tr>
+      <th>Было:</th>
+      <th>Станет:</th>
+    </tr>
+    <tr>
+      <th id="money-before"></th>
+      <th id="money-after"></th>
+    </tr>
+    <td>
+      <div style="background: red;width:40px;height:100px"></div>
+    </td>
+    <td>
+      <div style="background: green;width:40px;height:0" id="height-after"></div>
+    </td>
+  </table>
 
-<script>
-// вспомогательная функция для получения символа из события keypress
-// (вдруг понадобится))
-function getChar(event) {
-  if (event.which == null) {
-    if (event.keyCode < 32) return null;
-    return String.fromCharCode(event.keyCode) // IE
-  }
+  <script>
+    // вспомогательная функция для получения символа из события keypress
+    // (вдруг понадобится))
+    function getChar(event) {
+      if (event.which == null) {
+        if (event.keyCode < 32) return null;
+        return String.fromCharCode(event.keyCode) // IE
+      }
 
-  if (event.which!=0 && event.charCode!=0) {
-    if (event.which < 32) return null;
-    return String.fromCharCode(event.which)   // остальные
-  }
+      if (event.which != 0 && event.charCode != 0) {
+        if (event.which < 32) return null;
+        return String.fromCharCode(event.which) // остальные
+      }
 
-  return null; // специальная клавиша
-}
+      return null; // специальная клавиша
+    }
 
-// ваш код...
-
-</script>
+    // ваш код...
+  </script>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html
index b082ace5..5a08b807 100755
--- a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html
+++ b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html
@@ -1,154 +1,155 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-<style>
-html, body {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  height: 100%;
-}
-
-#prompt-form {
-  display: inline-block;
-  padding: 5px 5px 5px 70px;
-  width: 200px;
-  border: 1px solid black;
-  background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
-  vertical-align: middle;
-}
-
-#prompt-form-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 9999;
-  display: none;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-}
-
-#prompt-form-container:before {
-  display: inline-block;
-  height: 100%;
-  content: '';
-  vertical-align: middle;
-}
-
-#cover-div {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 9000;
-  width: 100%;
-  height: 100%;
-  background-color: gray;
-  opacity: 0.3;
-}
-
-#prompt-form input[name="text"] {
-  display: block;
-  margin: 5px;
-  width: 180px;
-}
-</style>
+  <style>
+    html,
+    body {
+      margin: 0;
+      padding: 0;
+      width: 100%;
+      height: 100%;
+    }
+    
+    #prompt-form {
+      display: inline-block;
+      padding: 5px 5px 5px 70px;
+      width: 200px;
+      border: 1px solid black;
+      background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
+      vertical-align: middle;
+    }
+    
+    #prompt-form-container {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9999;
+      display: none;
+      width: 100%;
+      height: 100%;
+      text-align: center;
+    }
+    
+    #prompt-form-container:before {
+      display: inline-block;
+      height: 100%;
+      content: '';
+      vertical-align: middle;
+    }
+    
+    #cover-div {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9000;
+      width: 100%;
+      height: 100%;
+      background-color: gray;
+      opacity: 0.3;
+    }
+    
+    #prompt-form input[name="text"] {
+      display: block;
+      margin: 5px;
+      width: 180px;
+    }
+  </style>
 </head>
+
 <body style="height:3000px">
 
-<h1>Нажмите на кнопку ниже</h1>
+  <h1>Нажмите на кнопку ниже</h1>
 
-<input type="button" value="Нажмите для показа формы ввода" id="show-button">
+  <input type="button" value="Нажмите для показа формы ввода" id="show-button">
 
 
-<div id="prompt-form-container">
-  <form id="prompt-form">
-    <div id="prompt-message"></div>
-    <input name="text" type="text">
-    <input type="submit" value="Ок">
-    <input type="button" name="cancel" value="Отмена">
-  </form>
-</div>
+  <div id="prompt-form-container">
+    <form id="prompt-form">
+      <div id="prompt-message"></div>
+      <input name="text" type="text">
+      <input type="submit" value="Ок">
+      <input type="button" name="cancel" value="Отмена">
+    </form>
+  </div>
 
-<script>
-
-/* Показать полупрозрачный DIV, затеняющий всю страницу 
-(а форма будет не в нем, а рядом с ним, чтобы не полупрозрачная) */
-function showCover() {
-  var coverDiv = document.createElement('div');
-  coverDiv.id = 'cover-div';
-  document.body.appendChild(coverDiv);
-}
-
-function hideCover() {
-  document.body.removeChild(document.getElementById('cover-div'));
-}
-
-function showPrompt(text, callback) {
-  showCover();
-  var form = document.getElementById('prompt-form');
-  var container = document.getElementById('prompt-form-container');
-  document.getElementById('prompt-message').innerHTML = text;
-  form.elements.text.value = '';
-
-  function complete(value) {
-    hideCover();
-    container.style.display = 'none';
-    document.onkeydown = null;
-    callback(value);
-  }
-
-  form.onsubmit = function() {
-    var value = form.elements.text.value;
-    if (value == '') return false; // игнорировать пустой submit
-
-    complete(value);
-    return false;
-  };
-
-  form.elements.cancel.onclick = function() {
-    complete(null);
-  };
-
-  document.onkeydown = function(e) {
-    if (e.keyCode == 27) { // escape
-      complete(null);
+  <script>
+    /* Показать полупрозрачный DIV, затеняющий всю страницу 
+    (а форма будет не в нем, а рядом с ним, чтобы не полупрозрачная) */
+    function showCover() {
+      var coverDiv = document.createElement('div');
+      coverDiv.id = 'cover-div';
+      document.body.appendChild(coverDiv);
     }
-  };
 
-  var lastElem = form.elements[form.elements.length-1];      
-  var firstElem = form.elements[0];
-          
-  lastElem.onkeydown = function(e) {
-    if (e.keyCode == 9 && !e.shiftKey) {
-      firstElem.focus();
-      return false;
+    function hideCover() {
+      document.body.removeChild(document.getElementById('cover-div'));
     }
-  };
-  
-  firstElem.onkeydown = function(e) {
-    if (e.keyCode == 9 && e.shiftKey) {
-      lastElem.focus();
-      return false;
+
+    function showPrompt(text, callback) {
+      showCover();
+      var form = document.getElementById('prompt-form');
+      var container = document.getElementById('prompt-form-container');
+      document.getElementById('prompt-message').innerHTML = text;
+      form.elements.text.value = '';
+
+      function complete(value) {
+        hideCover();
+        container.style.display = 'none';
+        document.onkeydown = null;
+        callback(value);
+      }
+
+      form.onsubmit = function() {
+        var value = form.elements.text.value;
+        if (value == '') return false; // игнорировать пустой submit
+
+        complete(value);
+        return false;
+      };
+
+      form.elements.cancel.onclick = function() {
+        complete(null);
+      };
+
+      document.onkeydown = function(e) {
+        if (e.keyCode == 27) { // escape
+          complete(null);
+        }
+      };
+
+      var lastElem = form.elements[form.elements.length - 1];
+      var firstElem = form.elements[0];
+
+      lastElem.onkeydown = function(e) {
+        if (e.keyCode == 9 && !e.shiftKey) {
+          firstElem.focus();
+          return false;
+        }
+      };
+
+      firstElem.onkeydown = function(e) {
+        if (e.keyCode == 9 && e.shiftKey) {
+          lastElem.focus();
+          return false;
+        }
+      };
+
+
+      container.style.display = 'block';
+      form.elements.text.focus();
     }
-  };
-    
 
-  container.style.display = 'block';
-  form.elements.text.focus();
-}
-
-document.getElementById('show-button').onclick = function() {
-  showPrompt("Введите что-нибудь<br>...умное :)", function(value) {
-    alert("Вы ввели: " + value);
-  });
-};
-
-</script>
+    document.getElementById('show-button').onclick = function() {
+      showPrompt("Введите что-нибудь<br>...умное :)", function(value) {
+        alert("Вы ввели: " + value);
+      });
+    };
+  </script>
 
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html
index c48cd47e..846f2706 100755
--- a/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html
+++ b/2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html
@@ -1,60 +1,65 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-<style>
-html, body {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-}
-
-#prompt-form {
-  display: inline-block;
-  padding: 5px 5px 5px 70px;
-  width: 200px;
-  border: 1px solid black;
-  background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
-  vertical-align: middle;
-}
-
-#prompt-form-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 9999;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-}
-
-#prompt-form-container:before {
-  display: inline-block;
-  height: 100%;
-  content: '';
-  vertical-align: middle;
-}
-
-#prompt-form input[name="text"] {
-  display: block;
-  margin: 5px;
-  width: 180px;
-}
-</style>
+  <style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      padding: 0;
+      margin: 0;
+    }
+    
+    #prompt-form {
+      display: inline-block;
+      padding: 5px 5px 5px 70px;
+      width: 200px;
+      border: 1px solid black;
+      background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
+      vertical-align: middle;
+    }
+    
+    #prompt-form-container {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9999;
+      width: 100%;
+      height: 100%;
+      text-align: center;
+    }
+    
+    #prompt-form-container:before {
+      display: inline-block;
+      height: 100%;
+      content: '';
+      vertical-align: middle;
+    }
+    
+    #prompt-form input[name="text"] {
+      display: block;
+      margin: 5px;
+      width: 180px;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div id="prompt-form-container">
-  <form id="prompt-form">
-    <div id="prompt-message">Введите, пожалуйста...<br>Что-то..</div>
-    <input name="text" type="text">
-    <input type="submit" value="Ок">
-    <input type="button" name="cancel" value="Отмена">
-  </form>
-</div>
+  <div id="prompt-form-container">
+    <form id="prompt-form">
+      <div id="prompt-message">Введите, пожалуйста...
+        <br>Что-то..</div>
+      <input name="text" type="text">
+      <input type="submit" value="Ок">
+      <input type="button" name="cancel" value="Отмена">
+    </form>
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/4-forms-submit/2-form-validation/solution.view/index.html b/2-ui/4-forms-controls/4-forms-submit/2-form-validation/solution.view/index.html
index b0a37767..b4c28716 100755
--- a/2-ui/4-forms-controls/4-forms-submit/2-form-validation/solution.view/index.html
+++ b/2-ui/4-forms-controls/4-forms-submit/2-form-validation/solution.view/index.html
@@ -1,110 +1,118 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-<style>
-td select, td input {
-  width: 150px;
-}
-
-label {
-  display: block;
-}
-
-.error input, .error textarea {
-  border: 1px solid red;
-}
-.error {
-  color: red;
-}
-
-</style>
+  <style>
+    td select,
+    td input {
+      width: 150px;
+    }
+    
+    label {
+      display: block;
+    }
+    
+    .error input,
+    .error textarea {
+      border: 1px solid red;
+    }
+    
+    .error {
+      color: red;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<form>
-<table>
-  <tr>
-  <td>От кого</td>
-  <td><input name="from" type="text"></td>
-  </tr>
-  <tr>
-  <td>Ваш пароль</td>
-  <td><input name="password" type="password"></td>
-  </tr>
-  <tr>
-  <td>Повторите пароль</td>
-  <td><input name="password2" type="password"></td>
-  </tr>
-  <tr>
-  <td>Куда</td>
-  <td>
-    <select name="to">
-      <option></option>
-      <option value="1">Отдел снабжения</option>
-      <option value="2">Отдел разработки</option>
-      <option value="3">Директору</option>
-    </select>
-  </td>
-  </tr>
-</table>
+  <form>
+    <table>
+      <tr>
+        <td>От кого</td>
+        <td>
+          <input name="from" type="text">
+        </td>
+      </tr>
+      <tr>
+        <td>Ваш пароль</td>
+        <td>
+          <input name="password" type="password">
+        </td>
+      </tr>
+      <tr>
+        <td>Повторите пароль</td>
+        <td>
+          <input name="password2" type="password">
+        </td>
+      </tr>
+      <tr>
+        <td>Куда</td>
+        <td>
+          <select name="to">
+            <option></option>
+            <option value="1">Отдел снабжения</option>
+            <option value="2">Отдел разработки</option>
+            <option value="3">Директору</option>
+          </select>
+        </td>
+      </tr>
+    </table>
 
-Сообщение:
-<label>
-<textarea name="message" style="display:block;width:400px;height:80px"></textarea>
-</label>
+    Сообщение:
+    <label>
+      <textarea name="message" style="display:block;width:400px;height:80px"></textarea>
+    </label>
 
-<input type="button" onclick="validate(this.form)" value="Проверить">
-</form>
+    <input type="button" onclick="validate(this.form)" value="Проверить">
+  </form>
 
-<script>
+  <script>
+    function showError(container, errorMessage) {
+      container.className = 'error';
+      var msgElem = document.createElement('span');
+      msgElem.className = "error-message";
+      msgElem.innerHTML = errorMessage;
+      container.appendChild(msgElem);
+    }
 
-function showError(container, errorMessage) {
-  container.className = 'error';
-  var msgElem = document.createElement('span');
-  msgElem.className = "error-message";
-  msgElem.innerHTML = errorMessage;
-  container.appendChild(msgElem);
-}
+    function resetError(container) {
+      container.className = '';
+      if (container.lastChild.className == "error-message") {
+        container.removeChild(container.lastChild);
+      }
+    }
 
-function resetError(container) {
-  container.className = '';
-  if (container.lastChild.className == "error-message") {
-    container.removeChild(container.lastChild);
-  }
-}
+    function validate(form) {
+      var elems = form.elements;
 
-function validate(form) {
-  var elems = form.elements;
+      resetError(elems.from.parentNode);
+      if (!elems.from.value) {
+        showError(elems.from.parentNode, ' Укажите от кого.');
+      }
 
-  resetError(elems.from.parentNode);
-  if (!elems.from.value) {
-    showError(elems.from.parentNode, ' Укажите от кого.');
-  }
+      resetError(elems.password.parentNode);
+      if (!elems.password.value) {
+        showError(elems.password.parentNode, ' Укажите пароль.');
+      } else if (elems.password.value != elems.password2.value) {
+        showError(elems.password.parentNode, ' Пароли не совпадают.');
+      }
 
-  resetError(elems.password.parentNode);
-  if (!elems.password.value) {
-    showError(elems.password.parentNode, ' Укажите пароль.');
-  } else if (elems.password.value != elems.password2.value) {
-    showError(elems.password.parentNode, ' Пароли не совпадают.');
-  }
+      resetError(elems.to.parentNode);
+      if (!elems.to.value) {
+        showError(elems.to.parentNode, ' Укажите, куда.');
+      }
 
-  resetError(elems.to.parentNode);
-  if (!elems.to.value) {
-    showError(elems.to.parentNode, ' Укажите, куда.');
-  }
+      resetError(elems.message.parentNode);
+      if (!elems.message.value) {
+        showError(elems.message.parentNode, ' Отсутствует текст.');
+      }
 
-  resetError(elems.message.parentNode);
-  if (!elems.message.value) {
-    showError(elems.message.parentNode, ' Отсутствует текст.');
-  }
-
-}
-
-</script>
+    }
+  </script>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/4-forms-submit/2-form-validation/source.view/index.html b/2-ui/4-forms-controls/4-forms-submit/2-form-validation/source.view/index.html
index 819e8b24..b316af7c 100755
--- a/2-ui/4-forms-controls/4-forms-submit/2-form-validation/source.view/index.html
+++ b/2-ui/4-forms-controls/4-forms-submit/2-form-validation/source.view/index.html
@@ -1,69 +1,74 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-<style>
-td select, td input {
-  width: 150px;
-}
-
-label {
-  display: block;
-}
-
-/* ваши стили */
-
-</style>
+  <style>
+    td select,
+    td input {
+      width: 150px;
+    }
+    
+    label {
+      display: block;
+    }
+    /* ваши стили */
+  </style>
 </head>
+
 <body>
 
 
-<form>
-<table>
-  <tr>
-  <td>От кого</td>
-  <td><input name="from" type="text"></td>
-  </tr>
-  <tr>
-  <td>Ваш пароль</td>
-  <td><input name="password" type="password"></td>
-  </tr>
-  <tr>
-  <td>Повторите пароль</td>
-  <td><input name="password2" type="password"></td>
-  </tr>
-  <tr>
-  <td>Куда</td>
-  <td>
-    <select name="to">
-      <option></option>
-      <option value="1">Отдел снабжения</option>
-      <option value="2">Отдел разработки</option>
-      <option value="3">Директору</option>
-    </select>
-  </td>
-  </tr>
-</table>
+  <form>
+    <table>
+      <tr>
+        <td>От кого</td>
+        <td>
+          <input name="from" type="text">
+        </td>
+      </tr>
+      <tr>
+        <td>Ваш пароль</td>
+        <td>
+          <input name="password" type="password">
+        </td>
+      </tr>
+      <tr>
+        <td>Повторите пароль</td>
+        <td>
+          <input name="password2" type="password">
+        </td>
+      </tr>
+      <tr>
+        <td>Куда</td>
+        <td>
+          <select name="to">
+            <option></option>
+            <option value="1">Отдел снабжения</option>
+            <option value="2">Отдел разработки</option>
+            <option value="3">Директору</option>
+          </select>
+        </td>
+      </tr>
+    </table>
 
-Сообщение:
-<label>
-<textarea name="message" style="display:block;width:400px;height:100px"></textarea>
-</label>
+    Сообщение:
+    <label>
+      <textarea name="message" style="display:block;width:400px;height:100px"></textarea>
+    </label>
 
-<input type="button" onclick="validate(this.form)" value="Проверить">
-</form>
+    <input type="button" onclick="validate(this.form)" value="Проверить">
+  </form>
 
-<script>
+  <script>
+    function validate(form) {
+      /* ваш код */
+    }
 
-function validate(form) {
-  /* ваш код */
-}
-
-/* ваш код */
-
-</script>
+    /* ваш код */
+  </script>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/1-clock/solution.view/index.html b/2-ui/5-widgets/2-widgets-structure/1-clock/solution.view/index.html
index fa2fc7e4..53c12a8b 100755
--- a/2-ui/5-widgets/2-widgets-structure/1-clock/solution.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/1-clock/solution.view/index.html
@@ -1,36 +1,42 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <title>Часики</title>
-    <script src="clock.js"></script>
-    <meta charset="utf-8">
-    <style>
-      .hour { color: green }
-      .min { color: blue }
-      .sec { color: red }
-    </style>
+  <title>Часики</title>
+  <script src="clock.js"></script>
+  <meta charset="utf-8">
+  <style>
+    .hour {
+      color: green
+    }
+    
+    .min {
+      color: blue
+    }
+    
+    .sec {
+      color: red
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="clock" class="clock">
+  <div id="clock" class="clock">
     <span class="hour">00</span>:<span class="min">00</span>:<span class="sec">00</span>
-</div>
+  </div>
 
-<script>
+  <script>
+    var pageClock = new Clock({
+      elem: document.getElementById('clock')
+    });
+  </script>
 
-  var pageClock = new Clock({
-    elem: document.getElementById('clock')
-  });
+  <input type="button" onclick="pageClock.start()" value="Старт">
+  <input type="button" onclick="pageClock.stop()" value="Стоп">
 
-</script>
-
-<input type="button" onclick="pageClock.start()" value="Старт">
-<input type="button" onclick="pageClock.stop()" value="Стоп">
-
-<input type="button" 
-  onclick="alert('Часы должны останавливаться во время alert,\nи продолжать корректно работать после нажатия на ОК')"
-  value="alert для проверки корректного возобновления"
->
+  <input type="button" onclick="alert('Часы должны останавливаться во время alert,\nи продолжать корректно работать после нажатия на ОК')" value="alert для проверки корректного возобновления">
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/1-clock/source.view/index.html b/2-ui/5-widgets/2-widgets-structure/1-clock/source.view/index.html
index 863e768f..aede485f 100755
--- a/2-ui/5-widgets/2-widgets-structure/1-clock/source.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/1-clock/source.view/index.html
@@ -1,37 +1,43 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <title>Часики</title>
-    <meta charset="utf-8">
-    <style>
-      .hour { color: green }
-      .min { color: blue }
-      .sec { color: red }
-    </style>
+  <title>Часики</title>
+  <meta charset="utf-8">
+  <style>
+    .hour {
+      color: green
+    }
+    
+    .min {
+      color: blue
+    }
+    
+    .sec {
+      color: red
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="clock" class="clock">
+  <div id="clock" class="clock">
     <span class="hour">00</span>:<span class="min">00</span>:<span class="sec">00</span>
-</div>
+  </div>
 
-<script>
+  <script>
+    // .. ваш код Clock
 
-  // .. ваш код Clock
+    var pageClock = new Clock({
+      elem: document.getElementById('clock')
+    });
+  </script>
 
-  var pageClock = new Clock({
-    elem: document.getElementById('clock')
-  });
+  <input type="button" onclick="pageClock.start()" value="Старт">
+  <input type="button" onclick="pageClock.stop()" value="Стоп">
 
-</script>
-
-<input type="button" onclick="pageClock.start()" value="Старт">
-<input type="button" onclick="pageClock.stop()" value="Стоп">
-
-<input type="button" 
-  onclick="alert('Часы должны останавливаться во время alert,\nи продолжать корректно работать после нажатия на ОК')"
-  value="alert для проверки корректного возобновления"
->
+  <input type="button" onclick="alert('Часы должны останавливаться во время alert,\nи продолжать корректно работать после нажатия на ОК')" value="alert для проверки корректного возобновления">
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/2-slider-widget/solution.view/index.html b/2-ui/5-widgets/2-widgets-structure/2-slider-widget/solution.view/index.html
index ce2a108f..45231886 100755
--- a/2-ui/5-widgets/2-widgets-structure/2-slider-widget/solution.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/2-slider-widget/solution.view/index.html
@@ -1,106 +1,107 @@
 <!DOCTYPE html>
 <html>
-  
-  <head>
-    <meta charset="utf-8">
-    <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
-  
-    <style>
-      .slider {
-        margin: 5px;
-        width: 310px;
-        height: 15px;
-        border-radius: 5px;
-        background: #E0E0E0;
-        background: -moz-linear-gradient(left top, #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
-        background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
-        background: linear-gradient(left top, #E0E0E0, #EEEEEE);
+
+<head>
+  <meta charset="utf-8">
+  <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
+
+  <style>
+    .slider {
+      margin: 5px;
+      width: 310px;
+      height: 15px;
+      border-radius: 5px;
+      background: #E0E0E0;
+      background: -moz-linear-gradient(left top, #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
+      background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
+      background: linear-gradient(left top, #E0E0E0, #EEEEEE);
+    }
+    
+    .thumb {
+      position: relative;
+      top: -5px;
+      left: 10px;
+      width: 10px;
+      height: 25px;
+      border-radius: 3px;
+      background: blue;
+      cursor: pointer;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="slider" class="slider">
+    <div class="thumb"></div>
+  </div>
+  <script>
+    var slider = new Slider({
+      elem: document.getElementById('slider')
+    });
+
+    function Slider(options) {
+      var elem = options.elem;
+      var thumbElem = elem.querySelector('.thumb');
+
+      var sliderCoords, thumbCoords, shiftX, shiftY;
+
+      elem.ondragstart = function() {
+        return false;
+      };
+
+      elem.onmousedown = function(event) {
+        if (event.target.closest('.thumb')) {
+          startDrag(event.clientX, event.clientY);
+          return false; // disable selection start (cursor change)
+        }
       }
-      .thumb {
-        position: relative;
-        top: -5px;
-        left: 10px;
-        width: 10px;
-        height: 25px;
-        border-radius: 3px;
-        background: blue;
-        cursor: pointer;
+
+      function startDrag(startClientX, startClientY) {
+        thumbCoords = thumbElem.getBoundingClientRect();
+        shiftX = startClientX - thumbCoords.left;
+        shiftY = startClientY - thumbCoords.top;
+
+        sliderCoords = elem.getBoundingClientRect();
+
+        document.addEventListener('mousemove', onDocumentMouseMove);
+        document.addEventListener('mouseup', onDocumentMouseUp);
       }
-    </style>
-  </head>
-  
-  <body>
-    <div id="slider" class="slider">
-      <div class="thumb"></div>
-    </div>
-    <script>
-      var slider = new Slider({
-        elem: document.getElementById('slider')
-      });
 
-      function Slider(options) {
-        var elem = options.elem;
-        var thumbElem = elem.querySelector('.thumb');
 
-        var sliderCoords, thumbCoords, shiftX, shiftY;
 
-        elem.ondragstart = function() {
-          return false;
-        };
+      function moveTo(clientX) {
+        // вычесть координату родителя, т.к. position: relative
+        var newLeft = clientX - shiftX - sliderCoords.left;
 
-        elem.onmousedown = function(event) {
-          if (event.target.closest('.thumb')) {
-            startDrag(event.clientX, event.clientY);
-            return false; // disable selection start (cursor change)
-          }
-        }
-
-        function startDrag(startClientX, startClientY) {
-          thumbCoords = thumbElem.getBoundingClientRect();
-          shiftX = startClientX - thumbCoords.left;
-          shiftY = startClientY - thumbCoords.top;
-
-          sliderCoords = elem.getBoundingClientRect();
-
-          document.addEventListener('mousemove', onDocumentMouseMove);
-          document.addEventListener('mouseup', onDocumentMouseUp);
-        }
-
-
-
-        function moveTo(clientX) {
-          // вычесть координату родителя, т.к. position: relative
-          var newLeft = clientX - shiftX - sliderCoords.left;
-
-          // курсор ушёл вне слайдера
-          if(newLeft < 0) {
-            newLeft = 0;
-          }
-          var rightEdge = elem.offsetWidth - thumbElem.offsetWidth;
-          if(newLeft > rightEdge) {
-            newLeft = rightEdge;
-          }
-
-          thumbElem.style.left = newLeft + 'px';
-        }
-
-
-        function onDocumentMouseMove(e) {
-          moveTo(e.clientX);
-        }
-
-        function onDocumentMouseUp() {
-          endDrag();
-        }
-
-
-        function endDrag() {
-          document.removeEventListener('mousemove', onDocumentMouseMove);
-          document.removeEventListener('mouseup', onDocumentMouseUp);
+        // курсор ушёл вне слайдера
+        if (newLeft < 0) {
+          newLeft = 0;
+        }
+        var rightEdge = elem.offsetWidth - thumbElem.offsetWidth;
+        if (newLeft > rightEdge) {
+          newLeft = rightEdge;
         }
 
+        thumbElem.style.left = newLeft + 'px';
       }
-    </script>
-  </body>
 
-</html>
+
+      function onDocumentMouseMove(e) {
+        moveTo(e.clientX);
+      }
+
+      function onDocumentMouseUp() {
+        endDrag();
+      }
+
+
+      function endDrag() {
+        document.removeEventListener('mousemove', onDocumentMouseMove);
+        document.removeEventListener('mouseup', onDocumentMouseUp);
+      }
+
+    }
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/index.html b/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/index.html
index 86a4880a..fb798b26 100755
--- a/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/3-selectable-list-component/solution.view/index.html
@@ -1,32 +1,36 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="listSelect.js"></script>
 </head>
+
 <body>
 
-Клик на элементе выделяет только его.<br>
-Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.<br>
-Shift+Клик добавляет промежуток от последнего кликнутого к выделению.<br>
+  Клик на элементе выделяет только его.
+  <br> Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.
+  <br> Shift+Клик добавляет промежуток от последнего кликнутого к выделению.
+  <br>
 
-<ul>
-<li>Кристофер Робин</li>
-<li>Винни-Пух</li>
-<li>Ослик Иа</li>
-<li>Мудрая Сова</li>
-<li>Кролик. Просто кролик.</li>
-</ul>
+  <ul>
+    <li>Кристофер Робин</li>
+    <li>Винни-Пух</li>
+    <li>Ослик Иа</li>
+    <li>Мудрая Сова</li>
+    <li>Кролик. Просто кролик.</li>
+  </ul>
 
-<button onclick="alert(listSelect.getSelected())">listSelect.getSelected()</button>
+  <button onclick="alert(listSelect.getSelected())">listSelect.getSelected()</button>
 
-<script>
-var listSelect = new ListSelect({
-  elem: document.querySelector('ul')
-});
-</script>
+  <script>
+    var listSelect = new ListSelect({
+      elem: document.querySelector('ul')
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/4-voter/solution.view/index.html b/2-ui/5-widgets/2-widgets-structure/4-voter/solution.view/index.html
index 90c2219c..27fe4906 100755
--- a/2-ui/5-widgets/2-widgets-structure/4-voter/solution.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/4-voter/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
@@ -8,63 +9,65 @@
       font-family: Consolas, "Lucida Console", monospace;
       font-size: 18px;
     }
-    .up, .down {
+    
+    .up,
+    .down {
       cursor: pointer;
       color: blue;
       font-weight: bold;
     }
   </style>
 </head>
+
 <body>
 
-<div id="voter" class="voter">
-  <span class="down">—</span>
-  <span class="vote">0</span>
-  <span class="up">+</span>
-</div>
+  <div id="voter" class="voter">
+    <span class="down">—</span>
+    <span class="vote">0</span>
+    <span class="up">+</span>
+  </div>
 
-<script>
-function Voter(options) {
-  var elem = options.elem;
+  <script>
+    function Voter(options) {
+      var elem = options.elem;
 
-  var voteElem = elem.querySelector('.vote');
+      var voteElem = elem.querySelector('.vote');
+
+      elem.onclick = function(event) {
+        // сам обработчик не меняет голос, он вызывает функцию
+        if (event.target.closest('.down')) {
+          voteDecrease();
+        } else if (event.target.closest('.up')) {
+          voteIncrease();
+        }
+      }
+
+      elem.onmousedown = function() {
+        return false;
+      };
+
+      // ----------- методы -------------
+
+      function voteDecrease() {
+        voteElem.innerHTML = +voteElem.innerHTML - 1;
+      }
+
+      function voteIncrease() {
+        voteElem.innerHTML = +voteElem.innerHTML + 1;
+      }
+
+      this.setVote = function(vote) {
+        voteElem.innerHTML = +vote;
+      };
 
-  elem.onclick = function(event) {
-    // сам обработчик не меняет голос, он вызывает функцию
-    if (event.target.closest('.down')) {
-      voteDecrease();  
-    } else if (event.target.closest('.up')) {
-      voteIncrease();
     }
-  }
 
-  elem.onmousedown = function() {
-    return false;
-  };
-
-  // ----------- методы -------------
-
-  function voteDecrease() {
-    voteElem.innerHTML = +voteElem.innerHTML - 1;
-  }
-
-  function voteIncrease() {
-    voteElem.innerHTML = +voteElem.innerHTML + 1;
-  }
-
-  this.setVote = function(vote) {
-    voteElem.innerHTML = +vote;
-  };
-
-}
-
-var voter = new Voter({
-  elem: document.getElementById('voter')
-});
-voter.setVote(1);
-
-</script>
+    var voter = new Voter({
+      elem: document.getElementById('voter')
+    });
+    voter.setVote(1);
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/4-voter/source.view/index.html b/2-ui/5-widgets/2-widgets-structure/4-voter/source.view/index.html
index 3fb7c8f3..6fb52391 100755
--- a/2-ui/5-widgets/2-widgets-structure/4-voter/source.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/4-voter/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
@@ -8,34 +9,36 @@
       font-family: Consolas, "Lucida Console", monospace;
       font-size: 18px;
     }
-    .up, .down {
+    
+    .up,
+    .down {
       cursor: pointer;
       color: blue;
       font-weight: bold;
     }
   </style>
 </head>
+
 <body>
 
-<div id="voter" class="voter">
-  <span class="down">—</span>
-  <span class="vote">0</span>
-  <span class="up">+</span>
-</div>
+  <div id="voter" class="voter">
+    <span class="down">—</span>
+    <span class="vote">0</span>
+    <span class="up">+</span>
+  </div>
 
-<script>
-function Voter(options) {
-  // ... ваш код
-}
+  <script>
+    function Voter(options) {
+      // ... ваш код
+    }
 
-var voter = new Voter({
-  elem: document.getElementById('voter')
-});
+    var voter = new Voter({
+      elem: document.getElementById('voter')
+    });
 
-voter.setVote(1);
-
-</script>
+    voter.setVote(1);
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/index.html b/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/index.html
index 0f24a0f5..c8643bc0 100755
--- a/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/5-voter-proto/solution.view/index.html
@@ -1,27 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
-  <script src="voter.js"></script> 
+  <script src="voter.js"></script>
 </head>
+
 <body>
 
-<div id="voter" class="voter">
-  <span class="down">–</span>
-  <span class="vote">0</span>
-  <span class="up">+</span>
-</div>
+  <div id="voter" class="voter">
+    <span class="down">–</span>
+    <span class="vote">0</span>
+    <span class="up">+</span>
+  </div>
 
-<script>
-
-var voter = new Voter({
-  elem: document.getElementById('voter')
-});
-
-</script>
+  <script>
+    var voter = new Voter({
+      elem: document.getElementById('voter')
+    });
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/index.html b/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/index.html
index 49f27232..f58fcd18 100644
--- a/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/6-voter-add-step/solution.view/index.html
@@ -1,29 +1,30 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
-  <script src="voter.js"></script> 
-  <script src="step-voter.js"></script> <!-- отнаследовать и переопределить методы -->
+  <script src="voter.js"></script>
+  <script src="step-voter.js"></script>
+  <!-- отнаследовать и переопределить методы -->
 </head>
+
 <body>
 
-<div id="voter" class="voter">
-  <span class="down">–</span>
-  <span class="vote">0</span>
-  <span class="up">+</span>
-</div>
+  <div id="voter" class="voter">
+    <span class="down">–</span>
+    <span class="vote">0</span>
+    <span class="up">+</span>
+  </div>
 
-<script>
-
-var voter = new StepVoter({
-  elem: document.getElementById('voter'),
-  step: 2
-});
-
-</script>
+  <script>
+    var voter = new StepVoter({
+      elem: document.getElementById('voter'),
+      step: 2
+    });
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/menu-dom.view/index.html b/2-ui/5-widgets/2-widgets-structure/menu-dom.view/index.html
index ec90ec43..26454171 100644
--- a/2-ui/5-widgets/2-widgets-structure/menu-dom.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/menu-dom.view/index.html
@@ -1,31 +1,34 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
-  <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>  
+  <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<button onclick="menu.toggle()">menu.toggle()</button>
-<button onclick="menu.open()">menu.open()</button>
-<button onclick="menu.close()">menu.close()</button>
+  <button onclick="menu.toggle()">menu.toggle()</button>
+  <button onclick="menu.open()">menu.open()</button>
+  <button onclick="menu.close()">menu.close()</button>
 
-<script>
-var menu = new Menu({ 
-  title: "Сладости",
-  items: [
-    "Торт",
-    "Пончик",
-    "Пирожное",
-    "Шоколадка",
-    "Мороженое"
-  ]
-});
+  <script>
+    var menu = new Menu({
+      title: "Сладости",
+      items: [
+        "Торт",
+        "Пончик",
+        "Пирожное",
+        "Шоколадка",
+        "Мороженое"
+      ]
+    });
 
-document.body.appendChild( menu.getElem() );
-</script>
+    document.body.appendChild(menu.getElem());
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/2-widgets-structure/menu.view/index.html b/2-ui/5-widgets/2-widgets-structure/menu.view/index.html
index e1e779d7..306dab27 100644
--- a/2-ui/5-widgets/2-widgets-structure/menu.view/index.html
+++ b/2-ui/5-widgets/2-widgets-structure/menu.view/index.html
@@ -1,29 +1,32 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<div id="sweets-menu" class="menu">
-  <span class="title">Сладости</span>
-  <ul>
-    <li>Торт</li>
-    <li>Пончик</li>
-    <li>Пирожное</li>
-    <li>Шоколадка</li>
-    <li>Мороженое</li>
-  </ul>
-</div>
+  <div id="sweets-menu" class="menu">
+    <span class="title">Сладости</span>
+    <ul>
+      <li>Торт</li>
+      <li>Пончик</li>
+      <li>Пирожное</li>
+      <li>Шоколадка</li>
+      <li>Мороженое</li>
+    </ul>
+  </div>
 
-<script>
-var menu = new Menu({
-  elem: document.getElementById('sweets-menu')
-});
-</script>
+  <script>
+    var menu = new Menu({
+      elem: document.getElementById('sweets-menu')
+    });
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/solution.view/index.html b/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/solution.view/index.html
index 2c2d0bfb..c7994709 100755
--- a/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/solution.view/index.html
+++ b/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,51 +8,49 @@
       margin: 0;
       padding: 0;
     }
-
+    
     .menu__item {
       list-style: none;
-
       display: inline-block;
       padding: 6px;
       margin: 0 2px;
-
       border: 1px solid gray;
       border-radius: 10px;
-
       cursor: pointer;
       font-size: 90%;
       background: #FFF5EE;
     }
-
+    
     .menu__vertical-splitter {
       list-style: none;
       display: inline-block;
     }
-
-    .menu__vertical-splitter:before {      
+    
+    .menu__vertical-splitter:before {
       content: "|";
     }
-
+    
     .menu__item a {
       color: black;
       text-decoration: none;
     }
-
+    
     .menu__item a:hover {
       text-decoration: underline;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul class="menu">
-  <li class="menu__item"><a href="#">Главная</a></li>
-  <li class="menu__vertical-splitter"></li>
-  <li class="menu__item"><a href="#">Товары</a></li>
-  <li class="menu__item"><a href="#">Фотографии</a></li>
-  <li class="menu__item"><a href="#">Контакты</a></li>
-</ul>
+  <ul class="menu">
+    <li class="menu__item"><a href="#">Главная</a></li>
+    <li class="menu__vertical-splitter"></li>
+    <li class="menu__item"><a href="#">Товары</a></li>
+    <li class="menu__item"><a href="#">Фотографии</a></li>
+    <li class="menu__item"><a href="#">Контакты</a></li>
+  </ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/source.view/index.html b/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/source.view/index.html
index 61fcadf7..23e27375 100755
--- a/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/source.view/index.html
+++ b/2-ui/5-widgets/3-widgets-markup/1-semantic-menu/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,35 +8,35 @@
       float: left;
       padding: 6px;
       margin: 0 2px;
-
       border: 1px solid gray;
       border-radius: 10px;
-
       cursor: pointer;
       font-size: 90%;
       background: #FFF5EE;
     }
-
+    
     .vertical-splitter {
       float: left;
       padding: 6px;
       margin: 0 2px;
     }
-
+    
     .item:hover {
       text-decoration: underline;
     }
   </style>
 </head>
+
 <body>
 
-<div class="rounded-horizontal-blocks">
-  <div class="item">Главная</div>
-  <div class="vertical-splitter">|</div>
-  <div class="item">Товары</div>
-  <div class="item">Фотографии</div>
-  <div class="item">Контакты</div>
-</div>
+  <div class="rounded-horizontal-blocks">
+    <div class="item">Главная</div>
+    <div class="vertical-splitter">|</div>
+    <div class="item">Товары</div>
+    <div class="item">Фотографии</div>
+    <div class="item">Контакты</div>
+  </div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/4-template-lodash/1-table-template/solution.view/index.html b/2-ui/5-widgets/4-template-lodash/1-table-template/solution.view/index.html
index e24e7ea1..4cffc5b7 100755
--- a/2-ui/5-widgets/4-template-lodash/1-table-template/solution.view/index.html
+++ b/2-ui/5-widgets/4-template-lodash/1-table-template/solution.view/index.html
@@ -1,55 +1,76 @@
 <!DOCTYPE html>
- <html>
- <head>
-   <meta charset="utf-8">
-   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
-   <style>
-     table {
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <style>
+    table {
       border-collapse: collapse;
-     }
-     td {
+    }
+    
+    td {
       border: 1px solid gray;
       padding: 2px 5px;
       text-align: center;
-     }
-    </style>
- </head>
- <body>
+    }
+  </style>
+</head>
 
- <div id="grid-holder"></div>
+<body>
 
-<script type="text/template" id="grid-template">
-<table>
-  <thead>
-  <tr>
-    <th>Имя</th><th>Возраст</th>
-  </tr>
-  </thead>
-  <tbody>
-  <% for(var i=0; i<list.length; i++) { %>
-    <tr><td><%=list[i].name%></td><td><%=list[i].age%></td></tr>
-  <% } %>
-  </tbody>
-</table>
-</script>
+  <div id="grid-holder"></div>
 
-<script>
+  <script type="text/template" id="grid-template">
+    <table>
+      <thead>
+        <tr>
+          <th>Имя</th>
+          <th>Возраст</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% for(var i=0; i<list.length; i++) { %>
+          <tr>
+            <td>
+              <%=list[i].name%>
+            </td>
+            <td>
+              <%=list[i].age%>
+            </td>
+          </tr>
+          <% } %>
+      </tbody>
+    </table>
+  </script>
 
-var users = [
-  {name: "Вася", age: 10},
-  {name: "Петя", age: 15},
-  {name: "Женя", age: 20},
-  {name: "Маша", age: 25},
-  {name: "Даша", age: 30}
-];
+  <script>
+    var users = [{
+      name: "Вася",
+      age: 10
+    }, {
+      name: "Петя",
+      age: 15
+    }, {
+      name: "Женя",
+      age: 20
+    }, {
+      name: "Маша",
+      age: 25
+    }, {
+      name: "Даша",
+      age: 30
+    }];
 
-var tmpl = document.getElementById('grid-template').innerHTML.trim();
-tmpl = _.template(tmpl);
+    var tmpl = document.getElementById('grid-template').innerHTML.trim();
+    tmpl = _.template(tmpl);
 
 
-document.getElementById('grid-holder').innerHTML = tmpl({list: users});
-
-</script>
+    document.getElementById('grid-holder').innerHTML = tmpl({
+      list: users
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/4-template-lodash/1-table-template/source.view/index.html b/2-ui/5-widgets/4-template-lodash/1-table-template/source.view/index.html
index 76ec420c..3b58c4f1 100755
--- a/2-ui/5-widgets/4-template-lodash/1-table-template/source.view/index.html
+++ b/2-ui/5-widgets/4-template-lodash/1-table-template/source.view/index.html
@@ -1,31 +1,41 @@
 <!DOCTYPE html>
- <html>
- <head>
-   <meta charset="utf-8">
-   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
- </head>
- <body>
+<html>
 
- <div id="grid-holder"></div>
+<head>
+  <meta charset="utf-8">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+</head>
 
-<script type="text/template" id="grid-template">
-  ..ваш шаблон..
-</script>
+<body>
 
- <script>
+  <div id="grid-holder"></div>
 
- var users = [
-  {name: "Вася", age: 10},
-  {name: "Петя", age: 15},
-  {name: "Женя", age: 20},
-  {name: "Маша", age: 25},
-  {name: "Даша", age: 30},
-];
+  <script type="text/template" id="grid-template">
+    ..ваш шаблон..
+  </script>
 
-// ваш код, чтобы сгенерировать таблицу с юзерами (table/tr/td) по шаблону и данным users
-// выведите таблицу внутри #grid-holder
+  <script>
+    var users = [{
+      name: "Вася",
+      age: 10
+    }, {
+      name: "Петя",
+      age: 15
+    }, {
+      name: "Женя",
+      age: 20
+    }, {
+      name: "Маша",
+      age: 25
+    }, {
+      name: "Даша",
+      age: 30
+    }, ];
 
- </script>
+    // ваш код, чтобы сгенерировать таблицу с юзерами (table/tr/td) по шаблону и данным users
+    // выведите таблицу внутри #grid-holder
+  </script>
 
- </body>
- </html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/index.html b/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/index.html
index 9604df63..bcca8f1b 100755
--- a/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/index.html
+++ b/2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="menu.css">
@@ -7,41 +8,47 @@
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="menu-template">
-<div class="menu">
-  <span class="title"><%-title%></span>
-</div>
-</script>
+  <script type="text/template" id="menu-template">
+    <div class="menu">
+      <span class="title"><%-title%></span>
+    </div>
+  </script>
 
-<!-- 
+  <!-- 
 встроенная браузерная функция encodeURIComponent кодирует спец-символы для URL,
 например русские буквы и пробелы 
 в этом примере русских букв в ключах items нет, но потенциально они возможны
 -->
-<script type="text/template" id="menu-list-template">
-<ul>
-  <% for(var name in items) { %>
-  <li><a href="#<%=encodeURIComponent(name)%>"><%-items[name]%></a></li>
-  <% } %>
-</ul>
-</script>
+  <script type="text/template" id="menu-list-template">
+    <ul>
+      <% for(var name in items) { %>
+        <li>
+          <a href="#<%=encodeURIComponent(name)%>">
+            <%-items[name]%>
+          </a>
+        </li>
+        <% } %>
+    </ul>
+  </script>
 
-<script>
-var menu = new Menu({ 
-  title: "Сладости",
-  template: _.template( document.getElementById('menu-template').innerHTML.trim()),
-  listTemplate: _.template( document.getElementById('menu-list-template').innerHTML.trim()),
-  items: {
-    cake: "Торт", // cake  <a href="#cake">Торт</a>
-    donut: "Пончик", // donut
-    chokolate: "Шоколадка" // chokolate
-  }
-});
+  <script>
+    var menu = new Menu({
+      title: "Сладости",
+      template: _.template(document.getElementById('menu-template').innerHTML.trim()),
+      listTemplate: _.template(document.getElementById('menu-list-template').innerHTML.trim()),
+      items: {
+        cake: "Торт", // cake  <a href="#cake">Торт</a>
+        donut: "Пончик", // donut
+        chokolate: "Шоколадка" // chokolate
+      }
+    });
 
-document.body.appendChild(menu.getElem());
-</script>
+    document.body.appendChild(menu.getElem());
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/index.html b/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/index.html
index 8f5e3251..6cfeb123 100755
--- a/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/index.html
+++ b/2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="menu.css">
@@ -7,36 +8,40 @@
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="menu-template">
-<div class="menu">
-  <span class="title"><%-title%></span>
-</div>
-</script>
+  <script type="text/template" id="menu-template">
+    <div class="menu">
+      <span class="title"><%-title%></span>
+    </div>
+  </script>
 
-<script type="text/template" id="menu-list-template">
-<ul>
-  <% items.forEach(function(item) { %>
-  <li><%-item%></li>
-  <% }); %>
-</ul>
-</script>
+  <script type="text/template" id="menu-list-template">
+    <ul>
+      <% items.forEach(function(item) { %>
+        <li>
+          <%-item%>
+        </li>
+        <% }); %>
+    </ul>
+  </script>
 
-<script>
-var menu = new Menu({ 
-  title: "Сладости",
-  template: _.template( document.getElementById('menu-template').innerHTML.trim()),
-  listTemplate: _.template( document.getElementById('menu-list-template').innerHTML.trim()),
-  items: [
-    "Торт", // cake  <a href="#cake">Торт</a>
-    "Пончик", // donut
-    "Шоколадка" // chokolate
-  ]
-});
+  <script>
+    var menu = new Menu({
+      title: "Сладости",
+      template: _.template(document.getElementById('menu-template').innerHTML.trim()),
+      listTemplate: _.template(document.getElementById('menu-list-template').innerHTML.trim()),
+      items: [
+        "Торт", // cake  <a href="#cake">Торт</a>
+        "Пончик", // donut
+        "Шоколадка" // chokolate
+      ]
+    });
 
-document.body.appendChild(menu.getElem());
-</script>
+    document.body.appendChild(menu.getElem());
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/4-template-lodash/menu-template.view/index.html b/2-ui/5-widgets/4-template-lodash/menu-template.view/index.html
index f2db58da..45f9f695 100644
--- a/2-ui/5-widgets/4-template-lodash/menu-template.view/index.html
+++ b/2-ui/5-widgets/4-template-lodash/menu-template.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="menu.css">
@@ -7,38 +8,42 @@
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="menu-template">
-<div class="menu">
-  <span class="title"><%-title%></span>
-</div>
-</script>
+  <script type="text/template" id="menu-template">
+    <div class="menu">
+      <span class="title"><%-title%></span>
+    </div>
+  </script>
 
-<script type="text/template" id="menu-list-template">
-<ul>
-  <% items.forEach(function(item) { %>
-  <li><%-item%></li>
-  <% }); %>
-</ul>
-</script>
+  <script type="text/template" id="menu-list-template">
+    <ul>
+      <% items.forEach(function(item) { %>
+        <li>
+          <%-item%>
+        </li>
+        <% }); %>
+    </ul>
+  </script>
 
-<script>
-var menu = new Menu({ 
-  title: "Сладости",
-  template: _.template( document.getElementById('menu-template').innerHTML),
-  listTemplate: _.template( document.getElementById('menu-list-template').innerHTML),
-  items: [
-    "Торт",
-    "Пончик",
-    "Пирожное",
-    "Шоколадка",
-    "Мороженое"
-  ]
-});
+  <script>
+    var menu = new Menu({
+      title: "Сладости",
+      template: _.template(document.getElementById('menu-template').innerHTML),
+      listTemplate: _.template(document.getElementById('menu-list-template').innerHTML),
+      items: [
+        "Торт",
+        "Пончик",
+        "Пирожное",
+        "Шоколадка",
+        "Мороженое"
+      ]
+    });
 
-document.body.appendChild(menu.getElem());
-</script>
+    document.body.appendChild(menu.getElem());
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/4-template-lodash/template-error-sourceurl.view/index.html b/2-ui/5-widgets/4-template-lodash/template-error-sourceurl.view/index.html
index 11f2d99d..0ec43e8c 100644
--- a/2-ui/5-widgets/4-template-lodash/template-error-sourceurl.view/index.html
+++ b/2-ui/5-widgets/4-template-lodash/template-error-sourceurl.view/index.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html>
 <html>
+
 <body>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
 
-<script type="text/template" id="menu-template">
-<div class="menu">
-  <span class="title"><%-title%>
+  <script type="text/template" id="menu-template">
+    <div class="menu">
+      <span class="title"><%-title%>
   <ul>
   <% items.forEach(function(item) { %>
     <li><%-item%></li>
@@ -27,5 +28,4 @@
 </script>
 
 </body>
-</html>
-
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/1-voter-events/solution.view/index.html b/2-ui/5-widgets/5-custom-events/1-voter-events/solution.view/index.html
index 6b80f167..711dbab2 100755
--- a/2-ui/5-widgets/5-custom-events/1-voter-events/solution.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/1-voter-events/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,7 +8,9 @@
       font-family: Consolas, "Lucida Console", monospace;
       font-size: 18px;
     }
-    .up, .down {
+    
+    .up,
+    .down {
       cursor: pointer;
       color: blue;
       font-weight: bold;
@@ -16,27 +19,27 @@
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvent,Element.prototype.closest"></script>
   <script src="voter.js"></script>
 </head>
+
 <body>
 
-<div id="voter" class="voter">
-  <span class="down">—</span>
-  <span class="vote">0</span>
-  <span class="up">+</span>
-</div>
+  <div id="voter" class="voter">
+    <span class="down">—</span>
+    <span class="vote">0</span>
+    <span class="up">+</span>
+  </div>
 
-<script>
-var voter = new Voter({
-  elem: document.getElementById('voter')
-});
+  <script>
+    var voter = new Voter({
+      elem: document.getElementById('voter')
+    });
 
-voter.setVote(5);
+    voter.setVote(5);
 
-document.getElementById('voter').addEventListener('change', function(e) {
-  alert(e.detail);
-});
-
-</script>
+    document.getElementById('voter').addEventListener('change', function(e) {
+      alert(e.detail);
+    });
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/index.html b/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/index.html
index a8153c03..3c52ba3e 100755
--- a/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/2-selectable-list-evented/solution.view/index.html
@@ -1,36 +1,38 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvent,Element.prototype.closest"></script>
   <script src="listSelect.js"></script>
 </head>
+
 <body>
 
-Клик на элементе выделяет только его.<br>
-Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.<br>
-Shift+Клик добавляет промежуток от последнего кликнутого к выделению.<br>
+  Клик на элементе выделяет только его.
+  <br> Ctrl(Cmd)+Клик добавляет/убирает элемент из выделенных.
+  <br> Shift+Клик добавляет промежуток от последнего кликнутого к выделению.
+  <br>
 
-<ul id="heroes">
-<li>Кристофер Робин</li>
-<li>Винни-Пух</li>
-<li>Ослик Иа</li>
-<li>Мудрая Сова</li>
-<li>Кролик. Просто кролик.</li>
-</ul>
+  <ul id="heroes">
+    <li>Кристофер Робин</li>
+    <li>Винни-Пух</li>
+    <li>Ослик Иа</li>
+    <li>Мудрая Сова</li>
+    <li>Кролик. Просто кролик.</li>
+  </ul>
 
-<script>
-var listSelect = new ListSelect({
-  elem: document.querySelector('#heroes')
-});
+  <script>
+    var listSelect = new ListSelect({
+      elem: document.querySelector('#heroes')
+    });
 
-document.querySelector('#heroes').addEventListener('select', function(event) {
-  alert(event.value);
-});
-
-
-</script>
+    document.querySelector('#heroes').addEventListener('select', function(event) {
+      alert(event.value);
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/index.html b/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/index.html
index 7cde5554..adf95010 100755
--- a/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/index.html
@@ -1,51 +1,53 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <title>Селект</title>
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvent,Element.prototype.closest"></script>
-  <link rel="stylesheet" href="customselect.css"/>
+  <link rel="stylesheet" href="customselect.css" />
   <script src="customselect.js"></script>
 </head>
+
 <body>
 
-<div>Последний результат: <span id="result">...</span></div>
+  <div>Последний результат: <span id="result">...</span></div>
 
-<div id="animal-select" class="customselect">
-  <button class="title">Выберите</button>
-  <ul>
-    <!-- значение хранится в свойстве data-value -->
-    <li data-value="bird">Птицы</li>
-    <li data-value="fish">Рыбы</li>
-    <li data-value="animal">Звери</li>
-    <li data-value="dino">Динозавры</li>
-    <li data-value="simplest">Одноклеточные</li>
-  </ul>
-</div>
+  <div id="animal-select" class="customselect">
+    <button class="title">Выберите</button>
+    <ul>
+      <!-- значение хранится в свойстве data-value -->
+      <li data-value="bird">Птицы</li>
+      <li data-value="fish">Рыбы</li>
+      <li data-value="animal">Звери</li>
+      <li data-value="dino">Динозавры</li>
+      <li data-value="simplest">Одноклеточные</li>
+    </ul>
+  </div>
 
-<div id="food-select" class="customselect">
-  <button class="title">Выберите</button>
-  <ul>
-    <li data-value="carnivore">Плотоядные</li>
-    <li data-value="herbivore">Травоядные</li>
-    <li data-value="omnivore">Всеядные</li>
-  </ul>
-</div>
+  <div id="food-select" class="customselect">
+    <button class="title">Выберите</button>
+    <ul>
+      <li data-value="carnivore">Плотоядные</li>
+      <li data-value="herbivore">Травоядные</li>
+      <li data-value="omnivore">Всеядные</li>
+    </ul>
+  </div>
 
 
-<script>
-  var animalSelect = new CustomSelect({
-    elem: document.getElementById('animal-select')
-  });
+  <script>
+    var animalSelect = new CustomSelect({
+      elem: document.getElementById('animal-select')
+    });
 
-  var foodSelect = new CustomSelect({
-    elem: document.getElementById('food-select')
-  });
+    var foodSelect = new CustomSelect({
+      elem: document.getElementById('food-select')
+    });
 
-  document.addEventListener('select', function (event) {
-    document.getElementById('result').innerHTML = event.detail.value;
-  });
-
-</script>
+    document.addEventListener('select', function(event) {
+      document.getElementById('result').innerHTML = event.detail.value;
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/index.html b/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/index.html
index 5119c7ee..7088eadd 100755
--- a/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/3-custom-select/source.view/index.html
@@ -1,52 +1,54 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <title>Селект</title>
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvent,Element.prototype.closest"></script>
-  <link rel="stylesheet" href="customselect.css"/>
+  <link rel="stylesheet" href="customselect.css" />
   <!-- для вашего кода -->
   <script src="customselect.js"></script>
 </head>
+
 <body>
 
-<div>Последний результат: <span id="result">...</span></div>
+  <div>Последний результат: <span id="result">...</span></div>
 
-<div id="animal-select" class="customselect">
-  <button class="title">Выберите</button>
-  <ul>
-    <!-- значение хранится в свойстве data-value -->
-    <li data-value="bird">Птицы</li>
-    <li data-value="fish">Рыбы</li>
-    <li data-value="animal">Звери</li>
-    <li data-value="dino">Динозавры</li>
-    <li data-value="simplest">Одноклеточные</li>
-  </ul>
-</div>
+  <div id="animal-select" class="customselect">
+    <button class="title">Выберите</button>
+    <ul>
+      <!-- значение хранится в свойстве data-value -->
+      <li data-value="bird">Птицы</li>
+      <li data-value="fish">Рыбы</li>
+      <li data-value="animal">Звери</li>
+      <li data-value="dino">Динозавры</li>
+      <li data-value="simplest">Одноклеточные</li>
+    </ul>
+  </div>
 
-<div id="food-select" class="customselect">
-  <button class="title">Выберите</button>
-  <ul>
-    <li data-value="carnivore">Плотоядные</li>
-    <li data-value="herbivore">Травоядные</li>
-    <li data-value="omnivore">Всеядные</li>
-  </ul>
-</div>
+  <div id="food-select" class="customselect">
+    <button class="title">Выберите</button>
+    <ul>
+      <li data-value="carnivore">Плотоядные</li>
+      <li data-value="herbivore">Травоядные</li>
+      <li data-value="omnivore">Всеядные</li>
+    </ul>
+  </div>
 
 
-<script>
-  var animalSelect = new CustomSelect({
-    elem: document.getElementById('animal-select')
-  });
+  <script>
+    var animalSelect = new CustomSelect({
+      elem: document.getElementById('animal-select')
+    });
 
-  var foodSelect = new CustomSelect({
-    elem: document.getElementById('food-select')
-  });
+    var foodSelect = new CustomSelect({
+      elem: document.getElementById('food-select')
+    });
 
-  document.addEventListener('select', function (event) {
-    document.getElementById('result').innerHTML = event.detail.value;
-  });
-
-</script>
+    document.addEventListener('select', function(event) {
+      document.getElementById('result').innerHTML = event.detail.value;
+    });
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/index.html b/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/index.html
index c605ee28..45f23500 100644
--- a/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/4-slider-events/solution.view/index.html
@@ -1,44 +1,42 @@
 <!DOCTYPE html>
 <html>
-  
-  <head>
-    <meta charset="utf-8">
-    <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvents,Element.prototype.closest"></script>
-    <link rel="stylesheet" href="slider.css">
-    <script src="slider.js"></script>
-  </head>
-  
-  <body>
-    <div id="slider" class="slider">
-      <div class="thumb"></div>
-    </div>
 
-    
-    Slide:<span id="slide">&nbsp;</span>
-    Change:<span id="change">&nbsp;</span>
+<head>
+  <meta charset="utf-8">
+  <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvents,Element.prototype.closest"></script>
+  <link rel="stylesheet" href="slider.css">
+  <script src="slider.js"></script>
+</head>
 
-    <button onclick="slider.setValue(50)">slider.setValue(50)</button>
-    
-    <script>
+<body>
+  <div id="slider" class="slider">
+    <div class="thumb"></div>
+  </div>
 
-      var sliderElem = document.getElementById('slider');
 
-      var slider = new Slider({
-        elem: sliderElem,
-        max: 100
-      });
+  Slide:<span id="slide">&nbsp;</span> Change:
+  <span id="change">&nbsp;</span>
 
-      sliderElem.addEventListener('slide', function(event) {
-        document.getElementById('slide').innerHTML = event.detail;
-      });
+  <button onclick="slider.setValue(50)">slider.setValue(50)</button>
 
-      sliderElem.addEventListener('change', function(event) {
-        document.getElementById('change').innerHTML = event.detail;
-      });
+  <script>
+    var sliderElem = document.getElementById('slider');
 
-    </script>
+    var slider = new Slider({
+      elem: sliderElem,
+      max: 100
+    });
 
-    
-  </body>
+    sliderElem.addEventListener('slide', function(event) {
+      document.getElementById('slide').innerHTML = event.detail;
+    });
 
-</html>
+    sliderElem.addEventListener('change', function(event) {
+      document.getElementById('change').innerHTML = event.detail;
+    });
+  </script>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/menu-callback.view/index.html b/2-ui/5-widgets/5-custom-events/menu-callback.view/index.html
index 9e542343..458045ab 100755
--- a/2-ui/5-widgets/5-custom-events/menu-callback.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/menu-callback.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="menu.css">
@@ -7,46 +8,52 @@
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="menu-template">
-<div class="menu">
-  <span class="title"><%-title%></span>
-</div>
-</script>
+  <script type="text/template" id="menu-template">
+    <div class="menu">
+      <span class="title"><%-title%></span>
+    </div>
+  </script>
 
-<!-- 
+  <!-- 
 встроенная браузерная функция encodeURIComponent кодирует спец-символы для URL,
 например русские буквы и пробелы 
 в этом примере русских букв в ключах items нет, но потенциально они возможны
 -->
-<script type="text/template" id="menu-list-template">
-<ul>
-  <% for(var name in items) { %>
-  <li><a href="#<%=encodeURIComponent(name)%>"><%-items[name]%></a></li>
-  <% } %>
-</ul>
-</script>
+  <script type="text/template" id="menu-list-template">
+    <ul>
+      <% for(var name in items) { %>
+        <li>
+          <a href="#<%=encodeURIComponent(name)%>">
+            <%-items[name]%>
+          </a>
+        </li>
+        <% } %>
+    </ul>
+  </script>
 
-<script>
-var menu = new Menu({ 
-  title: "Сладости",
-  template: _.template( document.getElementById('menu-template').innerHTML.trim()),
-  listTemplate: _.template( document.getElementById('menu-list-template').innerHTML.trim()),
-  items: {
-    cake: "Торт", // cake  <a href="#cake">Торт</a>
-    donut: "Пончик", // donut
-    chokolate: "Шоколадка" // chokolate
-  },
-  onselect: showSelected
-});
+  <script>
+    var menu = new Menu({
+      title: "Сладости",
+      template: _.template(document.getElementById('menu-template').innerHTML.trim()),
+      listTemplate: _.template(document.getElementById('menu-list-template').innerHTML.trim()),
+      items: {
+        cake: "Торт", // cake  <a href="#cake">Торт</a>
+        donut: "Пончик", // donut
+        chokolate: "Шоколадка" // chokolate
+      },
+      onselect: showSelected
+    });
 
-function showSelected(itemName) {
-  alert(itemName);
-}
+    function showSelected(itemName) {
+      alert(itemName);
+    }
 
-document.body.appendChild(menu.getElem());
-</script>
+    document.body.appendChild(menu.getElem());
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/2-ui/5-widgets/5-custom-events/menu-event.view/index.html b/2-ui/5-widgets/5-custom-events/menu-event.view/index.html
index 9c255db4..777e3304 100755
--- a/2-ui/5-widgets/5-custom-events/menu-event.view/index.html
+++ b/2-ui/5-widgets/5-custom-events/menu-event.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="menu.css">
@@ -7,41 +8,46 @@
   <script src="https://cdn.polyfill.io/v1/polyfill.js?features=CustomEvent,Element.prototype.closest"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="menu-template">
-<div class="menu">
-  <span class="title"><%-title%></span>
-</div>
-</script>
+  <script type="text/template" id="menu-template">
+    <div class="menu">
+      <span class="title"><%-title%></span>
+    </div>
+  </script>
 
-<script type="text/template" id="menu-list-template">
-<ul>
-  <% for(var name in items) { %>
-  <li><a href="#<%=encodeURIComponent(name)%>"><%-items[name]%></a></li>
-  <% } %>
-</ul>
-</script>
+  <script type="text/template" id="menu-list-template">
+    <ul>
+      <% for(var name in items) { %>
+        <li>
+          <a href="#<%=encodeURIComponent(name)%>">
+            <%-items[name]%>
+          </a>
+        </li>
+        <% } %>
+    </ul>
+  </script>
 
-<script>
-var menu = new Menu({ 
-  title: "Сладости",
-  template: _.template( document.getElementById('menu-template').innerHTML.trim()),
-  listTemplate: _.template( document.getElementById('menu-list-template').innerHTML.trim()),
-  items: {
-    cake: "Торт", // cake  <a href="#cake">Торт</a>
-    donut: "Пончик", // donut
-    chokolate: "Шоколадка" // chokolate
-  }
-});
+  <script>
+    var menu = new Menu({
+      title: "Сладости",
+      template: _.template(document.getElementById('menu-template').innerHTML.trim()),
+      listTemplate: _.template(document.getElementById('menu-list-template').innerHTML.trim()),
+      items: {
+        cake: "Торт", // cake  <a href="#cake">Торт</a>
+        donut: "Пончик", // donut
+        chokolate: "Шоколадка" // chokolate
+      }
+    });
 
-var elem = menu.getElem();
-document.body.appendChild(elem);
-elem.addEventListener('select', function(event) {
-  alert(event.detail);
-});
-
-</script>
+    var elem = menu.getElem();
+    document.body.appendChild(elem);
+    elem.addEventListener('select', function(event) {
+      alert(event.detail);
+    });
+  </script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/6-link-import/import-show.view/index.html b/3-webcomponents/6-link-import/import-show.view/index.html
index bdec116e..0dc9468d 100644
--- a/3-webcomponents/6-link-import/import-show.view/index.html
+++ b/3-webcomponents/6-link-import/import-show.view/index.html
@@ -1,18 +1,17 @@
 <!DOCTYPE HTML>
 <html>
-  <body>
-  
-    <script>
-      
-      function show() {
-        var time = link.import.querySelector('time')
-        document.body.appendChild(time);
-      };
 
-    </script>
-  
-    <link rel="import" id="link" onload="show()" href="timer.html"> 
+<body>
 
-  </body>
+  <script>
+    function show() {
+      var time = link.import.querySelector('time')
+      document.body.appendChild(time);
+    };
+  </script>
+
+  <link rel="import" id="link" onload="show()" href="timer.html">
+
+</body>
 
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/6-link-import/import-show.view/timer.html b/3-webcomponents/6-link-import/import-show.view/timer.html
index 7ec24e30..39df6eec 100644
--- a/3-webcomponents/6-link-import/import-show.view/timer.html
+++ b/3-webcomponents/6-link-import/import-show.view/timer.html
@@ -1,18 +1,19 @@
 <!DOCTYPE HTML>
 <html>
-  <body>
-    
-    <time id="timer">0</time>
 
-    <script>
-      var localDocument = document.currentScript.ownerDocument;
-      var timer = localDocument.getElementById('timer');
-      
-      var timerId = setInterval(function() {
-        timer.innerHTML++;
-      }, 1000);  
+<body>
+
+  <time id="timer">0</time>
+
+  <script>
+    var localDocument = document.currentScript.ownerDocument;
+    var timer = localDocument.getElementById('timer');
+
+    var timerId = setInterval(function() {
+      timer.innerHTML++;
+    }, 1000);
+  </script>
+
+</body>
 
-    </script>
-    
-  </body>
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/6-link-import/import-style.view/index.html b/3-webcomponents/6-link-import/import-style.view/index.html
index 5250c1d8..2684a1c3 100644
--- a/3-webcomponents/6-link-import/import-style.view/index.html
+++ b/3-webcomponents/6-link-import/import-style.view/index.html
@@ -1,7 +1,10 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <link rel="import" id="link" href="timer.html">
-  </head>
-  <body></body>
+
+<head>
+  <link rel="import" id="link" href="timer.html">
+</head>
+
+<body></body>
+
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/6-link-import/import-style.view/timer.html b/3-webcomponents/6-link-import/import-style.view/timer.html
index 6f4fdef4..bcad12f4 100644
--- a/3-webcomponents/6-link-import/import-style.view/timer.html
+++ b/3-webcomponents/6-link-import/import-style.view/timer.html
@@ -1,25 +1,29 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <style>
-      #timer { color: red; }
-    </style>
-  </head>
-  <body>
-    
-    <p id="timer">0</p>
 
-    <script>
-      var localDocument = document.currentScript.ownerDocument;
-      var timer = localDocument.getElementById('timer');
-      
-      var timerId = setInterval(function() {
-        timer.innerHTML++;
-      }, 1000);  
+<head>
+  <style>
+    #timer {
+      color: red;
+    }
+  </style>
+</head>
 
-      document.body.appendChild(timer);
+<body>
+
+  <p id="timer">0</p>
+
+  <script>
+    var localDocument = document.currentScript.ownerDocument;
+    var timer = localDocument.getElementById('timer');
+
+    var timerId = setInterval(function() {
+      timer.innerHTML++;
+    }, 1000);
+
+    document.body.appendChild(timer);
+  </script>
+
+</body>
 
-    </script>
-    
-  </body>
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/7-webcomponent-build/message.view/index.html b/3-webcomponents/7-webcomponent-build/message.view/index.html
index 36fc134f..c50f60bf 100644
--- a/3-webcomponents/7-webcomponent-build/message.view/index.html
+++ b/3-webcomponents/7-webcomponent-build/message.view/index.html
@@ -1,15 +1,17 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="import" id="link" href="ui-message.html">
   <style>
-  ui-message {
-    width: 80%;
-    margin: auto;
-  }
+    ui-message {
+      width: 80%;
+      margin: auto;
+    }
   </style>
 </head>
+
 <body>
 
   <ui-message class="info">Доброе утро, страна!</ui-message>
@@ -17,4 +19,5 @@
   <ui-message class="warning">Внимание-внимание! Говорит информбюро!</ui-message>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/7-webcomponent-build/message.view/ui-message.html b/3-webcomponents/7-webcomponent-build/message.view/ui-message.html
index 81c93825..ddd61bdd 100644
--- a/3-webcomponents/7-webcomponent-build/message.view/ui-message.html
+++ b/3-webcomponents/7-webcomponent-build/message.view/ui-message.html
@@ -1,51 +1,55 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
 
-<template id="tmpl">
-  <style>
-  .content {
-    min-height: 20px;
-    padding: 19px;
-    margin-bottom: 20px;
-    background-color: #f5f5f5;
-    border: 1px solid #e3e3e3;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
-  }
+  <template id="tmpl">
+    <style>
+      .content {
+        min-height: 20px;
+        padding: 19px;
+        margin-bottom: 20px;
+        background-color: #f5f5f5;
+        border: 1px solid #e3e3e3;
+        border-radius: 4px;
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
+      }
+      
+      :host {
+        display: block;
+      }
+      
+      :host(.info) .content {
+        color: green;
+      }
+      
+      :host(.warning) .content {
+        color: red;
+      }
+    </style>
+    <div class="content">
+      <content></content>
+    </div>
+  </template>
 
-  :host {
-    display: block;
-  }
+  <script>
+    ! function() {
+      var localDocument = document.currentScript.ownerDocument;
+      var tmpl = localDocument.getElementById('tmpl');
 
-  :host(.info) .content {
-    color: green;
-  }
-  
-  :host(.warning) .content {
-    color: red;
-  }
-  </style>
-  <div class="content"><content></content></div>
-</template>
+      var MessageProto = Object.create(HTMLElement.prototype);
 
-<script>
-  !function() {
-    var localDocument = document.currentScript.ownerDocument;
-    var tmpl = localDocument.getElementById('tmpl');
+      MessageProto.createdCallback = function() {
+        var root = this.createShadowRoot();
+        root.appendChild(tmpl.content.cloneNode(true));
+      };
 
-    var MessageProto = Object.create(HTMLElement.prototype);
+      document.registerElement('ui-message', {
+        prototype: MessageProto
+      });
+    }();
+  </script>
 
-    MessageProto.createdCallback = function() {
-      var root = this.createShadowRoot();
-      root.appendChild(tmpl.content.cloneNode(true));
-    };
-
-    document.registerElement('ui-message', {
-      prototype: MessageProto
-    });
-  }();
-</script>
-  
 </body>
+
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/7-webcomponent-build/ui-slider.view/index.html b/3-webcomponents/7-webcomponent-build/ui-slider.view/index.html
index a2299b15..4cb7a52e 100644
--- a/3-webcomponents/7-webcomponent-build/ui-slider.view/index.html
+++ b/3-webcomponents/7-webcomponent-build/ui-slider.view/index.html
@@ -1,26 +1,29 @@
 <!DOCTYPE HTML>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <link rel="import" id="link" href="ui-slider.html">
-    <style>
-      ui-slider {
-        width: 300px;
-        margin: 10px;
-      }
-    </style>
-  </head>
-  <body>
-    
-    <ui-slider min="0" max="1000" id="elem"></ui-slider>
-    
-    <script>
-      elem.addEventListener("slide", function(e) {
-        value.innerHTML = e.detail.value; // = this.value
-      });
-    </script>
-    
-    <div id="value">0</div>
-    
-  </body>
+
+<head>
+  <meta charset="utf-8">
+  <link rel="import" id="link" href="ui-slider.html">
+  <style>
+    ui-slider {
+      width: 300px;
+      margin: 10px;
+    }
+  </style>
+</head>
+
+<body>
+
+  <ui-slider min="0" max="1000" id="elem"></ui-slider>
+
+  <script>
+    elem.addEventListener("slide", function(e) {
+      value.innerHTML = e.detail.value; // = this.value
+    });
+  </script>
+
+  <div id="value">0</div>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/3-webcomponents/7-webcomponent-build/ui-slider.view/ui-slider.html b/3-webcomponents/7-webcomponent-build/ui-slider.view/ui-slider.html
index 771b63df..7937dc24 100644
--- a/3-webcomponents/7-webcomponent-build/ui-slider.view/ui-slider.html
+++ b/3-webcomponents/7-webcomponent-build/ui-slider.view/ui-slider.html
@@ -1,56 +1,60 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <link rel="import" href="jquery.html">
 </head>
+
 <body>
 
-<template id="tmpl">
-  <style>
-    @import url(http://code.jquery.com/ui/1.11.3/themes/ui-lightness/jquery-ui.css);
+  <template id="tmpl">
+    <style>
+      @import url(http://code.jquery.com/ui/1.11.3/themes/ui-lightness/jquery-ui.css);
+      :host {
+        display: block;
+      }
+    </style>
+    <div id="slider"></div>
+  </template>
 
-    :host { 
-      display: block;
-    }
-  </style>
-  <div id="slider"></div>
-</template>
+  <script>
+    ! function() {
+      var localDocument = document.currentScript.ownerDocument;
+      var tmpl = localDocument.getElementById('tmpl');
 
-<script>
-!function() {
-var localDocument = document.currentScript.ownerDocument;
-var tmpl = localDocument.getElementById('tmpl');
+      var SliderProto = Object.create(HTMLElement.prototype);
 
-var SliderProto = Object.create(HTMLElement.prototype);
+      SliderProto.createdCallback = function() {
+        var root = this.createShadowRoot();
+        root.appendChild(tmpl.content.cloneNode(true));
 
-SliderProto.createdCallback = function() {
-  var root = this.createShadowRoot();
-  root.appendChild(tmpl.content.cloneNode(true));
+        this.$slider = $(root.getElementById('slider'));
 
-  this.$slider = $(root.getElementById('slider'));
-  
-  var self = this;
+        var self = this;
 
-  this.$slider.slider({
-    min: +this.getAttribute('min') || 0,
-    max: +this.getAttribute('max') || 100,
-    value: this.getAttribute('value') || 0,
-    slide: function() {
-      var event = new CustomEvent("slide", {
-        detail: { value: self.$slider.slider("option", "value") },
-        bubbles: true
+        this.$slider.slider({
+          min: +this.getAttribute('min') || 0,
+          max: +this.getAttribute('max') || 100,
+          value: this.getAttribute('value') || 0,
+          slide: function() {
+            var event = new CustomEvent("slide", {
+              detail: {
+                value: self.$slider.slider("option", "value")
+              },
+              bubbles: true
+            });
+            self.dispatchEvent(event);
+          }
+        });
+      };
+
+
+      document.registerElement('ui-slider', {
+        prototype: SliderProto
       });
-      self.dispatchEvent(event);
-    }
-  });
-};
+    }();
+  </script>
 
-
-document.registerElement('ui-slider', {
-  prototype: SliderProto
-});
-}();
-</script>
-  
 </body>
+
 </html>
\ No newline at end of file
diff --git a/4-ajax/1-ajax-intro/tree.html b/4-ajax/1-ajax-intro/tree.html
index b709aa4a..f92bf6ed 100644
--- a/4-ajax/1-ajax-intro/tree.html
+++ b/4-ajax/1-ajax-intro/tree.html
@@ -1,27 +1,30 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-	<meta charset="utf-8">
-	<link rel="stylesheet" type="text/css" href="tree.css">
-	<script src="http://code.jquery.com/jquery.min.js"></script>
-	<script src="tree.js"></script>
+  <meta charset="utf-8">
+  <link rel="stylesheet" type="text/css" href="tree.css">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="tree.js"></script>
 </head>
+
 <body>
 
-Дерево с подгрузкой узлов (рабочее):
-<ul class="Container" id="tree">
-  <li class="Node IsRoot IsLast ExpandClosed">
-    <div class="Expand"></div>
-    <div class="Content">Каталог</div>
-    <ul class="Container">
-    </ul>
-  </li>
-</ul>
+  Дерево с подгрузкой узлов (рабочее):
+  <ul class="Container" id="tree">
+    <li class="Node IsRoot IsLast ExpandClosed">
+      <div class="Expand"></div>
+      <div class="Content">Каталог</div>
+      <ul class="Container">
+      </ul>
+    </li>
+  </ul>
 
-<script>
-	tree("tree", "data.php");
-</script>
+  <script>
+    tree("tree", "data.php");
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/10-ajax-jsonp/jsonp.view/index.html b/4-ajax/10-ajax-jsonp/jsonp.view/index.html
index d4cbb4c2..591c42a7 100644
--- a/4-ajax/10-ajax-jsonp/jsonp.view/index.html
+++ b/4-ajax/10-ajax-jsonp/jsonp.view/index.html
@@ -1,30 +1,33 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <script src="scriptRequest.js"></script>
 </head>
+
 <body>
 
-<script>
-function ok(data) {
-  alert("Загружен пользователь " + data.id + ": " + data.name);
-}
+  <script>
+    function ok(data) {
+      alert("Загружен пользователь " + data.id + ": " + data.name);
+    }
 
-function fail(url) {
-  alert('Ошибка при запросе ' + url);
-}
+    function fail(url) {
+      alert('Ошибка при запросе ' + url);
+    }
+
+    function go() {
+      // ответы могут приходить в любой последовательности!
+      scriptRequest("user?id=123", ok, fail); // Загружен
+      scriptRequest("/badurl.js", ok, fail); // fail, 404
+      scriptRequest("index.html", ok, fail); // fail, 200 но некорректный скрипт
+    }
+  </script>
+
+  <button onclick='go()'>Сделать запросы</button>
 
-function go() {
-  // ответы могут приходить в любой последовательности!
-  scriptRequest("user?id=123", ok, fail); // Загружен
-  scriptRequest("/badurl.js", ok, fail); // fail, 404
-  scriptRequest("index.html", ok, fail); // fail, 200 но некорректный скрипт
-}
-</script>
 
-<button onclick='go()'>Сделать запросы</button>
-  
-      
 </body>
+
 </html>
\ No newline at end of file
diff --git a/4-ajax/11-server-sent-events/eventsource.view/index.html b/4-ajax/11-server-sent-events/eventsource.view/index.html
index fb82827f..0b831e96 100644
--- a/4-ajax/11-server-sent-events/eventsource.view/index.html
+++ b/4-ajax/11-server-sent-events/eventsource.view/index.html
@@ -1,61 +1,62 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script>
-  
-  var eventSource;
+  <meta charset="utf-8">
+  <script>
+    var eventSource;
 
-  function start() { // при нажатии на Старт
+    function start() { // при нажатии на Старт
 
-    if (!window.EventSource) {
-      alert('В этом браузере нет поддержки EventSource.');
-      return;
-    } 
-    
-    eventSource = new EventSource('digits');
-
-    eventSource.onopen = function(e) {
-      log("Соединение открыто");
-    };
-
-    eventSource.onerror = function(e) {
-      if (this.readyState == EventSource.CONNECTING) {      
-        log("Соединение порвалось, пересоединяемся...");
-      } else {
-        log("Ошибка, состояние: " + this.readyState);
+      if (!window.EventSource) {
+        alert('В этом браузере нет поддержки EventSource.');
+        return;
       }
-    };
 
-    eventSource.addEventListener('bye', function(e) {
-      log("Bye: " + e.data);
-    }, false);
+      eventSource = new EventSource('digits');
 
-    eventSource.onmessage = function(e) {
-      console.log(e);
-      log(e.data);
-    };
-  }
+      eventSource.onopen = function(e) {
+        log("Соединение открыто");
+      };
 
-  function stop() { // при нажатии на Стоп
-    eventSource.close();
-    log("Соединение завершено");
-  }
+      eventSource.onerror = function(e) {
+        if (this.readyState == EventSource.CONNECTING) {
+          log("Соединение порвалось, пересоединяемся...");
+        } else {
+          log("Ошибка, состояние: " + this.readyState);
+        }
+      };
 
-  function log(msg) {
-    logElem.innerHTML += msg + "<br>";
-  }
-  
-</script>
+      eventSource.addEventListener('bye', function(e) {
+        log("Bye: " + e.data);
+      }, false);
+
+      eventSource.onmessage = function(e) {
+        console.log(e);
+        log(e.data);
+      };
+    }
+
+    function stop() { // при нажатии на Стоп
+      eventSource.close();
+      log("Соединение завершено");
+    }
+
+    function log(msg) {
+      logElem.innerHTML += msg + "<br>";
+    }
+  </script>
 </head>
+
 <body>
 
-<button onclick="start()">Старт</button>
-<button onclick="stop()">Стоп</button>
+  <button onclick="start()">Старт</button>
+  <button onclick="stop()">Стоп</button>
 
-Нажмите "Старт" для начала.
-<div id="logElem"></div>
+  Нажмите "Старт" для начала.
+  <div id="logElem"></div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/12-ajax-iframe/date-activex.view/index.html b/4-ajax/12-ajax-iframe/date-activex.view/index.html
index e662eedb..92682ffc 100644
--- a/4-ajax/12-ajax-iframe/date-activex.view/index.html
+++ b/4-ajax/12-ajax-iframe/date-activex.view/index.html
@@ -1,29 +1,32 @@
 <!DOCTYPE html>
 <html>
+
 <body>
 
-<script src="activex.js"></script>
+  <script src="activex.js"></script>
 
-<script>
-function ok(result) {
-   alert('result: ' + result);
-}
-function fail() {
-   alert('fail');
-}
+  <script>
+    function ok(result) {
+      alert('result: ' + result);
+    }
 
-function go() {
-	if (!("ActiveXObject" in window)) {
-		alert("Только Internet Explorer");
-		return;
-	}
-	iframeActiveXGet("server", ok, fail);
-}
-</script>
+    function fail() {
+      alert('fail');
+    }
+
+    function go() {
+      if (!("ActiveXObject" in window)) {
+        alert("Только Internet Explorer");
+        return;
+      }
+      iframeActiveXGet("server", ok, fail);
+    }
+  </script>
 
 
-<button onclick="go()">iframeActiveXGet server date</button>
+  <button onclick="go()">iframeActiveXGet server date</button>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/12-ajax-iframe/date-comet.view/index.html b/4-ajax/12-ajax-iframe/date-comet.view/index.html
index 795a4f9a..f1cbc469 100644
--- a/4-ajax/12-ajax-iframe/date-comet.view/index.html
+++ b/4-ajax/12-ajax-iframe/date-comet.view/index.html
@@ -1,27 +1,28 @@
 <!DOCTYPE html>
 <html>
+
 <body>
 
-<script src="iframeComet.js"></script>
+  <script src="iframeComet.js"></script>
 
-<button onclick="go()">IframeComet.open("comet");</button>
+  <button onclick="go()">IframeComet.open("comet");</button>
 
 
-<div id="showElem"></div>
+  <div id="showElem"></div>
 
-<script>
+  <script>
+    IframeComet.onMessage = IframeComet.onError = show;
 
-IframeComet.onMessage = IframeComet.onError = show;
+    function show(msg) {
+      showElem.innerHTML = msg;
+    }
 
-function show(msg) {
-	showElem.innerHTML = msg;
-}
-
-function go() {
-	IframeComet.open("comet");
-}
-</script>
+    function go() {
+      IframeComet.open("comet");
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/12-ajax-iframe/date.view/index.html b/4-ajax/12-ajax-iframe/date.view/index.html
index 8b508cd7..eac55d82 100644
--- a/4-ajax/12-ajax-iframe/date.view/index.html
+++ b/4-ajax/12-ajax-iframe/date.view/index.html
@@ -1,21 +1,24 @@
 <!DOCTYPE html>
 <html>
+
 <body>
 
-<script src="iframe.js"></script>
+  <script src="iframe.js"></script>
 
-<script>
-function ok(result) {
-   alert('result: ' + result);
-}
-function fail() {
-   alert('fail');
-}
-</script>
+  <script>
+    function ok(result) {
+      alert('result: ' + result);
+    }
 
-<button onclick="iframeGet('server', ok, fail)">iframeGet server</button>
+    function fail() {
+      alert('fail');
+    }
+  </script>
 
-<button onclick="iframePost('diff', {clientDate: +new Date}, ok, fail)">iframePost diff</button>
+  <button onclick="iframeGet('server', ok, fail)">iframeGet server</button>
+
+  <button onclick="iframePost('diff', {clientDate: +new Date}, ok, fail)">iframePost diff</button>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/2-ajax-nodejs/example/index.html b/4-ajax/2-ajax-nodejs/example/index.html
index 91eab08b..4651a5df 100644
--- a/4-ajax/2-ajax-nodejs/example/index.html
+++ b/4-ajax/2-ajax-nodejs/example/index.html
@@ -1,35 +1,40 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<button onclick="vote()" id="button">Голосовать!</button>
+  <button onclick="vote()" id="button">Голосовать!</button>
 
-<script>
-function vote() {
-  button.innerHTML = ' ... ';
+  <script>
+    function vote() {
+      button.innerHTML = ' ... ';
 
-  var xhr = new XMLHttpRequest();
+      var xhr = new XMLHttpRequest();
 
-  xhr.open('GET', 'vote', true);
+      xhr.open('GET', 'vote', true);
 
-  xhr.onreadystatechange = function() {
-    if (xhr.readyState != 4) return;
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState != 4) return;
+
+        if (xhr.status != 200) {
+          // обработать ошибку
+          alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
+          return;
+        }
+
+        // обработать результат
+        button.innerHTML = xhr.responseText;
+      }
+
+      xhr.send(null);
 
-    if (xhr.status != 200) {
-      // обработать ошибку
-      alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
-      return;
     }
-
-    // обработать результат
-    button.innerHTML = xhr.responseText;
-  }
-
-  xhr.send(null);
-
-}
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-async.view/index.html b/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-async.view/index.html
index 605c5092..1c1e0abc 100644
--- a/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-async.view/index.html
+++ b/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-async.view/index.html
@@ -1,38 +1,43 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
+  <button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
 
-<script>
-function loadPhones() {
+  <script>
+    function loadPhones() {
 
-  var xhr = new XMLHttpRequest(); 
-    
-  xhr.open('GET', 'phones.json', true); 
-    
-  xhr.onreadystatechange = function() {
-    if (xhr.readyState != 4) return;
-   
-    button.innerHTML = 'Готово!';
+      var xhr = new XMLHttpRequest();
 
-    if (xhr.status != 200) {
-      // обработать ошибку
-      alert(xhr.status + ': ' + xhr.statusText);
-    } else {
-      // вывести результат
-      alert(xhr.responseText); 
+      xhr.open('GET', 'phones.json', true);
+
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState != 4) return;
+
+        button.innerHTML = 'Готово!';
+
+        if (xhr.status != 200) {
+          // обработать ошибку
+          alert(xhr.status + ': ' + xhr.statusText);
+        } else {
+          // вывести результат
+          alert(xhr.responseText);
+        }
+
+      }
+
+      xhr.send();
+
+      button.innerHTML = 'Загружаю...';
+      button.disabled = true;
     }
-  
-  }
-
-  xhr.send(); 
-
-  button.innerHTML = 'Загружаю...';
-  button.disabled = true;
-}
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-list.view/index.html b/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-list.view/index.html
index eb32f652..ffcb9dfd 100644
--- a/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-list.view/index.html
+++ b/4-ajax/3-ajax-xmlhttprequest/1-phones-list/phones-list.view/index.html
@@ -1,53 +1,58 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
+  <button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
 
-<ul id="list"></ul>
+  <ul id="list"></ul>
 
-<script>
-function loadPhones() {
+  <script>
+    function loadPhones() {
 
-  var xhr = new XMLHttpRequest(); 
-    
-  xhr.open('GET', 'phones.json', true); 
-    
-  xhr.onreadystatechange = function() {
-    if (xhr.readyState != 4) return;
-   
-    button.parentNode.removeChild(button);
+      var xhr = new XMLHttpRequest();
+
+      xhr.open('GET', 'phones.json', true);
+
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState != 4) return;
+
+        button.parentNode.removeChild(button);
+
+        if (xhr.status != 200) {
+          // обработать ошибку
+          alert(xhr.status + ': ' + xhr.statusText);
+        } else {
+          try {
+            var phones = JSON.parse(xhr.responseText);
+          } catch (e) {
+            alert("Некорректный ответ " + e.message);
+          }
+          showPhones(phones);
+        }
 
-    if (xhr.status != 200) {
-      // обработать ошибку
-      alert(xhr.status + ': ' + xhr.statusText);
-    } else {
-      try {
-        var phones = JSON.parse(xhr.responseText);
-      } catch(e) {
-        alert("Некорректный ответ " + e.message);
       }
-      showPhones(phones);
+
+      xhr.send();
+
+      button.innerHTML = 'Загружаю...';
+      button.disabled = true;
     }
-  
-  }
 
-  xhr.send(); 
+    function showPhones(phones) {
 
-  button.innerHTML = 'Загружаю...';
-  button.disabled = true;
-}
+      phones.forEach(function(phone) {
+        var li = list.appendChild(document.createElement('li'));
+        li.innerHTML = phone.name;
+      });
 
-function showPhones(phones) {
-
-  phones.forEach(function(phone) {
-    var li = list.appendChild(document.createElement('li'));
-    li.innerHTML = phone.name;
-  });
-
-}
-</script>
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/3-ajax-xmlhttprequest/phones-async.view/index.html b/4-ajax/3-ajax-xmlhttprequest/phones-async.view/index.html
index 51ae05d1..e90a69cc 100644
--- a/4-ajax/3-ajax-xmlhttprequest/phones-async.view/index.html
+++ b/4-ajax/3-ajax-xmlhttprequest/phones-async.view/index.html
@@ -1,40 +1,45 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
+  <button onclick="loadPhones()" id="button">Загрузить phones.json!</button>
 
-<script>
-function loadPhones() {
+  <script>
+    function loadPhones() {
 
-  var xhr = new XMLHttpRequest(); 
-    
-  xhr.open('GET', 'phones.json', true); 
+      var xhr = new XMLHttpRequest();
+
+      xhr.open('GET', 'phones.json', true);
 
 
-  xhr.send(); 
+      xhr.send();
 
-    
-  xhr.onreadystatechange = function() {
-    if (xhr.readyState != 4) return;
-   
-    button.innerHTML = 'Готово!';
 
-    if (xhr.status != 200) {
-      // обработать ошибку
-      alert(xhr.status + ': ' + xhr.statusText);
-    } else {
-      // вывести результат
-      alert(xhr.responseText); 
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState != 4) return;
+
+        button.innerHTML = 'Готово!';
+
+        if (xhr.status != 200) {
+          // обработать ошибку
+          alert(xhr.status + ': ' + xhr.statusText);
+        } else {
+          // вывести результат
+          alert(xhr.responseText);
+        }
+
+      }
+
+      button.innerHTML = 'Загружаю...';
+      button.disabled = true;
     }
-  
-  }
-  
-  button.innerHTML = 'Загружаю...';
-  button.disabled = true;
-}
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/3-ajax-xmlhttprequest/phones.view/index.html b/4-ajax/3-ajax-xmlhttprequest/phones.view/index.html
index 6d60bc59..a71ebbad 100644
--- a/4-ajax/3-ajax-xmlhttprequest/phones.view/index.html
+++ b/4-ajax/3-ajax-xmlhttprequest/phones.view/index.html
@@ -1,26 +1,31 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<button onclick="loadPhones()">Загрузить phones.json!</button>
+  <button onclick="loadPhones()">Загрузить phones.json!</button>
 
-<script>
-function loadPhones() {
-  var xhr = new XMLHttpRequest(); 
+  <script>
+    function loadPhones() {
+      var xhr = new XMLHttpRequest();
 
-  xhr.open('GET', 'phones.json', false); 
-  xhr.send(); 
+      xhr.open('GET', 'phones.json', false);
+      xhr.send();
 
-  if (xhr.status != 200) {
-    // обработать ошибку
-    alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
-  } else {
-    // вывести результат
-    alert(xhr.responseText); 
-  }
-}
-</script>
+      if (xhr.status != 200) {
+        // обработать ошибку
+        alert('Ошибка ' + xhr.status + ': ' + xhr.statusText);
+      } else {
+        // вывести результат
+        alert(xhr.responseText);
+      }
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/3-ajax-xmlhttprequest/readystate.view/index.html b/4-ajax/3-ajax-xmlhttprequest/readystate.view/index.html
index f8e6ebc1..7c70c0b3 100644
--- a/4-ajax/3-ajax-xmlhttprequest/readystate.view/index.html
+++ b/4-ajax/3-ajax-xmlhttprequest/readystate.view/index.html
@@ -1,33 +1,38 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<button onclick="run()">Загрузить digits</button>
+  <button onclick="run()">Загрузить digits</button>
 
-<ul id="log"></ul>
+  <ul id="log"></ul>
 
-<script>
-function run() {
+  <script>
+    function run() {
 
-  var xhr = new XMLHttpRequest(); 
-  write(xhr.readyState);
-    
-  xhr.open('GET', 'digits', true); 
-  write(xhr.readyState);
-    
-  xhr.onreadystatechange = function() {
-    write(xhr.readyState + " получено символов:" + xhr.responseText.length);
-  };
+      var xhr = new XMLHttpRequest();
+      write(xhr.readyState);
 
-  xhr.send(); 
-}
+      xhr.open('GET', 'digits', true);
+      write(xhr.readyState);
 
-function write(text) {
-  var li = log.appendChild(document.createElement('li'));
-  li.innerHTML = text;
-}
-</script>
+      xhr.onreadystatechange = function() {
+        write(xhr.readyState + " получено символов:" + xhr.responseText.length);
+      };
+
+      xhr.send();
+    }
+
+    function write(text) {
+      var li = log.appendChild(document.createElement('li'));
+      li.innerHTML = text;
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/6-xhr-onprogress/progress.view/index.html b/4-ajax/6-xhr-onprogress/progress.view/index.html
index 773c0a9d..3387d42a 100644
--- a/4-ajax/6-xhr-onprogress/progress.view/index.html
+++ b/4-ajax/6-xhr-onprogress/progress.view/index.html
@@ -1,63 +1,68 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
-<head><meta charset="utf-8"></head>
-<form name="upload">
-  <input type="file" name="myfile">
-  <input type="submit" value="Загрузить">
-</form>
 
-<div id="log">Прогресс загрузки</div>
+  <head>
+    <meta charset="utf-8">
+  </head>
+  <form name="upload">
+    <input type="file" name="myfile">
+    <input type="submit" value="Загрузить">
+  </form>
 
-<script>
-function log(html) {
-  document.getElementById('log').innerHTML = html;
-}
+  <div id="log">Прогресс загрузки</div>
 
-function onSuccess() {
-  log('success');
-}
-
-function onError() {
-  log('error');
-}
-
-function onProgress(loaded, total) {
-  log(loaded + ' / '+ total);
-}
-
-document.forms.upload.onsubmit = function() {
-  var file = this.elements.myfile.files[0];  
-  if (file) {
-    upload(file);
-  }
-  return false;
-}
-
-
-function upload(file) {
-
-  var xhr = new XMLHttpRequest();
-
-  // обработчики можно объединить в один,
-  // если status == 200, то это успех, иначе ошибка
-  xhr.onload = xhr.onerror = function() {
-    if(this.status == 200) {
-      log("success");
-    } else {
-      log("error " + this.status);
+  <script>
+    function log(html) {
+      document.getElementById('log').innerHTML = html;
     }
-  };
 
-  // обработчик для закачки
-  xhr.upload.onprogress = function(event) {
-    log(event.loaded + ' / '+ event.total);
-  }
+    function onSuccess() {
+      log('success');
+    }
 
-  xhr.open("POST", "upload", true); 
-  xhr.send(file);
+    function onError() {
+      log('error');
+    }
 
-}
-</script>
+    function onProgress(loaded, total) {
+      log(loaded + ' / ' + total);
+    }
+
+    document.forms.upload.onsubmit = function() {
+      var file = this.elements.myfile.files[0];
+      if (file) {
+        upload(file);
+      }
+      return false;
+    }
+
+
+    function upload(file) {
+
+      var xhr = new XMLHttpRequest();
+
+      // обработчики можно объединить в один,
+      // если status == 200, то это успех, иначе ошибка
+      xhr.onload = xhr.onerror = function() {
+        if (this.status == 200) {
+          log("success");
+        } else {
+          log("error " + this.status);
+        }
+      };
+
+      // обработчик для закачки
+      xhr.upload.onprogress = function(event) {
+        log(event.loaded + ' / ' + event.total);
+      }
+
+      xhr.open("POST", "upload", true);
+      xhr.send(file);
+
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/7-xhr-resume/upload-resume.view/index.html b/4-ajax/7-xhr-resume/upload-resume.view/index.html
index cccd0fb3..9a0a6db0 100644
--- a/4-ajax/7-xhr-resume/upload-resume.view/index.html
+++ b/4-ajax/7-xhr-resume/upload-resume.view/index.html
@@ -1,50 +1,51 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
-<head>
-  <meta charset="utf-8">
-  <script src="uploader.js"></script>
-</head>
-<form name="upload" method="POST" enctype="multipart/form-data" action="/upload">
-  <input type="file" name="myfile">
-  <input type="submit" name="submit" value="Загрузить">
-</form>
 
-<button onclick="uploader.pause()">Пауза</button>
+  <head>
+    <meta charset="utf-8">
+    <script src="uploader.js"></script>
+  </head>
+  <form name="upload" method="POST" enctype="multipart/form-data" action="/upload">
+    <input type="file" name="myfile">
+    <input type="submit" name="submit" value="Загрузить">
+  </form>
+
+  <button onclick="uploader.pause()">Пауза</button>
 
 
-<div id="log">Индикация прогресса</div>
+  <div id="log">Индикация прогресса</div>
 
-<script>
-function log(html) {
-  document.getElementById('log').innerHTML = html;
-  //console.log(html);
-}
+  <script>
+    function log(html) {
+      document.getElementById('log').innerHTML = html;
+      //console.log(html);
+    }
 
-function onSuccess() {
-  log('success');
-}
+    function onSuccess() {
+      log('success');
+    }
 
-function onError() {
-  log('error');
-}
+    function onError() {
+      log('error');
+    }
 
-function onProgress(loaded, total) {
-  log("progress " + loaded + ' / '+ total);
-}
+    function onProgress(loaded, total) {
+      log("progress " + loaded + ' / ' + total);
+    }
 
-var uploader;
+    var uploader;
 
-document.forms.upload.onsubmit = function() {
-  var file = this.elements.myfile.files[0];
-  if (!file) return false;
-  
-  uploader = new Uploader(file, onSuccess, onError, onProgress); 
-  uploader.upload();
-  return false;
-}
+    document.forms.upload.onsubmit = function() {
+      var file = this.elements.myfile.files[0];
+      if (!file) return false;
 
-
-</script>
+      uploader = new Uploader(file, onSuccess, onError, onProgress);
+      uploader.upload();
+      return false;
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/4-ajax/8-xhr-longpoll/longpoll.view/index.html b/4-ajax/8-xhr-longpoll/longpoll.view/index.html
index 2cf21eb5..aea33e4f 100644
--- a/4-ajax/8-xhr-longpoll/longpoll.view/index.html
+++ b/4-ajax/8-xhr-longpoll/longpoll.view/index.html
@@ -1,26 +1,29 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="browser.js"></script>
+  <meta charset="utf-8">
+  <script src="browser.js"></script>
 </head>
+
 <body>
 
-Несколько человек при заходе на эту страницу будут получать сообщения друг друга.
+  Несколько человек при заходе на эту страницу будут получать сообщения друг друга.
 
-<form name="publish">
-<input type="text" name="message"/>
-<input type="submit" value="Отправить"/>
-</form>
+  <form name="publish">
+    <input type="text" name="message" />
+    <input type="submit" value="Отправить" />
+  </form>
 
-<div id="subscribe">
-</div>
+  <div id="subscribe">
+  </div>
 
-<script>
-	new PublishForm(document.forms.publish, 'publish');
-  // random url to fix https://code.google.com/p/chromium/issues/detail?id=46104
-	new SubscribePane(document.getElementById('subscribe'), 'subscribe?random='+Math.random());
-</script>
+  <script>
+    new PublishForm(document.forms.publish, 'publish');
+    // random url to fix https://code.google.com/p/chromium/issues/detail?id=46104
+    new SubscribePane(document.getElementById('subscribe'), 'subscribe?random=' + Math.random());
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/1-animate-logo-css/solution.view/index.html b/5-animation/2-css-transitions/1-animate-logo-css/solution.view/index.html
index 3481cf54..c8e0f45f 100644
--- a/5-animation/2-css-transitions/1-animate-logo-css/solution.view/index.html
+++ b/5-animation/2-css-transitions/1-animate-logo-css/solution.view/index.html
@@ -1,42 +1,47 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style>img { cursor: pointer; }</style>
+  <style>
+    img {
+      cursor: pointer;
+    }
+  </style>
   <style>
     #flyjet {
       width: 40px;
       height: 24px;
       transition: all 3s;
     }
-
+    
     #flyjet.growing {
       width: 400px;
       height: 240px;
     }
   </style>
 </head>
+
 <body>
 
-<img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
+  <img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
 
-<script>
-flyjet.onclick = function() {
+  <script>
+    flyjet.onclick = function() {
 
-  var ended = false;
+      var ended = false;
 
-  flyjet.addEventListener('transitionend', function() {
-    if (!ended) {
-      ended = true;
-      alert('Готово!');
+      flyjet.addEventListener('transitionend', function() {
+        if (!ended) {
+          ended = true;
+          alert('Готово!');
+        }
+      });
+
+      flyjet.classList.add('growing');
     }
-  });
-
-  flyjet.classList.add('growing');
-}
-</script>
+  </script>
 
 </body>
-</html>
-
 
+</html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/1-animate-logo-css/source.view/index.html b/5-animation/2-css-transitions/1-animate-logo-css/source.view/index.html
index 04672fc2..f291c968 100644
--- a/5-animation/2-css-transitions/1-animate-logo-css/source.view/index.html
+++ b/5-animation/2-css-transitions/1-animate-logo-css/source.view/index.html
@@ -1,20 +1,29 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style>img { cursor: pointer; }</style>
+  <style>
+    img {
+      cursor: pointer;
+    }
+  </style>
   <style>
     #flyjet {
-      width: 40px; /* -> 400px */
-      height: 24px; /* -> 240px */
+      width: 40px;
+      /* -> 400px */
+      
+      height: 24px;
+      /* -> 240px */
     }
-
   </style>
 </head>
+
 <body>
 
-<img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
+  <img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/2-animate-logo-bezier-css/solution.view/index.html b/5-animation/2-css-transitions/2-animate-logo-bezier-css/solution.view/index.html
index ba3a92ab..bf455b87 100644
--- a/5-animation/2-css-transitions/2-animate-logo-bezier-css/solution.view/index.html
+++ b/5-animation/2-css-transitions/2-animate-logo-bezier-css/solution.view/index.html
@@ -1,32 +1,38 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
-  <style>img { display: block; cursor: pointer; }</style>
+  <style>
+    img {
+      display: block;
+      cursor: pointer;
+    }
+  </style>
   <style>
     #flyjet {
       width: 40px;
       height: 24px;
       transition: all 3s cubic-bezier(0.25, 1.5, 0.75, 1.5);
     }
-
+    
     #flyjet.growing {
       width: 400px;
       height: 240px;
     }
   </style>
 </head>
+
 <body>
 
-<img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
+  <img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
 
-<script>
-flyjet.onclick = function() {
-  flyjet.classList.add('growing');
-}
-</script>
+  <script>
+    flyjet.onclick = function() {
+      flyjet.classList.add('growing');
+    }
+  </script>
 
 </body>
-</html>
-
 
+</html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/boat.view/index.html b/5-animation/2-css-transitions/boat.view/index.html
index 4e4c3c4f..1ceb4c12 100644
--- a/5-animation/2-css-transitions/boat.view/index.html
+++ b/5-animation/2-css-transitions/boat.view/index.html
@@ -1,40 +1,43 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<img src="https://js.cx/clipart/boat.png" id="boat">
+  <img src="https://js.cx/clipart/boat.png" id="boat">
 
-<script>
-boat.onclick = function() {
+  <script>
+    boat.onclick = function() {
 
-  this.onclick = null; // только первый клик сработает
+      this.onclick = null; // только первый клик сработает
 
-  var times = 1;
+      var times = 1;
 
-  function go() {
-    if (times % 2) {
-      boat.classList.remove('back');
-      boat.style.marginLeft = 100 * times + 200 + 'px';
-    } else {      
-      boat.classList.add('back');
-      boat.style.marginLeft = 100 * times - 200 + 'px';
+      function go() {
+        if (times % 2) {
+          boat.classList.remove('back');
+          boat.style.marginLeft = 100 * times + 200 + 'px';
+        } else {
+          boat.classList.add('back');
+          boat.style.marginLeft = 100 * times - 200 + 'px';
+        }
+
+      }
+
+      go();
+
+      boat.addEventListener('transitionend', function() {
+        times++;
+        go();
+      });
     }
-
-  }
-
-  go();
-
-  boat.addEventListener('transitionend', function() {
-    times++;
-    go();
-  }); 
-}
-</script>
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/digits-negative-delay.view/index.html b/5-animation/2-css-transitions/digits-negative-delay.view/index.html
index 02b1e240..15d26a7d 100644
--- a/5-animation/2-css-transitions/digits-negative-delay.view/index.html
+++ b/5-animation/2-css-transitions/digits-negative-delay.view/index.html
@@ -1,13 +1,16 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div id="digit"><span id="stripe">0123456789</span></div>
+  <div id="digit"><span id="stripe">0123456789</span></div>
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/digits.view/index.html b/5-animation/2-css-transitions/digits.view/index.html
index 02b1e240..15d26a7d 100644
--- a/5-animation/2-css-transitions/digits.view/index.html
+++ b/5-animation/2-css-transitions/digits.view/index.html
@@ -1,13 +1,16 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div id="digit"><span id="stripe">0123456789</span></div>
+  <div id="digit"><span id="stripe">0123456789</span></div>
 
-<script src="script.js"></script>
+  <script src="script.js"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/step-end.view/index.html b/5-animation/2-css-transitions/step-end.view/index.html
index d07dc2dc..7dbe642c 100644
--- a/5-animation/2-css-transitions/step-end.view/index.html
+++ b/5-animation/2-css-transitions/step-end.view/index.html
@@ -1,19 +1,22 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div id="digit"><span id="stripe">0123456789</span></div>
+  <div id="digit"><span id="stripe">0123456789</span></div>
 
-<script>
-digit.onclick = function() {
-  stripe.classList.add('animate');
-}
-</script>
+  <script>
+    digit.onclick = function() {
+      stripe.classList.add('animate');
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/step.view/index.html b/5-animation/2-css-transitions/step.view/index.html
index d07dc2dc..7dbe642c 100644
--- a/5-animation/2-css-transitions/step.view/index.html
+++ b/5-animation/2-css-transitions/step.view/index.html
@@ -1,19 +1,22 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<div id="digit"><span id="stripe">0123456789</span></div>
+  <div id="digit"><span id="stripe">0123456789</span></div>
 
-<script>
-digit.onclick = function() {
-  stripe.classList.add('animate');
-}
-</script>
+  <script>
+    digit.onclick = function() {
+      stripe.classList.add('animate');
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/train-linear.view/index.html b/5-animation/2-css-transitions/train-linear.view/index.html
index 2a4236ee..3268273f 100644
--- a/5-animation/2-css-transitions/train-linear.view/index.html
+++ b/5-animation/2-css-transitions/train-linear.view/index.html
@@ -1,12 +1,15 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<img class="train" src="https://js.cx/clipart/train.gif" onclick="this.style.left='450px'">
-  
+  <img class="train" src="https://js.cx/clipart/train.gif" onclick="this.style.left='450px'">
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/train-over.view/index.html b/5-animation/2-css-transitions/train-over.view/index.html
index d94c00f3..acdbcff2 100644
--- a/5-animation/2-css-transitions/train-over.view/index.html
+++ b/5-animation/2-css-transitions/train-over.view/index.html
@@ -1,12 +1,15 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<img class="train" src="https://js.cx/clipart/train.gif" onclick="this.style.left='400px'">
-  
+  <img class="train" src="https://js.cx/clipart/train.gif" onclick="this.style.left='400px'">
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/2-css-transitions/train.view/index.html b/5-animation/2-css-transitions/train.view/index.html
index 2a4236ee..3268273f 100644
--- a/5-animation/2-css-transitions/train.view/index.html
+++ b/5-animation/2-css-transitions/train.view/index.html
@@ -1,12 +1,15 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
-<img class="train" src="https://js.cx/clipart/train.gif" onclick="this.style.left='450px'">
-  
+  <img class="train" src="https://js.cx/clipart/train.gif" onclick="this.style.left='450px'">
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/1-animate-ball/solution.view/index.html b/5-animation/3-js-animation/1-animate-ball/solution.view/index.html
index 6301e8eb..78040c15 100644
--- a/5-animation/3-js-animation/1-animate-ball/solution.view/index.html
+++ b/5-animation/3-js-animation/1-animate-ball/solution.view/index.html
@@ -1,50 +1,51 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <script src="https://js.cx/libs/animate.js"></script>
   <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
+  </div>
 
-<script>
-
-function makeEaseOut(timing) {  
-  return function(timeFraction) {
-    return 1 - timing(1 - timeFraction);
-  }
-}
-
-function bounce(timeFraction) {
-  for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
-    if (timeFraction >= (7 - 4 * a) / 11) {
-      return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+  <script>
+    function makeEaseOut(timing) {
+      return function(timeFraction) {
+        return 1 - timing(1 - timeFraction);
+      }
     }
-  }
-}
 
-ball.onclick = function() {
-
-  var to = field.clientHeight - ball.clientHeight;
-
-  animate({
-    duration: 2000,
-    timing: makeEaseOut(bounce),
-    draw: function(progress) {
-      ball.style.top = to*progress + 'px'
+    function bounce(timeFraction) {
+      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
+        if (timeFraction >= (7 - 4 * a) / 11) {
+          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+        }
+      }
     }
-  });
+
+    ball.onclick = function() {
+
+      var to = field.clientHeight - ball.clientHeight;
+
+      animate({
+        duration: 2000,
+        timing: makeEaseOut(bounce),
+        draw: function(progress) {
+          ball.style.top = to * progress + 'px'
+        }
+      });
 
 
-};
-
-</script>
+    };
+  </script>
 
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/1-animate-ball/source.view/index.html b/5-animation/3-js-animation/1-animate-ball/source.view/index.html
index 2a04c036..7b527a44 100644
--- a/5-animation/3-js-animation/1-animate-ball/source.view/index.html
+++ b/5-animation/3-js-animation/1-animate-ball/source.view/index.html
@@ -1,16 +1,19 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<script src="https://js.cx/libs/animate.js"></script>
-<link rel="stylesheet" href="style.css">
+  <script src="https://js.cx/libs/animate.js"></script>
+  <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/2-animate-ball-hops/solution.view/index.html b/5-animation/3-js-animation/2-animate-ball-hops/solution.view/index.html
index 62f98a6e..2590611b 100644
--- a/5-animation/3-js-animation/2-animate-ball-hops/solution.view/index.html
+++ b/5-animation/3-js-animation/2-animate-ball-hops/solution.view/index.html
@@ -1,59 +1,61 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<script src="https://js.cx/libs/animate.js"></script>
-<link rel="stylesheet" href="style.css">
+  <script src="https://js.cx/libs/animate.js"></script>
+  <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
+  </div>
 
-<script>
-function makeEaseOut(timing) {  
-  return function(timeFraction) {
-    return 1 - timing(1 - timeFraction);
-  }
-}
-
-function bounce(timeFraction) {
-  for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
-    if (timeFraction >= (7 - 4 * a) / 11) {
-      return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+  <script>
+    function makeEaseOut(timing) {
+      return function(timeFraction) {
+        return 1 - timing(1 - timeFraction);
+      }
     }
-  }
-}
 
-function quad(timeFraction) { 
-  return Math.pow(timeFraction, 2); 
-}
-
-ball.onclick = function() {
-
-  var height = field.clientHeight - ball.clientHeight;
-  var width  = 100;
-
-  animate({
-    duration: 2000,
-    timing: makeEaseOut(bounce),
-    draw: function(progress) {
-      ball.style.top = height*progress + 'px'
+    function bounce(timeFraction) {
+      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
+        if (timeFraction >= (7 - 4 * a) / 11) {
+          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+        }
+      }
     }
-  });
 
-  animate({
-    duration: 2000,
-    timing: makeEaseOut(quad),
-    draw: function(progress) {
-      ball.style.left = width*progress + "px"
+    function quad(timeFraction) {
+      return Math.pow(timeFraction, 2);
     }
-  });
-}
 
-</script>
+    ball.onclick = function() {
+
+      var height = field.clientHeight - ball.clientHeight;
+      var width = 100;
+
+      animate({
+        duration: 2000,
+        timing: makeEaseOut(bounce),
+        draw: function(progress) {
+          ball.style.top = height * progress + 'px'
+        }
+      });
+
+      animate({
+        duration: 2000,
+        timing: makeEaseOut(quad),
+        draw: function(progress) {
+          ball.style.left = width * progress + "px"
+        }
+      });
+    }
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/back.view/index.html b/5-animation/3-js-animation/back.view/index.html
index 7cf7341c..34bc9085 100644
--- a/5-animation/3-js-animation/back.view/index.html
+++ b/5-animation/3-js-animation/back.view/index.html
@@ -1,33 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-
-brick.onclick = function() {
-  animate({
-    duration: 1000,
-    timing: function back(x, timeFraction) {
-      return Math.pow(timeFraction, 2) * ((x + 1) * timeFraction - x)
-    }.bind(null, 1.5),
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
-    }
-  });
-};
-
-</script>
+  <script>
+    brick.onclick = function() {
+      animate({
+        duration: 1000,
+        timing: function back(x, timeFraction) {
+          return Math.pow(timeFraction, 2) * ((x + 1) * timeFraction - x)
+        }.bind(null, 1.5),
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/bounce-easeinout.view/index.html b/5-animation/3-js-animation/bounce-easeinout.view/index.html
index 56edad9f..f22b7e57 100644
--- a/5-animation/3-js-animation/bounce-easeinout.view/index.html
+++ b/5-animation/3-js-animation/bounce-easeinout.view/index.html
@@ -1,50 +1,52 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-function makeEaseInOut(timing) {  
-  return function(timeFraction) {
-    if (timeFraction < .5)
-      return timing(2*timeFraction) / 2;
-    else
-      return (2 - timing(2*(1-timeFraction))) / 2;
-  }
-}
-
-
-function bounce(timeFraction) {
-  for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
-    if (timeFraction >= (7 - 4 * a) / 11) {
-      return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+  <script>
+    function makeEaseInOut(timing) {
+      return function(timeFraction) {
+        if (timeFraction < .5)
+          return timing(2 * timeFraction) / 2;
+        else
+          return (2 - timing(2 * (1 - timeFraction))) / 2;
+      }
     }
-  }
-}
 
-var bounceEaseInOut = makeEaseInOut(bounce);
 
-brick.onclick = function() {
-  animate({
-    duration: 3000,
-    timing: bounceEaseInOut,
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
+    function bounce(timeFraction) {
+      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
+        if (timeFraction >= (7 - 4 * a) / 11) {
+          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+        }
+      }
     }
-  });
-};
 
-</script>
+    var bounceEaseInOut = makeEaseInOut(bounce);
+
+    brick.onclick = function() {
+      animate({
+        duration: 3000,
+        timing: bounceEaseInOut,
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/bounce-easeout.view/index.html b/5-animation/3-js-animation/bounce-easeout.view/index.html
index bb858d63..0cf5c059 100644
--- a/5-animation/3-js-animation/bounce-easeout.view/index.html
+++ b/5-animation/3-js-animation/bounce-easeout.view/index.html
@@ -1,46 +1,48 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-function makeEaseOut(timing) {  
-  return function(timeFraction) {
-    return 1 - timing(1 - timeFraction);
-  }
-}
-
-function bounce(timeFraction) {
-  for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
-    if (timeFraction >= (7 - 4 * a) / 11) {
-      return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+  <script>
+    function makeEaseOut(timing) {
+      return function(timeFraction) {
+        return 1 - timing(1 - timeFraction);
+      }
     }
-  }
-}
 
-var bounceEaseOut = makeEaseOut(bounce);
-
-brick.onclick = function() {
-  animate({
-    duration: 3000,
-    timing: bounceEaseOut,
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
+    function bounce(timeFraction) {
+      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
+        if (timeFraction >= (7 - 4 * a) / 11) {
+          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+        }
+      }
     }
-  });
-};
 
-</script>
+    var bounceEaseOut = makeEaseOut(bounce);
+
+    brick.onclick = function() {
+      animate({
+        duration: 3000,
+        timing: bounceEaseOut,
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/bounce.view/index.html b/5-animation/3-js-animation/bounce.view/index.html
index a59a0cdd..9e415ef6 100644
--- a/5-animation/3-js-animation/bounce.view/index.html
+++ b/5-animation/3-js-animation/bounce.view/index.html
@@ -1,37 +1,38 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-
-brick.onclick = function() {
-  animate({
-    duration: 3000,
-    timing: function bounce(timeFraction) {
-      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
-        if (timeFraction >= (7 - 4 * a) / 11) {
-          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+  <script>
+    brick.onclick = function() {
+      animate({
+        duration: 3000,
+        timing: function bounce(timeFraction) {
+          for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
+            if (timeFraction >= (7 - 4 * a) / 11) {
+              return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+            }
+          }
+        },
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
         }
-      }
-    },
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
-    }
-  });
-};
-
-</script>
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/circ.view/index.html b/5-animation/3-js-animation/circ.view/index.html
index c7641d1b..02c74463 100644
--- a/5-animation/3-js-animation/circ.view/index.html
+++ b/5-animation/3-js-animation/circ.view/index.html
@@ -1,33 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-
-brick.onclick = function() {
-  animate({
-    duration: 1000,
-    timing: function circ(timeFraction) {
-      return 1 - Math.sin(Math.acos(timeFraction))
-    },
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
-    }
-  });
-};
-
-</script>
+  <script>
+    brick.onclick = function() {
+      animate({
+        duration: 1000,
+        timing: function circ(timeFraction) {
+          return 1 - Math.sin(Math.acos(timeFraction))
+        },
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/elastic.view/index.html b/5-animation/3-js-animation/elastic.view/index.html
index 7a05a5de..a18044cd 100644
--- a/5-animation/3-js-animation/elastic.view/index.html
+++ b/5-animation/3-js-animation/elastic.view/index.html
@@ -1,33 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-
-brick.onclick = function() {
-  animate({
-    duration: 3000,
-    timing: function elastic(x, timeFraction) {
-      return Math.pow(2, 10 * (timeFraction-1)) * Math.cos(20*Math.PI*x/3*timeFraction)
-    }.bind(null, 1.5),
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
-    }
-  });
-};
-
-</script>
+  <script>
+    brick.onclick = function() {
+      animate({
+        duration: 3000,
+        timing: function elastic(x, timeFraction) {
+          return Math.pow(2, 10 * (timeFraction - 1)) * Math.cos(20 * Math.PI * x / 3 * timeFraction)
+        }.bind(null, 1.5),
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/move-raf.view/index.html b/5-animation/3-js-animation/move-raf.view/index.html
index 8b61b8d8..ef1b82dd 100644
--- a/5-animation/3-js-animation/move-raf.view/index.html
+++ b/5-animation/3-js-animation/move-raf.view/index.html
@@ -1,51 +1,53 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style>
-#train {
-  position: relative;
-  cursor: pointer;
-}
-</style>
+  <style>
+    #train {
+      position: relative;
+      cursor: pointer;
+    }
+  </style>
 </head>
+
 <body>
 
-<img id="train" src="https://js.cx/clipart/train.gif">
-  
+  <img id="train" src="https://js.cx/clipart/train.gif">
 
-<script>
 
-train.onclick = function() {
-  animate(function(timePassed) {
-    train.style.left = timePassed / 5 + 'px';
-  }, 2000);
-};
+  <script>
+    train.onclick = function() {
+      animate(function(timePassed) {
+        train.style.left = timePassed / 5 + 'px';
+      }, 2000);
+    };
 
-// Рисует функция draw
-// Продолжительность анимации duration
-function animate(draw, duration) {
-  var start = performance.now();
+    // Рисует функция draw
+    // Продолжительность анимации duration
+    function animate(draw, duration) {
+      var start = performance.now();
 
-  requestAnimationFrame(function animate(time) {
-    // определить, сколько прошло времени с начала анимации
-    var timePassed = time - start;
+      requestAnimationFrame(function animate(time) {
+        // определить, сколько прошло времени с начала анимации
+        var timePassed = time - start;
 
-    console.log(time, start)
-    // возможно небольшое превышение времени, в этом случае зафиксировать конец
-    if (timePassed > duration) timePassed = duration;
+        console.log(time, start)
+          // возможно небольшое превышение времени, в этом случае зафиксировать конец
+        if (timePassed > duration) timePassed = duration;
 
-    // нарисовать состояние анимации в момент timePassed
-    draw(timePassed);
+        // нарисовать состояние анимации в момент timePassed
+        draw(timePassed);
 
-    // если время анимации не закончилось - запланировать ещё кадр
-    if (timePassed < duration) {
-      requestAnimationFrame(animate);
+        // если время анимации не закончилось - запланировать ещё кадр
+        if (timePassed < duration) {
+          requestAnimationFrame(animate);
+        }
+
+      });
     }
-
-  });
-}
-</script>
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/move.view/index.html b/5-animation/3-js-animation/move.view/index.html
index 2df013bb..8ce2c456 100644
--- a/5-animation/3-js-animation/move.view/index.html
+++ b/5-animation/3-js-animation/move.view/index.html
@@ -1,35 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style>
-#train {
-  position: relative;
-  cursor: pointer;
-}
-</style>
+  <style>
+    #train {
+      position: relative;
+      cursor: pointer;
+    }
+  </style>
 </head>
+
 <body>
 
-<img id="train" src="https://js.cx/clipart/train.gif">
-  
+  <img id="train" src="https://js.cx/clipart/train.gif">
 
-<script>
 
-train.onclick = function() {
-  var start = Date.now(); // сохранить время начала
+  <script>
+    train.onclick = function() {
+      var start = Date.now(); // сохранить время начала
 
-  var timer = setInterval(function() {
-    // вычислить сколько времени прошло из opts.duration
-    var timePassed = Date.now() - start;
+      var timer = setInterval(function() {
+        // вычислить сколько времени прошло из opts.duration
+        var timePassed = Date.now() - start;
 
-    train.style.left = timePassed / 5 + 'px';
+        train.style.left = timePassed / 5 + 'px';
 
-    if (timePassed > 2000) clearInterval(timer);
+        if (timePassed > 2000) clearInterval(timer);
 
-  }, 20);
-}
-</script>
+      }, 20);
+    }
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/quad.view/index.html b/5-animation/3-js-animation/quad.view/index.html
index d667a71a..508e9c84 100644
--- a/5-animation/3-js-animation/quad.view/index.html
+++ b/5-animation/3-js-animation/quad.view/index.html
@@ -1,33 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-
-brick.onclick = function() {
-  animate({
-    duration: 1000,
-    timing: function(timeFraction) { 
-      return Math.pow(timeFraction, 2); 
-    },
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
-    }
-  });
-};
-
-</script>
+  <script>
+    brick.onclick = function() {
+      animate({
+        duration: 1000,
+        timing: function(timeFraction) {
+          return Math.pow(timeFraction, 2);
+        },
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/quint.view/index.html b/5-animation/3-js-animation/quint.view/index.html
index c3d00097..cf88a233 100644
--- a/5-animation/3-js-animation/quint.view/index.html
+++ b/5-animation/3-js-animation/quint.view/index.html
@@ -1,33 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<div id="path">
-  <div id="brick"></div>
-</div>
+  <div id="path">
+    <div id="brick"></div>
+  </div>
 
-<script>
-
-brick.onclick = function() {
-  animate({
-    duration: 1000,
-    timing: function(timeFraction) { 
-      return Math.pow(timeFraction, 5); 
-    },
-    draw: function(progress) {
-      brick.style.left = progress * 500 + 'px';
-    }
-  });
-};
-
-</script>
+  <script>
+    brick.onclick = function() {
+      animate({
+        duration: 1000,
+        timing: function(timeFraction) {
+          return Math.pow(timeFraction, 5);
+        },
+        draw: function(progress) {
+          brick.style.left = progress * 500 + 'px';
+        }
+      });
+    };
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/text.view/index.html b/5-animation/3-js-animation/text.view/index.html
index ca366ae4..25fe2bcc 100644
--- a/5-animation/3-js-animation/text.view/index.html
+++ b/5-animation/3-js-animation/text.view/index.html
@@ -1,49 +1,47 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="style.css">
   <script src="https://js.cx/libs/animate.js"></script>
 </head>
+
 <body>
 
 
-<textarea id="textExample" rows="4" cols="60">Он стал под дерево и ждет.
-И вдруг граахнул гром —
-Летит ужасный Бармаглот
-И пылкает огнем!
-</textarea>
+  <textarea id="textExample" rows="4" cols="60">Он стал под дерево и ждет. И вдруг граахнул гром — Летит ужасный Бармаглот И пылкает огнем!
+  </textarea>
 
-<button onclick="animateText(textExample)">Запустить анимированную печать!</button>
+  <button onclick="animateText(textExample)">Запустить анимированную печать!</button>
 
-<script>
+  <script>
+    function animateText(textArea) {
+      var text = textArea.value;
+      var to = text.length,
+        from = 0;
 
-function animateText(textArea) {
-  var text = textArea.value;
-  var to = text.length, from = 0;
-  
-  animate({
-    duration: 5000,
-    timing: bounce,
-    draw: function(progress) {
-      var result = (to-from) * progress + from;
-      textArea.value = text.substr(0, Math.ceil(result))
+      animate({
+        duration: 5000,
+        timing: bounce,
+        draw: function(progress) {
+          var result = (to - from) * progress + from;
+          textArea.value = text.substr(0, Math.ceil(result))
+        }
+      });
     }
-  });
-}
 
 
-function bounce(timeFraction) {
-  for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
-    if (timeFraction >= (7 - 4 * a) / 11) {
-      return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+    function bounce(timeFraction) {
+      for (var a = 0, b = 1, result; 1; a += b, b /= 2) {
+        if (timeFraction >= (7 - 4 * a) / 11) {
+          return -Math.pow((11 - 6 * a - 11 * timeFraction) / 4, 2) + Math.pow(b, 2)
+        }
+      }
     }
-  }
-}
-
-
-</script>
+  </script>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/5-animation/3-js-animation/width.view/index.html b/5-animation/3-js-animation/width.view/index.html
index 40e17b70..afbf49de 100644
--- a/5-animation/3-js-animation/width.view/index.html
+++ b/5-animation/3-js-animation/width.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -9,28 +10,27 @@
   </style>
   <script src="animate.js"></script>
 </head>
+
 <body>
 
 
-<progress id="elem"></progress>
+  <progress id="elem"></progress>
 
-<script>
-
-
-elem.onclick = function() {
-  animate({
-    duration: 1000,
-    timing: function(timeFraction) { 
-      return timeFraction; 
-    },
-    draw: function(progress) {
-      elem.style.width = progress * 100 + '%';
-    }
-  });
-};
-
-</script>
+  <script>
+    elem.onclick = function() {
+      animate({
+        duration: 1000,
+        timing: function(timeFraction) {
+          return timeFraction;
+        },
+        draw: function(progress) {
+          elem.style.width = progress * 100 + '%';
+        }
+      });
+    };
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/6-optimize/1-memory-leaks/leak-ie8-2.view/index.html b/6-optimize/1-memory-leaks/leak-ie8-2.view/index.html
index 485bbee7..b89b80de 100644
--- a/6-optimize/1-memory-leaks/leak-ie8-2.view/index.html
+++ b/6-optimize/1-memory-leaks/leak-ie8-2.view/index.html
@@ -1,32 +1,35 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=8">
 </head>
+
 <body>
 
 
-<script>
-// Утечка в IE8 standards mode, а также в IE9 в режиме IE8
-// См. http://blog.j15r.com/2009/07/memory-leaks-in-ie8.html
-function leak() {
-  // Создаём новый DIV, добавляем к BODY
-  var elem = document.createElement('div');
-  document.body.appendChild(elem);
+  <script>
+    // Утечка в IE8 standards mode, а также в IE9 в режиме IE8
+    // См. http://blog.j15r.com/2009/07/memory-leaks-in-ie8.html
+    function leak() {
+      // Создаём новый DIV, добавляем к BODY
+      var elem = document.createElement('div');
+      document.body.appendChild(elem);
 
-  elem.__expando = {
-    bigAss: new Array(1000000).join('lalala'),
-    method: function() {} // создаётся круговая ссылка через замыкание
-  };
+      elem.__expando = {
+        bigAss: new Array(1000000).join('lalala'),
+        method: function() {} // создаётся круговая ссылка через замыкание
+      };
 
-  // Удалить элемент из DOM. Браузер должен очистить память.
-  elem.parentElement.removeChild(elem);
-}
-</script>
+      // Удалить элемент из DOM. Браузер должен очистить память.
+      elem.parentElement.removeChild(elem);
+    }
+  </script>
 
-<p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
-<button onclick="leak()">Создать утечку!</button>
+  <p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
+  <button onclick="leak()">Создать утечку!</button>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/6-optimize/1-memory-leaks/leak-ie8-table.view/index.html b/6-optimize/1-memory-leaks/leak-ie8-table.view/index.html
index b31ed103..e0017dce 100644
--- a/6-optimize/1-memory-leaks/leak-ie8-table.view/index.html
+++ b/6-optimize/1-memory-leaks/leak-ie8-table.view/index.html
@@ -1,33 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
 
-<script>
+  <script>
+    var elem = document.createElement('div'); // любой элемент
 
-var elem = document.createElement('div'); // любой элемент
+    // Течёт в настоящем IE8, Standards Mode
+    // Не течёт в других IE. Не течёт в IE9 в режиме совместимости с IE8
+    function leak() {
 
-// Течёт в настоящем IE8, Standards Mode
-// Не течёт в других IE. Не течёт в IE9 в режиме совместимости с IE8
-function leak() {
+      for (var i = 0; i < 2000; i++) {
 
-  for (var i = 0; i < 2000; i++) {
+        elem.innerHTML = '<table><tr><td>1</td></tr></table>';
 
-    elem.innerHTML = '<table><tr><td>1</td></tr></table>';
+        elem.firstChild.rows[0]; // просто доступ через rows[] приводит к утечке
+        // при том, что мы даже без сохраненяем значение в переменную
 
-    elem.firstChild.rows[0]; // просто доступ через rows[] приводит к утечке
-    // при том, что мы даже без сохраненяем значение в переменную
+        elem.removeChild(elem.firstChild); // удалить таблицу
+        // elem.innerHTML = '' очистил бы память, он работает по-другому, см. главу "управление памятью"
+      }
 
-    elem.removeChild(elem.firstChild); // удалить таблицу
-    // elem.innerHTML = '' очистил бы память, он работает по-другому, см. главу "управление памятью"
-  }
-
-}
-</script>
+    }
+  </script>
 
 
-<p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
-<button onclick="leak()">Создать утечку!</button>
+  <p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
+  <button onclick="leak()">Создать утечку!</button>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/6-optimize/1-memory-leaks/leak-ie8-widget.view/index.html b/6-optimize/1-memory-leaks/leak-ie8-widget.view/index.html
index 6a071791..1bdd947c 100644
--- a/6-optimize/1-memory-leaks/leak-ie8-widget.view/index.html
+++ b/6-optimize/1-memory-leaks/leak-ie8-widget.view/index.html
@@ -1,38 +1,40 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=8">
 </head>
+
 <body>
 
 
-<script>
-// Утечка в IE8 standards mode, а также в IE9 в режиме IE8
-// См. http://blog.j15r.com/2009/07/memory-leaks-in-ie8.html
-function leak() {
-  // Создаём новый DIV, добавляем к BODY
-  var elem = document.createElement('div');
-  document.body.appendChild(elem);
+  <script>
+    // Утечка в IE8 standards mode, а также в IE9 в режиме IE8
+    // См. http://blog.j15r.com/2009/07/memory-leaks-in-ie8.html
+    function leak() {
+      // Создаём новый DIV, добавляем к BODY
+      var elem = document.createElement('div');
+      document.body.appendChild(elem);
 
-  // Записываем в свойство ссылку на объект
-  var menu = new Menu(elem);
-  elem.menu = menu;
+      // Записываем в свойство ссылку на объект
+      var menu = new Menu(elem);
+      elem.menu = menu;
 
-  // Удалить элемент из DOM. Браузер должен очистить память.
-  elem.parentElement.removeChild(elem);
-}
+      // Удалить элемент из DOM. Браузер должен очистить память.
+      elem.parentElement.removeChild(elem);
+    }
 
-function Menu(elem) {
-  elem.onclick = function() {};
-  this.bigAss = new Array(1000000).join('lalala');
-}
+    function Menu(elem) {
+      elem.onclick = function() {};
+      this.bigAss = new Array(1000000).join('lalala');
+    }
+  </script>
 
-</script>
-
-<p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
-<button onclick="leak()">Создать утечку!</button>
+  <p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
+  <button onclick="leak()">Создать утечку!</button>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/6-optimize/1-memory-leaks/leak-ie8-xhr.view/index.html b/6-optimize/1-memory-leaks/leak-ie8-xhr.view/index.html
index 71dae9f6..cdbe3966 100644
--- a/6-optimize/1-memory-leaks/leak-ie8-xhr.view/index.html
+++ b/6-optimize/1-memory-leaks/leak-ie8-xhr.view/index.html
@@ -1,35 +1,38 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<p>Страница создаёт объект <code>XMLHttpRequest</code> каждые 50мс.</p>
+  <p>Страница создаёт объект <code>XMLHttpRequest</code> каждые 50мс.</p>
 
-<p>Смотрите на память, она течёт в IE&lt;9.</p>
+  <p>Смотрите на память, она течёт в IE&lt;9.</p>
 
-<script>
-function leak() {
-  var xhr = new XMLHttpRequest();
+  <script>
+    function leak() {
+      var xhr = new XMLHttpRequest();
 
-  xhr.open('GET', 'something.js?'+Math.random(), true);
+      xhr.open('GET', 'something.js?' + Math.random(), true);
 
-  xhr.onreadystatechange = function() {
-    if(xhr.readyState == 4 && xhr.status == 200) {
-      document.getElementById('test').innerHTML++
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4 && xhr.status == 200) {
+          document.getElementById('test').innerHTML++
+        }
+      }
+
+      xhr.send(null);
     }
-  }
 
-  xhr.send(null);
-}
+    onload = function() {
+      setInterval(leak, 50);
+    }
+  </script>
 
-onload = function() {
-  setInterval(leak, 50);
-}
-</script>
-
-<div>Количество запросов: <span id="test">0</span></div>
+  <div>Количество запросов: <span id="test">0</span></div>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/6-optimize/1-memory-leaks/leak-ie8.view/index.html b/6-optimize/1-memory-leaks/leak-ie8.view/index.html
index f0b88ce4..c2c1a4fc 100644
--- a/6-optimize/1-memory-leaks/leak-ie8.view/index.html
+++ b/6-optimize/1-memory-leaks/leak-ie8.view/index.html
@@ -1,36 +1,39 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=8">
 </head>
+
 <body>
 
 
-<script>
-// Утечка в IE8 standards mode, а также в IE9 в режиме IE8
-// См. http://blog.j15r.com/2009/07/memory-leaks-in-ie8.html
-function leak() {
-  // Создаём новый DIV, добавляем к BODY
-  var elem = document.createElement('div');
-  document.body.appendChild(elem);
+  <script>
+    // Утечка в IE8 standards mode, а также в IE9 в режиме IE8
+    // См. http://blog.j15r.com/2009/07/memory-leaks-in-ie8.html
+    function leak() {
+      // Создаём новый DIV, добавляем к BODY
+      var elem = document.createElement('div');
+      document.body.appendChild(elem);
 
-  // Записываем в свойство жирный объект
-  elem.__expando = {
-    bigAss: new Array(1000000).join('lalala')
-  };
+      // Записываем в свойство жирный объект
+      elem.__expando = {
+        bigAss: new Array(1000000).join('lalala')
+      };
 
-  // Создаём круговую ссылку. Без этой строки утечки не будет.
-  elem.__expando.__elem = elem;
+      // Создаём круговую ссылку. Без этой строки утечки не будет.
+      elem.__expando.__elem = elem;
 
-  // Удалить элемент из DOM. Браузер должен очистить память.
-  elem.parentElement.removeChild(elem);
-}
-</script>
+      // Удалить элемент из DOM. Браузер должен очистить память.
+      elem.parentElement.removeChild(elem);
+    }
+  </script>
 
-<p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
-<button onclick="leak()">Создать утечку!</button>
+  <p>Нажимайте на кнопку и наблюдайте, как увеличивается количество занимаемой браузером памяти.</p>
+  <button onclick="leak()">Создать утечку!</button>
 
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/6-optimize/2-memory-leaks-jquery/jquery-leak.view/index.html b/6-optimize/2-memory-leaks-jquery/jquery-leak.view/index.html
index 13a18544..60287eb5 100644
--- a/6-optimize/2-memory-leaks-jquery/jquery-leak.view/index.html
+++ b/6-optimize/2-memory-leaks-jquery/jquery-leak.view/index.html
@@ -1,32 +1,34 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
 </head>
+
 <body>
 
-<div id="data"></div>
+  <div id="data"></div>
 
-<script>
-  
-  function go() {
-  
-    $('<div/>')
-      .html(new Array(1000).join('text'))
-      .click(function() { })
-      .appendTo('#data');
+  <script>
+    function go() {
 
-    document.getElementById('data').innerHTML = '';
-      
-  }
+      $('<div/>')
+        .html(new Array(1000).join('text'))
+        .click(function() {})
+        .appendTo('#data');
 
-  var interval = setInterval(go, 10)
-</script>
+      document.getElementById('data').innerHTML = '';
 
-Утечка идёт...
+    }
 
-<input type="button" onclick="clearInterval(interval)" value="stop"/>
+    var interval = setInterval(go, 10)
+  </script>
+
+  Утечка идёт...
+
+  <input type="button" onclick="clearInterval(interval)" value="stop" />
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/7-frames-and-windows/2-iframes/sandbox.view/index.html b/7-frames-and-windows/2-iframes/sandbox.view/index.html
index 20bee11e..7e7467c1 100644
--- a/7-frames-and-windows/2-iframes/sandbox.view/index.html
+++ b/7-frames-and-windows/2-iframes/sandbox.view/index.html
@@ -1,11 +1,14 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
   <iframe sandbox src="sandboxed.html"></iframe>
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/2-iframes/sandbox.view/sandboxed.html b/7-frames-and-windows/2-iframes/sandbox.view/sandboxed.html
index 3593be51..d4a22752 100644
--- a/7-frames-and-windows/2-iframes/sandbox.view/sandboxed.html
+++ b/7-frames-and-windows/2-iframes/sandbox.view/sandboxed.html
@@ -1,8 +1,10 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
   <script>
@@ -13,6 +15,7 @@
     <input type="text">
     <input type="submit" value="Отправить форму на http://google.ru">
   </form>
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/facebook.html b/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/facebook.html
index f002436f..9d88ae28 100644
--- a/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/facebook.html
+++ b/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/facebook.html
@@ -1,8 +1,10 @@
 <!DOCTYPE HTML>
 <html>
+
 <body style="margin:10px;padding:10px">
 
-<input type="button" onclick="alert('Нажата кнопка Like с другого домена!')" value="I LIKE IT !">
+  <input type="button" onclick="alert('Нажата кнопка Like с другого домена!')" value="I LIKE IT !">
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/index.html b/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/index.html
index a58014ab..5301b0f8 100644
--- a/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/index.html
+++ b/7-frames-and-windows/6-clickjacking/clickjacking-visible.view/index.html
@@ -1,29 +1,35 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
-<style>
-iframe { /* iframe с сайта-жертвы */
-  width: 400px;
-  height: 100px;
-  position: absolute;
-  top:0; left:-20px;
-  opacity: 0.5;
-  z-index: 1;
-}
-</style>
- 
-<div>Нажмите, чтобы разбогатеть сейчас:</div>
-     
-<!-- URL, в реальности - с другого домена (атакуемого сайта) -->
-<iframe src="facebook.html"></iframe>
- 
-<button>Жми тут!</button>
- 
-<div>..И всё получится (хе-хе, у меня, злого хакера, получится)!</div>
-  
+  <style>
+    iframe {
+      /* iframe с сайта-жертвы */
+      
+      width: 400px;
+      height: 100px;
+      position: absolute;
+      top: 0;
+      left: -20px;
+      opacity: 0.5;
+      z-index: 1;
+    }
+  </style>
+
+  <div>Нажмите, чтобы разбогатеть сейчас:</div>
+
+  <!-- URL, в реальности - с другого домена (атакуемого сайта) -->
+  <iframe src="facebook.html"></iframe>
+
+  <button>Жми тут!</button>
+
+  <div>..И всё получится (хе-хе, у меня, злого хакера, получится)!</div>
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/6-clickjacking/clickjacking.view/facebook.html b/7-frames-and-windows/6-clickjacking/clickjacking.view/facebook.html
index f002436f..9d88ae28 100644
--- a/7-frames-and-windows/6-clickjacking/clickjacking.view/facebook.html
+++ b/7-frames-and-windows/6-clickjacking/clickjacking.view/facebook.html
@@ -1,8 +1,10 @@
 <!DOCTYPE HTML>
 <html>
+
 <body style="margin:10px;padding:10px">
 
-<input type="button" onclick="alert('Нажата кнопка Like с другого домена!')" value="I LIKE IT !">
+  <input type="button" onclick="alert('Нажата кнопка Like с другого домена!')" value="I LIKE IT !">
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/6-clickjacking/clickjacking.view/index.html b/7-frames-and-windows/6-clickjacking/clickjacking.view/index.html
index edb7a287..0e0599c4 100644
--- a/7-frames-and-windows/6-clickjacking/clickjacking.view/index.html
+++ b/7-frames-and-windows/6-clickjacking/clickjacking.view/index.html
@@ -1,29 +1,35 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
-<style>
-iframe { /* iframe с сайта-жертвы */
-  width: 400px;
-  height: 100px;
-  position: absolute;
-  top:0; left:-20px;
-  opacity: 0;
-  z-index: 1;
-}
-</style>
- 
-<div>Нажмите, чтобы разбогатеть сейчас:</div>
-     
-<!-- URL, в реальности - с другого домена (атакуемого сайта) -->
-<iframe src="facebook.html"></iframe>
- 
-<button>Жми тут!</button>
- 
-<div>..И всё получится (хе-хе, у меня, злого хакера, получится)!</div>
-  
+  <style>
+    iframe {
+      /* iframe с сайта-жертвы */
+      
+      width: 400px;
+      height: 100px;
+      position: absolute;
+      top: 0;
+      left: -20px;
+      opacity: 0;
+      z-index: 1;
+    }
+  </style>
+
+  <div>Нажмите, чтобы разбогатеть сейчас:</div>
+
+  <!-- URL, в реальности - с другого домена (атакуемого сайта) -->
+  <iframe src="facebook.html"></iframe>
+
+  <button>Жми тут!</button>
+
+  <div>..И всё получится (хе-хе, у меня, злого хакера, получится)!</div>
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/6-clickjacking/top-location.view/iframe.html b/7-frames-and-windows/6-clickjacking/top-location.view/iframe.html
index 0f485f8d..849ee4b1 100644
--- a/7-frames-and-windows/6-clickjacking/top-location.view/iframe.html
+++ b/7-frames-and-windows/6-clickjacking/top-location.view/iframe.html
@@ -1,8 +1,10 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
 </head>
+
 <body>
 
   <div>Меняет top.location на javascript.ru</div>
@@ -10,6 +12,7 @@
   <script>
     top.location = 'http://javascript.ru';
   </script>
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/7-frames-and-windows/6-clickjacking/top-location.view/index.html b/7-frames-and-windows/6-clickjacking/top-location.view/index.html
index 80e21f26..ef10e519 100644
--- a/7-frames-and-windows/6-clickjacking/top-location.view/index.html
+++ b/7-frames-and-windows/6-clickjacking/top-location.view/index.html
@@ -1,14 +1,18 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="UTF-8">
-  
+
   <style>
-    iframe { /* iframe с сайта-жертвы */
+    iframe {
+      /* iframe с сайта-жертвы */
+      
       width: 400px;
       height: 100px;
       position: absolute;
-      top:0; left:-20px;
+      top: 0;
+      left: -20px;
       opacity: 0;
       z-index: 1;
     }
@@ -26,13 +30,15 @@
     }
   </script>
 </head>
+
 <body>
 
   <p>При нажатии на кнопку посетитель получит "странный" вопрос о том, не хочет ли уйти со страницы.</p>
-  
+
   <p>Наверно, он ответит "хочу остаться" и защита ифрейма будет провалена.</p>
 
   <button onclick="attack()">Подключить "защищённый" iframe</button>
-  
+
 </body>
+
 </html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/2-position-text-into-input/solution.view/index.html b/8-css-for-js/11-margin/2-position-text-into-input/solution.view/index.html
index 66a45b36..2b41ddf7 100644
--- a/8-css-for-js/11-margin/2-position-text-into-input/solution.view/index.html
+++ b/8-css-for-js/11-margin/2-position-text-into-input/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,21 +8,22 @@
       margin: 0;
       width: 12em;
     }
-
+    
     #placeholder {
       color: red;
-
       margin: -1.3em 0 0 0.2em;
     }
   </style>
 </head>
+
 <body>
 
-<div>Добро пожаловать</div>
-<input type="password" id="input">
+  <div>Добро пожаловать</div>
+  <input type="password" id="input">
 
-<div id="placeholder">Скажи пароль, друг</div>
+  <div id="placeholder">Скажи пароль, друг</div>
 
-<div>.. и заходи</div>
+  <div>.. и заходи</div>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/2-position-text-into-input/source.view/index.html b/8-css-for-js/11-margin/2-position-text-into-input/source.view/index.html
index 1690e4ef..306f31e3 100644
--- a/8-css-for-js/11-margin/2-position-text-into-input/source.view/index.html
+++ b/8-css-for-js/11-margin/2-position-text-into-input/source.view/index.html
@@ -1,17 +1,20 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<div>Добро пожаловать</div>
+  <div>Добро пожаловать</div>
 
-<input type="password" id="input">
+  <input type="password" id="input">
 
-<div id="placeholder">Скажи пароль, друг</div>
+  <div id="placeholder">Скажи пароль, друг</div>
 
-<div>.. и заходи</div>
+  <div>.. и заходи</div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/h2-margin-top-position.view/index.html b/8-css-for-js/11-margin/h2-margin-top-position.view/index.html
index 83833dd9..38108996 100644
--- a/8-css-for-js/11-margin/h2-margin-top-position.view/index.html
+++ b/8-css-for-js/11-margin/h2-margin-top-position.view/index.html
@@ -1,41 +1,43 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  div {
-    border: 1px solid blue;
-    margin: 2em;
-    font: .8em/1.25 Arial, sans-serif;
-  }
-
-  h2 {
-    margin: 0 0 0.8em 0;
-    background: #aef;
-
-    position: relative;
-    top: -1.3em;
-  }
+    div {
+      border: 1px solid blue;
+      margin: 2em;
+      font: .8em/1.25 Arial, sans-serif;
+    }
+    
+    h2 {
+      margin: 0 0 0.8em 0;
+      background: #aef;
+      position: relative;
+      top: -1.3em;
+    }
   </style>
 </head>
+
 <body>
 
-<div>
-  <h2>Общие положения</h2>
+  <div>
+    <h2>Общие положения</h2>
 
-  <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
-</div>
+    <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
+  </div>
 
-<div>
-  <h2>Общие обязанности водителей</h2>
+  <div>
+    <h2>Общие обязанности водителей</h2>
 
-  <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
-  <ul>
-  <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
-  <li>...и так далее...</li>
-  </ul>
-</div>
+    <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
+    <ul>
+      <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
+      <li>...и так далее...</li>
+    </ul>
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/h2-margin-top.view/index.html b/8-css-for-js/11-margin/h2-margin-top.view/index.html
index 267a8bdf..da5df0f9 100644
--- a/8-css-for-js/11-margin/h2-margin-top.view/index.html
+++ b/8-css-for-js/11-margin/h2-margin-top.view/index.html
@@ -1,40 +1,43 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  div {
-    border: 1px solid blue;
-    margin: 2em;
-    font: .8em/1.25 Arial, sans-serif;
-  }
-
-  h2 {
-    margin: 0 0 0.8em 0;
-    background: #aef;
-
-    margin-top: -1.3em; /* или изменить margin выше */
-  }
+    div {
+      border: 1px solid blue;
+      margin: 2em;
+      font: .8em/1.25 Arial, sans-serif;
+    }
+    
+    h2 {
+      margin: 0 0 0.8em 0;
+      background: #aef;
+      margin-top: -1.3em;
+      /* или изменить margin выше */
+    }
   </style>
 </head>
+
 <body>
 
-<div>
-  <h2>Общие положения</h2>
+  <div>
+    <h2>Общие положения</h2>
 
-  <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
-</div>
+    <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
+  </div>
 
-<div>
-  <h2>Общие обязанности водителей</h2>
+  <div>
+    <h2>Общие обязанности водителей</h2>
 
-  <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
-  <ul>
-  <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
-  <li>...и так далее...</li>
-  </ul>
-</div>
+    <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
+    <ul>
+      <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
+      <li>...и так далее...</li>
+    </ul>
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/hr-margin-left-src.view/index.html b/8-css-for-js/11-margin/hr-margin-left-src.view/index.html
index f7368e2d..44045004 100644
--- a/8-css-for-js/11-margin/hr-margin-left-src.view/index.html
+++ b/8-css-for-js/11-margin/hr-margin-left-src.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,32 +8,36 @@
       margin: 2em;
       font: .8em/1.25 Arial, sans-serif;
     }
-
-    h2 { margin-bottom: 0; }
+    
+    h2 {
+      margin-bottom: 0;
+    }
   </style>
 </head>
+
 <body>
 
 
-<div>
+  <div>
 
-  <h2>Общие положения</h2>
-  <hr class="margin">
+    <h2>Общие положения</h2>
+    <hr class="margin">
 
-  <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
-</div>
+    <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
+  </div>
 
-<div>
-  <h2>Общие обязанности водителей</h2>
-  <hr class="position">
+  <div>
+    <h2>Общие обязанности водителей</h2>
+    <hr class="position">
 
-  <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
-  <ul>
-  <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
-  <li>...и так далее...</li>
-  </ul>
-</div>
+    <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
+    <ul>
+      <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
+      <li>...и так далее...</li>
+    </ul>
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/hr-margin-left.view/index.html b/8-css-for-js/11-margin/hr-margin-left.view/index.html
index 0fa86c8d..cf6bfadc 100644
--- a/8-css-for-js/11-margin/hr-margin-left.view/index.html
+++ b/8-css-for-js/11-margin/hr-margin-left.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,34 +8,45 @@
       margin: 2em;
       font: .8em/1.25 Arial, sans-serif;
     }
-
-    h2 { margin-bottom: 0; }
-    hr.margin { margin-left: -2em; }
-    hr.position { position: relative; left: -2em; }
+    
+    h2 {
+      margin-bottom: 0;
+    }
+    
+    hr.margin {
+      margin-left: -2em;
+    }
+    
+    hr.position {
+      position: relative;
+      left: -2em;
+    }
   </style>
 </head>
+
 <body>
 
 
-<div>
+  <div>
 
-  <h2>Общие положения (hr.margin)</h2>
-  <hr class="margin">
+    <h2>Общие положения (hr.margin)</h2>
+    <hr class="margin">
 
-  <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
-</div>
+    <p>Настоящие Правила дорожного движения устанавливают единый порядок дорожного движения на всей территории Российской Федерации. Другие нормативные акты, касающиеся дорожного движения, должны основываться на требованиях Правил и не противоречить им.</p>
+  </div>
 
-<div>
-  <h2>Общие обязанности водителей (hr.position)</h2>
-  <hr class="position">
+  <div>
+    <h2>Общие обязанности водителей (hr.position)</h2>
+    <hr class="position">
 
-  <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
-  <ul>
-  <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
-  <li>...и так далее...</li>
-  </ul>
-</div>
+    <p>Водитель механического транспортного средства обязан иметь при себе и по требованию сотрудников милиции передавать им для проверки:</p>
+    <ul>
+      <li>водительское удостоверение на право управления транспортным средством соответствующей категории;</li>
+      <li>...и так далее...</li>
+    </ul>
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/11-margin/negative-margin-bottom.view/index.html b/8-css-for-js/11-margin/negative-margin-bottom.view/index.html
index d6652970..2e953c2b 100644
--- a/8-css-for-js/11-margin/negative-margin-bottom.view/index.html
+++ b/8-css-for-js/11-margin/negative-margin-bottom.view/index.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     .content {
       background: #aef;
       padding: 1em 2em 2em 2em;
-
       margin-bottom: -1em;
     }
-
+    
     .comment {
       margin: 0 1em;
       padding: .2em;
@@ -19,23 +19,22 @@
     }
   </style>
 </head>
+
 <body>
-<div>У DIV'а с холодильниками стоит margin-bottom: -1em</div>
+  <div>У DIV'а с холодильниками стоит margin-bottom: -1em</div>
 
-<div class="content">
-  Наши холодильники - самые лучшие холодильники в мире!
-  Наши холодильники - самые лучшие холодильники в мире!
-  Наши холодильники - самые лучшие холодильники в мире!
-  Наши холодильники - самые лучшие холодильники в мире!
-</div>
+  <div class="content">
+    Наши холодильники - самые лучшие холодильники в мире! Наши холодильники - самые лучшие холодильники в мире! Наши холодильники - самые лучшие холодильники в мире! Наши холодильники - самые лучшие холодильники в мире!
+  </div>
 
-<span class="comment">
+  <span class="comment">
   Так считают: 5 человек
 </span>
 
-<span class="comment">
+  <span class="comment">
   Оставьте <u>свой</u> отзыв!
 </span>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/block.view/index.html b/8-css-for-js/12-space-under-img/block.view/index.html
index 9c3ebd07..3605458e 100644
--- a/8-css-for-js/12-space-under-img/block.view/index.html
+++ b/8-css-for-js/12-space-under-img/block.view/index.html
@@ -1,23 +1,31 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style>
-  * { margin: 0; padding: 0; }
-  img { display: block; }
-</style>
-<table>
-  <tr>
-  <td style="border:1px red solid">
-    <img src="https://js.cx/clipart/square_50.png" width="50" height="50">
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+    
+    img {
+      display: block;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid">
+        <img src="https://js.cx/clipart/square_50.png" width="50" height="50">
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/inline-p.view/index.html b/8-css-for-js/12-space-under-img/inline-p.view/index.html
index 23b47f16..3e4e16f2 100644
--- a/8-css-for-js/12-space-under-img/inline-p.view/index.html
+++ b/8-css-for-js/12-space-under-img/inline-p.view/index.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style> * { margin: 0; padding: 0; } </style>
-<table>
-  <tr>
-  <td style="border:1px red solid; font-size:120%">
-    <img src="https://js.cx/clipart/square_50.png" width="50" height="50">p
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid; font-size:120%">
+        <img src="https://js.cx/clipart/square_50.png" width="50" height="50">p
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/inline.view/index.html b/8-css-for-js/12-space-under-img/inline.view/index.html
index 052eb827..5f937926 100644
--- a/8-css-for-js/12-space-under-img/inline.view/index.html
+++ b/8-css-for-js/12-space-under-img/inline.view/index.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style> * { margin: 0; padding: 0; } </style>
-<table>
-  <tr>
-  <td style="border:1px red solid">
-    <img src="https://js.cx/clipart/square_50.png" width="50" height="50">
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid">
+        <img src="https://js.cx/clipart/square_50.png" width="50" height="50">
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/valign-p.view/index.html b/8-css-for-js/12-space-under-img/valign-p.view/index.html
index 426889ea..168f31b6 100644
--- a/8-css-for-js/12-space-under-img/valign-p.view/index.html
+++ b/8-css-for-js/12-space-under-img/valign-p.view/index.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style> * { margin: 0; padding: 0; } </style>
-<table>
-  <tr>
-  <td style="border:1px red solid">
-    p<img src="https://js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">p
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid">
+        p<img src="https://js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">p
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/valign-small-lh.view/index.html b/8-css-for-js/12-space-under-img/valign-small-lh.view/index.html
index 63e932f4..4edbcf67 100644
--- a/8-css-for-js/12-space-under-img/valign-small-lh.view/index.html
+++ b/8-css-for-js/12-space-under-img/valign-small-lh.view/index.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style> * { margin: 0; padding: 0; } </style>
-<table>
-  <tr>
-  <td style="border:1px red solid; line-height: 1px">
-    <img src="https://js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top">
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid; line-height: 1px">
+        <img src="https://js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top">
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/valign-small.view/index.html b/8-css-for-js/12-space-under-img/valign-small.view/index.html
index 92fb94d7..f7ad70cc 100644
--- a/8-css-for-js/12-space-under-img/valign-small.view/index.html
+++ b/8-css-for-js/12-space-under-img/valign-small.view/index.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style> * { margin: 0; padding: 0; } </style>
-<table>
-  <tr>
-  <td style="border:1px red solid">
-    <img src="https://js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top">
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid">
+        <img src="https://js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top">
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/12-space-under-img/valign.view/index.html b/8-css-for-js/12-space-under-img/valign.view/index.html
index 497ed69a..3de1901c 100644
--- a/8-css-for-js/12-space-under-img/valign.view/index.html
+++ b/8-css-for-js/12-space-under-img/valign.view/index.html
@@ -1,20 +1,27 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<style> * { margin: 0; padding: 0; } </style>
-<table>
-  <tr>
-  <td style="border:1px red solid">
-    <img src="https://js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">
-  </td>
-  </tr>
-</table>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+  <table>
+    <tr>
+      <td style="border:1px red solid">
+        <img src="https://js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">
+      </td>
+    </tr>
+  </table>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/14-height-percent/height-percent-float-exact.view/index.html b/8-css-for-js/14-height-percent/height-percent-float-exact.view/index.html
index 677ad5ab..22c6bf4c 100644
--- a/8-css-for-js/14-height-percent/height-percent-float-exact.view/index.html
+++ b/8-css-for-js/14-height-percent/height-percent-float-exact.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,35 +8,37 @@
       border: 1px solid black;
       height: 200px;
     }
-
+    
     .toggler {
       height: 100%;
       background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
       border-right: #AAA 1px solid;
       width: 30px;
       float: left;
-      margin-le
-      cursor: pointer;
+      margin-le cursor: pointer;
     }
-
+    
     .content {
       margin-left: 35px;
     }
-
-    p { font-size: 80%; }
+    
+    p {
+      font-size: 80%;
+    }
   </style>
 </head>
+
 <body>
 
-<div class="container">
-  <div class="toggler"></div>
-  <div class="content">
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <div class="container">
+    <div class="toggler"></div>
+    <div class="content">
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+    </div>
   </div>
-</div>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/14-height-percent/height-percent-float.view/index.html b/8-css-for-js/14-height-percent/height-percent-float.view/index.html
index d1df060f..d071d54b 100644
--- a/8-css-for-js/14-height-percent/height-percent-float.view/index.html
+++ b/8-css-for-js/14-height-percent/height-percent-float.view/index.html
@@ -1,12 +1,13 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     .container {
       border: 1px solid black;
     }
-
+    
     .toggler {
       height: 100%;
       background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
@@ -15,26 +16,29 @@
       float: left;
       cursor: pointer;
     }
-
+    
     .content {
       margin-left: 35px;
     }
-
-    p { font-size: 80%; }
+    
+    p {
+      font-size: 80%;
+    }
   </style>
 
 </head>
+
 <body>
 
-<div class="container">
-  <div class="toggler"></div>
-  <div class="content">
-    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <div class="container">
+    <div class="toggler"></div>
+    <div class="content">
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-    <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+    </div>
   </div>
-</div>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/14-height-percent/height-percent.view/index.html b/8-css-for-js/14-height-percent/height-percent.view/index.html
index c6dd5227..5bedeeea 100644
--- a/8-css-for-js/14-height-percent/height-percent.view/index.html
+++ b/8-css-for-js/14-height-percent/height-percent.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,11 +8,11 @@
       border: 1px solid black;
       position: relative;
     }
-
+    
     .content {
       margin-left: 35px;
     }
-
+    
     .toggler {
       height: 100%;
       background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
@@ -22,21 +23,25 @@
       top: 0;
       cursor: pointer;
     }
-
-    p { font-size: 80%; }
+    
+    p {
+      font-size: 80%;
+    }
   </style>
 
 </head>
+
 <body>
 
-<div class="container">
-  <div class="toggler"></div>
-  <div class="content">
-    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <div class="container">
+    <div class="toggler"></div>
+    <div class="content">
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-    <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+    </div>
   </div>
-</div>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/1-select-elements-selector/index.html b/8-css-for-js/15-css-selectors/1-select-elements-selector/index.html
index b46adbd7..23cdc40c 100644
--- a/8-css-for-js/15-css-selectors/1-select-elements-selector/index.html
+++ b/8-css-for-js/15-css-selectors/1-select-elements-selector/index.html
@@ -1,76 +1,79 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-<input type="checkbox"> 
-<input type="checkbox" checked> 
-<input type="text" id="message">
+  <input type="checkbox">
+  <input type="checkbox" checked>
+  <input type="text" id="message">
 
-<h3 id="widget-title">Сообщения:</h3>
-<ul id="messages">
-  <li id="message-1">Сообщение 1</li>
-  <li id="message-2">Сообщение 2</li>
-  <li id="message-3" data-action="delete">Сообщение 3</li>
-  <li id="message-4" data-action="edit do-not-delete">Сообщение 4</li>
-  <li id="message-5" data-action="edit delete">Сообщение 5</li>
-  <li><a href="#">...</a></li>
-</ul>
+  <h3 id="widget-title">Сообщения:</h3>
+  <ul id="messages">
+    <li id="message-1">Сообщение 1</li>
+    <li id="message-2">Сообщение 2</li>
+    <li id="message-3" data-action="delete">Сообщение 3</li>
+    <li id="message-4" data-action="edit do-not-delete">Сообщение 4</li>
+    <li id="message-5" data-action="edit delete">Сообщение 5</li>
+    <li><a href="#">...</a></li>
+  </ul>
 
 
-<a href="http://site.com/list.zip">Ссылка на архив</a>
-<a href="http://site.com/list.pdf">..И на PDF</a>
+  <a href="http://site.com/list.zip">Ссылка на архив</a>
+  <a href="http://site.com/list.pdf">..И на PDF</a>
 
 
-<script>
-// тестовая функция для селекторов 
-// проверяет, чтобы элементов по селектору selector было ровно count
-function test(selector, count) {
-  var elems = document.querySelectorAll(selector);
-  var ok = (elems.length == count);
+  <script>
+    // тестовая функция для селекторов 
+    // проверяет, чтобы элементов по селектору selector было ровно count
+    function test(selector, count) {
+      var elems = document.querySelectorAll(selector);
+      var ok = (elems.length == count);
 
-  if (!ok) alert(selector+": " + elems.length + " != " + count);
-}
+      if (!ok) alert(selector + ": " + elems.length + " != " + count);
+    }
 
-// ------------- селекторы --------------
+    // ------------- селекторы --------------
 
-// Выбрать input типа checkbox
-test('input[type="checkbox"]', 1);
+    // Выбрать input типа checkbox
+    test('input[type="checkbox"]', 1);
 
-// Выбрать input типа checkbox, НЕ отмеченный
-test('input[type="checkbox"]:not(:checked)', 1);
+    // Выбрать input типа checkbox, НЕ отмеченный
+    test('input[type="checkbox"]:not(:checked)', 1);
 
-// Найти все элементы с id=message или message-*
-test('[id|="message"]', 6); 
+    // Найти все элементы с id=message или message-*
+    test('[id|="message"]', 6);
 
-// Найти все элементы с id=message-*
-test('[id^="message-"]', 5); 
+    // Найти все элементы с id=message-*
+    test('[id^="message-"]', 5);
 
-// Найти все ссылки с расширением href="...zip"
-test('a[href$=".zip"]', 1); 
+    // Найти все ссылки с расширением href="...zip"
+    test('a[href$=".zip"]', 1);
 
-// Найти все элементы с data-action, содержащим delete в списке (через пробел)
-test('[data-action~="delete"]', 2); 
+    // Найти все элементы с data-action, содержащим delete в списке (через пробел)
+    test('[data-action~="delete"]', 2);
 
-// Найти все элементы, у которых ЕСТЬ атрибут data-action, 
-// но он НЕ содержащит delete в списке (через пробел)
-test('[data-action]:not([data-action~="delete"])', 1); 
+    // Найти все элементы, у которых ЕСТЬ атрибут data-action, 
+    // но он НЕ содержащит delete в списке (через пробел)
+    test('[data-action]:not([data-action~="delete"])', 1);
 
-// Выбрать все чётные элементы списка #messages
-test('#messages li:nth-child(2n)', 3);
+    // Выбрать все чётные элементы списка #messages
+    test('#messages li:nth-child(2n)', 3);
 
-// Выбрать один элемент сразу за заголовком h3#widget-title
-// на том же уровне вложенности
-test('h3#widget-title + *', 1);
+    // Выбрать один элемент сразу за заголовком h3#widget-title
+    // на том же уровне вложенности
+    test('h3#widget-title + *', 1);
 
-// Выбрать все ссылки, следующие за заголовком h3#widget-title
-// на том же уровне вложенности
-test('h3#widget-title ~ a', 2);
+    // Выбрать все ссылки, следующие за заголовком h3#widget-title
+    // на том же уровне вложенности
+    test('h3#widget-title ~ a', 2);
 
-// Выбрать ссылку внутри последнего элемента списка #messages
-test('#messages li:last-child a', 1);
-</script>
+    // Выбрать ссылку внутри последнего элемента списка #messages
+    test('#messages li:last-child a', 1);
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/1-select-elements-selector/source.view/index.html b/8-css-for-js/15-css-selectors/1-select-elements-selector/source.view/index.html
index 2d00407a..d3419afa 100644
--- a/8-css-for-js/15-css-selectors/1-select-elements-selector/source.view/index.html
+++ b/8-css-for-js/15-css-selectors/1-select-elements-selector/source.view/index.html
@@ -1,84 +1,87 @@
 <!DOCTYPE HTML>
 <html>
-<head><meta charset="utf-8"></head>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
 <body>
 
-<input type="checkbox"> 
-<input type="checkbox" checked> 
-<input type="text" id="message">
+  <input type="checkbox">
+  <input type="checkbox" checked>
+  <input type="text" id="message">
 
-<h3 id="widget-title">Сообщения:</h3>
-<ul id="messages">
-  <li id="message-1">Сообщение 1</li>
-  <li id="message-2">Сообщение 2</li>
-  <li id="message-3" data-action="delete">Сообщение 3</li>
-  <li id="message-4" data-action="edit do-not-delete">Сообщение 4</li>
-  <li id="message-5" data-action="edit delete">Сообщение 5</li>
-  <li><a href="#">...</a></li>
-</ul>
+  <h3 id="widget-title">Сообщения:</h3>
+  <ul id="messages">
+    <li id="message-1">Сообщение 1</li>
+    <li id="message-2">Сообщение 2</li>
+    <li id="message-3" data-action="delete">Сообщение 3</li>
+    <li id="message-4" data-action="edit do-not-delete">Сообщение 4</li>
+    <li id="message-5" data-action="edit delete">Сообщение 5</li>
+    <li><a href="#">...</a></li>
+  </ul>
 
 
-<a href="http://site.com/list.zip">Ссылка на архив</a>
-<a href="http://site.com/list.pdf">..И на PDF</a>
+  <a href="http://site.com/list.zip">Ссылка на архив</a>
+  <a href="http://site.com/list.pdf">..И на PDF</a>
 
 
-<script>
+  <script>
+    /**
+     * Функция test(selector, count) находит элементы по селектору 
+     * и сравнивает их число с count. 
+     * 
+     * Иными словами, вызовы ниже проверяют, 
+     * что число элементов по селектору - правильное  
+     **/
+    test('input', 3); // далее вместо '...' вставьте правильные селекторы
 
-/**
- * Функция test(selector, count) находит элементы по селектору 
- * и сравнивает их число с count. 
- * 
- * Иными словами, вызовы ниже проверяют, 
- * что число элементов по селектору - правильное  
-**/
-test('input', 3); // далее вместо '...' вставьте правильные селекторы
+    // Выбрать input типа checkbox
+    test('...', 1);
 
-// Выбрать input типа checkbox
-test('...', 1);
+    // Выбрать input типа checkbox, НЕ отмеченный
+    test('...', 1);
 
-// Выбрать input типа checkbox, НЕ отмеченный
-test('...', 1);
+    // Найти все элементы с id=message или message-*
+    test('...', 6);
 
-// Найти все элементы с id=message или message-*
-test('...', 6); 
+    // Найти все элементы с id=message-*
+    test('...', 5);
 
-// Найти все элементы с id=message-*
-test('...', 5); 
+    // Найти все ссылки с расширением href="...zip"
+    test('...', 1);
 
-// Найти все ссылки с расширением href="...zip"
-test('...', 1); 
+    // Найти все элементы с data-action, содержащим delete в списке (через пробел)
+    test('...', 2);
 
-// Найти все элементы с data-action, содержащим delete в списке (через пробел)
-test('...', 2); 
+    // Найти все элементы, у которых ЕСТЬ атрибут data-action, 
+    // но он НЕ содержит delete в списке (через пробел)
+    test('...', 1);
 
-// Найти все элементы, у которых ЕСТЬ атрибут data-action, 
-// но он НЕ содержит delete в списке (через пробел)
-test('...', 1); 
+    // Выбрать все чётные элементы списка #messages
+    test('...', 3);
 
-// Выбрать все чётные элементы списка #messages
-test('...', 3);
+    // Выбрать один элемент сразу за заголовком h3#widget-title
+    // на том же уровне вложенности
+    test('...', 1);
 
-// Выбрать один элемент сразу за заголовком h3#widget-title
-// на том же уровне вложенности
-test('...', 1);
+    // Выбрать все ссылки, следующие за заголовком h3#widget-title
+    // на том же уровне вложенности
+    test('...', 2);
 
-// Выбрать все ссылки, следующие за заголовком h3#widget-title
-// на том же уровне вложенности
-test('...', 2);
-
-// Выбрать ссылку внутри последнего элемента списка #messages
-test('...', 1);
+    // Выбрать ссылку внутри последнего элемента списка #messages
+    test('...', 1);
 
 
-function test(selector, count) {
-  if (selector === '...') return; 
+    function test(selector, count) {
+      if (selector === '...') return;
 
-  var elems = document.querySelectorAll(selector);
-  var ok = (elems.length == count);
+      var elems = document.querySelectorAll(selector);
+      var ok = (elems.length == count);
 
-  if (!ok) alert(selector+": " + elems.length + " != " + count);
-}
-
-</script>
+      if (!ok) alert(selector + ": " + elems.length + " != " + count);
+    }
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/solution.view/index.html b/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/solution.view/index.html
index e7e8feea..ca550ebc 100644
--- a/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/solution.view/index.html
+++ b/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/solution.view/index.html
@@ -1,32 +1,36 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  body {
-    font: 14px/1.5 Georgia, serif;
-  }
-  ul {
-    margin: 0;
-  }
-
-  li:nth-child(n+2) {
-    margin-top: 1.5em;
-  }
+    body {
+      font: 14px/1.5 Georgia, serif;
+    }
+    
+    ul {
+      margin: 0;
+    }
+    
+    li:nth-child(n+2) {
+      margin-top: 1.5em;
+    }
   </style>
 </head>
+
 <body>
 
-Текст вверху без отступа от списка.
-<ul>
-  <li>Маша</li>
-  <li>Паша</li>
-  <li>Даша</li>
-  <li>Женя</li>
-  <li>Саша</li>
-  <li>Гоша</li>
-</ul>
-Текст внизу без отступа от списка.
+  Текст вверху без отступа от списка.
+  <ul>
+    <li>Маша</li>
+    <li>Паша</li>
+    <li>Даша</li>
+    <li>Женя</li>
+    <li>Саша</li>
+    <li>Гоша</li>
+  </ul>
+  Текст внизу без отступа от списка.
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/source.view/index.html b/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/source.view/index.html
index eced2bc6..bc2bed05 100644
--- a/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/source.view/index.html
+++ b/8-css-for-js/15-css-selectors/2-margin-between-pairs-size-1/source.view/index.html
@@ -1,28 +1,32 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  body {
-    font: 14px/1.5 Georgia, serif;
-  }
-  ul {
-    margin: 0;
-  }
+    body {
+      font: 14px/1.5 Georgia, serif;
+    }
+    
+    ul {
+      margin: 0;
+    }
   </style>
 </head>
+
 <body>
 
-Текст вверху без отступа от списка.
-<ul>
-  <li>Маша</li>
-  <li>Паша</li>
-  <li>Даша</li>
-  <li>Женя</li>
-  <li>Саша</li>
-  <li>Гоша</li>
-</ul>
-Текст внизу без отступа от списка.
+  Текст вверху без отступа от списка.
+  <ul>
+    <li>Маша</li>
+    <li>Паша</li>
+    <li>Даша</li>
+    <li>Женя</li>
+    <li>Саша</li>
+    <li>Гоша</li>
+  </ul>
+  Текст внизу без отступа от списка.
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/3-margin-between-pairs/index.html b/8-css-for-js/15-css-selectors/3-margin-between-pairs/index.html
index 2839e0dd..be0d58bc 100644
--- a/8-css-for-js/15-css-selectors/3-margin-between-pairs/index.html
+++ b/8-css-for-js/15-css-selectors/3-margin-between-pairs/index.html
@@ -1,32 +1,36 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  body {
-    font: 14px/1.5 Georgia, serif;
-  }
-  ul {
-    margin: 0;
-  }
-
-  li:nth-child(odd):not(:first-child) {
-    margin-top: 1.5em;
-  }
+    body {
+      font: 14px/1.5 Georgia, serif;
+    }
+    
+    ul {
+      margin: 0;
+    }
+    
+    li:nth-child(odd):not(:first-child) {
+      margin-top: 1.5em;
+    }
   </style>
 </head>
+
 <body>
 
-Текст вверху без отступа от списка.
-<ul>
-  <li>Маша</li>
-  <li>Паша</li>
-  <li>Даша</li>
-  <li>Женя</li>
-  <li>Саша</li>
-  <li>Гоша</li>
-</ul>
-Текст внизу без отступа от списка.
+  Текст вверху без отступа от списка.
+  <ul>
+    <li>Маша</li>
+    <li>Паша</li>
+    <li>Даша</li>
+    <li>Женя</li>
+    <li>Саша</li>
+    <li>Гоша</li>
+  </ul>
+  Текст внизу без отступа от списка.
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/3-margin-between-pairs/solution.view/index.html b/8-css-for-js/15-css-selectors/3-margin-between-pairs/solution.view/index.html
index 2839e0dd..be0d58bc 100644
--- a/8-css-for-js/15-css-selectors/3-margin-between-pairs/solution.view/index.html
+++ b/8-css-for-js/15-css-selectors/3-margin-between-pairs/solution.view/index.html
@@ -1,32 +1,36 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  body {
-    font: 14px/1.5 Georgia, serif;
-  }
-  ul {
-    margin: 0;
-  }
-
-  li:nth-child(odd):not(:first-child) {
-    margin-top: 1.5em;
-  }
+    body {
+      font: 14px/1.5 Georgia, serif;
+    }
+    
+    ul {
+      margin: 0;
+    }
+    
+    li:nth-child(odd):not(:first-child) {
+      margin-top: 1.5em;
+    }
   </style>
 </head>
+
 <body>
 
-Текст вверху без отступа от списка.
-<ul>
-  <li>Маша</li>
-  <li>Паша</li>
-  <li>Даша</li>
-  <li>Женя</li>
-  <li>Саша</li>
-  <li>Гоша</li>
-</ul>
-Текст внизу без отступа от списка.
+  Текст вверху без отступа от списка.
+  <ul>
+    <li>Маша</li>
+    <li>Паша</li>
+    <li>Даша</li>
+    <li>Женя</li>
+    <li>Саша</li>
+    <li>Гоша</li>
+  </ul>
+  Текст внизу без отступа от списка.
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/3-margin-between-pairs/source.view/index.html b/8-css-for-js/15-css-selectors/3-margin-between-pairs/source.view/index.html
index eced2bc6..bc2bed05 100644
--- a/8-css-for-js/15-css-selectors/3-margin-between-pairs/source.view/index.html
+++ b/8-css-for-js/15-css-selectors/3-margin-between-pairs/source.view/index.html
@@ -1,28 +1,32 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  body {
-    font: 14px/1.5 Georgia, serif;
-  }
-  ul {
-    margin: 0;
-  }
+    body {
+      font: 14px/1.5 Georgia, serif;
+    }
+    
+    ul {
+      margin: 0;
+    }
   </style>
 </head>
+
 <body>
 
-Текст вверху без отступа от списка.
-<ul>
-  <li>Маша</li>
-  <li>Паша</li>
-  <li>Даша</li>
-  <li>Женя</li>
-  <li>Саша</li>
-  <li>Гоша</li>
-</ul>
-Текст внизу без отступа от списка.
+  Текст вверху без отступа от списка.
+  <ul>
+    <li>Маша</li>
+    <li>Паша</li>
+    <li>Даша</li>
+    <li>Женя</li>
+    <li>Саша</li>
+    <li>Гоша</li>
+  </ul>
+  Текст внизу без отступа от списка.
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/nthchild-type.view/index.html b/8-css-for-js/15-css-selectors/nthchild-type.view/index.html
index 2aec672a..6cd90276 100644
--- a/8-css-for-js/15-css-selectors/nthchild-type.view/index.html
+++ b/8-css-for-js/15-css-selectors/nthchild-type.view/index.html
@@ -1,38 +1,40 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <style>
-
     dt:nth-of-type(2n) {
       /* чётные dt (соседи с другими тегами игнорируются) */
+      
       background: #eee;
     }
-
+    
     dd:nth-last-of-type(2) {
       /* второй dd снизу */
+      
       color: red;
     }
     
     code {
       border: 1px solid black;
     }
-
-
   </style>
 </head>
+
 <body>
 
-<dl>
-  <dt>Первый dt</dt>
-  <dd>Описание dd</dd>
-  <dt>Второй dt <code>dt:nth-of-type(2n)</code></dt>
-  <dd>Описание dd</dd>
-  <dt>Третий dt</dt>
-  <dd>Описание dd <code>dd:nth-last-of-type(2)</code></dd>
-  <dt>Четвёртый dt <code>dt:nth-of-type(2n)</code></dt>
-  <dd>Описание dd</dd>
-</dl>
+  <dl>
+    <dt>Первый dt</dt>
+    <dd>Описание dd</dd>
+    <dt>Второй dt <code>dt:nth-of-type(2n)</code></dt>
+    <dd>Описание dd</dd>
+    <dt>Третий dt</dt>
+    <dd>Описание dd <code>dd:nth-last-of-type(2)</code></dd>
+    <dt>Четвёртый dt <code>dt:nth-of-type(2n)</code></dt>
+    <dd>Описание dd</dd>
+  </dl>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/nthchild.view/index.html b/8-css-for-js/15-css-selectors/nthchild.view/index.html
index ca5d343c..b0bfad48 100644
--- a/8-css-for-js/15-css-selectors/nthchild.view/index.html
+++ b/8-css-for-js/15-css-selectors/nthchild.view/index.html
@@ -1,32 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <style>
-
-    li:nth-child(2n) { /* чётные */
+    li:nth-child(2n) {
+      /* чётные */
+      
       background: #eee;
     }
-
-    li:nth-child(3) {  /* 3-ий потомок */
+    
+    li:nth-child(3) {
+      /* 3-ий потомок */
+      
       color: red;
     }
-
+    
     code {
       border: 1px solid black;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul>
-  <li>Древнерусский язык</li>
-  <li>Древненовгородский диалект <code>li:nth-child(2n)</code></li>
-  <li>Западнорусский письменный язык <code>li:nth-child(3)</code></li>
-  <li>Украинский язык <code>li:nth-child(2n)</code></li>
-  <li>Белорусский язык</li>
-  <li>Другие языки <code>li:nth-child(2n)</code></li>
-</ul>
+  <ul>
+    <li>Древнерусский язык</li>
+    <li>Древненовгородский диалект <code>li:nth-child(2n)</code></li>
+    <li>Западнорусский письменный язык <code>li:nth-child(3)</code></li>
+    <li>Украинский язык <code>li:nth-child(2n)</code></li>
+    <li>Белорусский язык</li>
+    <li>Другие языки <code>li:nth-child(2n)</code></li>
+  </ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/15-css-selectors/relation.view/index.html b/8-css-for-js/15-css-selectors/relation.view/index.html
index 6f97aedc..a555bd2a 100644
--- a/8-css-for-js/15-css-selectors/relation.view/index.html
+++ b/8-css-for-js/15-css-selectors/relation.view/index.html
@@ -1,59 +1,71 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style>
-#languages li {
-  color: brown;
-}
-
-#languages > li {
-  color: black;
-}
-
-#e-slavic { font-style: italic; }
-#e-slavic ~ li {
-  color: red;
-}
-
-#latvian { font-style: italic; }
-
-#latvian * { font-style: normal }
-#latvian + li {
- color: green;
-}
-
-code {
-  border: 1px solid black;
-}
-
-</style>
+  <style>
+    #languages li {
+      color: brown;
+    }
+    
+    #languages > li {
+      color: black;
+    }
+    
+    #e-slavic {
+      font-style: italic;
+    }
+    
+    #e-slavic ~ li {
+      color: red;
+    }
+    
+    #latvian {
+      font-style: italic;
+    }
+    
+    #latvian * {
+      font-style: normal
+    }
+    
+    #latvian + li {
+      color: green;
+    }
+    
+    code {
+      border: 1px solid black;
+    }
+  </style>
 </head>
+
 <body>
 
-<h3>Балтославянские языки</h3>
+  <h3>Балтославянские языки</h3>
 
-<ol id="languages">
-  <li>Славянские языки
-    <ol>
-      <li>Славянские микроязыки</li>
-      <li>Праславянский язык</li>
-      <li id="e-slavic">Восточнославянские языки <code>#e-slavic</code></li>
-      <li>Западнославянские языки <code>#e-slavic ~ li</code></li>
-      <li>Южнославянские языки <code>#e-slavic ~ li</code></li>
-      <li> ... <code>#e-slavic ~ li</code></li>
-    </ol>
-  </li>
-  <li>Балтийские языки
-    <ol>
-      <li>Литовский язык</li>
-      <li id="latvian">Латышский язык <code>#latvian</code>
-        <ol><li>Латгальский язык <code>#latvian *</code></li></ol>
-      </li>
-      <li>Прусский язык <code>#latvian + li </code></li>
-      <li>... (следующий элемент уже не <code>#latvian + li</code>)</li>
-    </ol>
-  </li>
-</ol>
+  <ol id="languages">
+    <li>Славянские языки
+      <ol>
+        <li>Славянские микроязыки</li>
+        <li>Праславянский язык</li>
+        <li id="e-slavic">Восточнославянские языки <code>#e-slavic</code></li>
+        <li>Западнославянские языки <code>#e-slavic ~ li</code></li>
+        <li>Южнославянские языки <code>#e-slavic ~ li</code></li>
+        <li> ... <code>#e-slavic ~ li</code></li>
+      </ol>
+    </li>
+    <li>Балтийские языки
+      <ol>
+        <li>Литовский язык</li>
+        <li id="latvian">Латышский язык <code>#latvian</code>
+          <ol>
+            <li>Латгальский язык <code>#latvian *</code></li>
+          </ol>
+        </li>
+        <li>Прусский язык <code>#latvian + li </code></li>
+        <li>... (следующий элемент уже не <code>#latvian + li</code>)</li>
+      </ol>
+    </li>
+  </ol>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/17-css-sprite/height48.view/index.html b/8-css-for-js/17-css-sprite/height48.view/index.html
index d4b58f73..d38bc117 100644
--- a/8-css-for-js/17-css-sprite/height48.view/index.html
+++ b/8-css-for-js/17-css-sprite/height48.view/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .icon {
       width: 16px;
       height: 48px;
@@ -11,24 +11,26 @@
       outline: 1px dotted black;
       background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
     }
-
+    
     li {
       list-style: none;
     }
+    
     .text {
       margin: 6px 0 6px 16px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Пример раздела</div>
-</li>
-</ul>
+  <ul>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Пример раздела</div>
+    </li>
+  </ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/17-css-sprite/sprite-example/index.html b/8-css-for-js/17-css-sprite/sprite-example/index.html
index 7d88ed34..d23710b6 100644
--- a/8-css-for-js/17-css-sprite/sprite-example/index.html
+++ b/8-css-for-js/17-css-sprite/sprite-example/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -13,13 +14,14 @@
     }
   </style>
 </head>
+
 <body>
 
 
-<div class="rss"></div>
-Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость
-Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость
+  <div class="rss"></div>
+  Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость Очень интересная новость
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/17-css-sprite/sprite-tree-1/height48.view/index.html b/8-css-for-js/17-css-sprite/sprite-tree-1/height48.view/index.html
index d4b58f73..d38bc117 100644
--- a/8-css-for-js/17-css-sprite/sprite-tree-1/height48.view/index.html
+++ b/8-css-for-js/17-css-sprite/sprite-tree-1/height48.view/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .icon {
       width: 16px;
       height: 48px;
@@ -11,24 +11,26 @@
       outline: 1px dotted black;
       background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
     }
-
+    
     li {
       list-style: none;
     }
+    
     .text {
       margin: 6px 0 6px 16px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Пример раздела</div>
-</li>
-</ul>
+  <ul>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Пример раздела</div>
+    </li>
+  </ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/17-css-sprite/sprite-tree-1/index.html b/8-css-for-js/17-css-sprite/sprite-tree-1/index.html
index f8075c48..eaee2391 100644
--- a/8-css-for-js/17-css-sprite/sprite-tree-1/index.html
+++ b/8-css-for-js/17-css-sprite/sprite-tree-1/index.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .icon {
       width: 16px;
       height: 16px;
@@ -11,24 +11,26 @@
       outline: 1px dotted black;
       background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
     }
-
+    
     li {
       list-style: none;
     }
+    
     .text {
       margin: 6px 0 6px 16px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Пример раздела</div>
-</li>
-</ul>
+  <ul>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Пример раздела</div>
+    </li>
+  </ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/17-css-sprite/sprite-tree-src.view/index.html b/8-css-for-js/17-css-sprite/sprite-tree-src.view/index.html
index ed57bbd8..28c9ff67 100644
--- a/8-css-for-js/17-css-sprite/sprite-tree-src.view/index.html
+++ b/8-css-for-js/17-css-sprite/sprite-tree-src.view/index.html
@@ -1,63 +1,68 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .icon {
       width: 16px;
       height: 16px;
       float: left;
     }
-
+    
     .open .icon {
       cursor: pointer;
       background: url(https://js.cx/sprite-tree/minus.gif);
     }
-
+    
     .closed .icon {
       cursor: pointer;
       background: url(https://js.cx/sprite-tree/plus.gif);
     }
-
+    
     .leaf .icon {
       cursor: text;
       background: url(https://js.cx/sprite-tree/article.gif);
     }
-
+    
     li {
       list-style: none;
     }
+    
     .text {
       margin: 6px 0 6px 16px;
     }
-
   </style>
 </head>
+
 <body>
 
 
 
-<ul>
-<li class="open">
-  <div class="icon"></div>
-  <div class="text">Раздел 1<br>В две строки</div>
   <ul>
-  <li class="closed">
-    <div class="icon"></div>
-    <div class="text">Раздел 1.1 в одну строку</div>
-  </li>
-  <li class="leaf">
-    <div class="icon"></div>
-    <div class="text">Страница 1.2<br> в две строки</div>
-  </li>
+    <li class="open">
+      <div class="icon"></div>
+      <div class="text">Раздел 1
+        <br>В две строки</div>
+      <ul>
+        <li class="closed">
+          <div class="icon"></div>
+          <div class="text">Раздел 1.1 в одну строку</div>
+        </li>
+        <li class="leaf">
+          <div class="icon"></div>
+          <div class="text">Страница 1.2
+            <br> в две строки</div>
+        </li>
+      </ul>
+    </li>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Раздел 2
+        <br>В две строки</div>
+    </li>
   </ul>
-</li>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Раздел 2<br>В две строки</div>
-</li>
-</ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/17-css-sprite/sprite-tree.view/index.html b/8-css-for-js/17-css-sprite/sprite-tree.view/index.html
index 18fcc557..ee59bc06 100644
--- a/8-css-for-js/17-css-sprite/sprite-tree.view/index.html
+++ b/8-css-for-js/17-css-sprite/sprite-tree.view/index.html
@@ -1,64 +1,69 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .icon {
       width: 16px;
       height: 16px;
       float: left;
       background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
     }
-
+    
     .open .icon {
       background-position: 0 -16px;
       cursor: pointer;
     }
-
+    
     .closed .icon {
       background-position: 0 0px;
       cursor: pointer;
     }
-
+    
     .leaf .icon {
       background-position: 0 -32px;
       cursor: text;
     }
-
+    
     li {
       list-style: none;
     }
+    
     .text {
       margin: 6px 0 6px 16px;
     }
-
   </style>
 </head>
+
 <body>
 
 
 
-<ul>
-<li class="open">
-  <div class="icon"></div>
-  <div class="text">Раздел 1<br>В две строки</div>
   <ul>
-  <li class="closed">
-    <div class="icon"></div>
-    <div class="text">Раздел 1.1 в одну строку</div>
-  </li>
-  <li class="leaf">
-    <div class="icon"></div>
-    <div class="text">Страница 1.2<br> в две строки</div>
-  </li>
+    <li class="open">
+      <div class="icon"></div>
+      <div class="text">Раздел 1
+        <br>В две строки</div>
+      <ul>
+        <li class="closed">
+          <div class="icon"></div>
+          <div class="text">Раздел 1.1 в одну строку</div>
+        </li>
+        <li class="leaf">
+          <div class="icon"></div>
+          <div class="text">Страница 1.2
+            <br> в две строки</div>
+        </li>
+      </ul>
+    </li>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Раздел 2
+        <br>В две строки</div>
+    </li>
   </ul>
-</li>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Раздел 2<br>В две строки</div>
-</li>
-</ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/1-inline-block-vs-float/gallery-float-diffsize.view/index.html b/8-css-for-js/4-float/1-inline-block-vs-float/gallery-float-diffsize.view/index.html
index fc157802..ca8375bb 100644
--- a/8-css-for-js/4-float/1-inline-block-vs-float/gallery-float-diffsize.view/index.html
+++ b/8-css-for-js/4-float/1-inline-block-vs-float/gallery-float-diffsize.view/index.html
@@ -1,75 +1,75 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .gallery li {
       float: left;
       width: 130px;
-
       list-style: none;
-
       /* красивости */
+      
       border: 1px solid black;
       text-align: center;
       margin: 5px;
     }
-
+    
     .gallery li:nth-child(2n) {
       height: 200px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul class="gallery">
-<li>
-  <img src="https://js.cx/carousel/1.png" width="130" height="130">
-  <div>Картинка 1</div>
-</li>
+  <ul class="gallery">
+    <li>
+      <img src="https://js.cx/carousel/1.png" width="130" height="130">
+      <div>Картинка 1</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/2.png" width="130" height="130">
-  <div>Картинка 2</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/2.png" width="130" height="130">
+      <div>Картинка 2</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/3.png" width="130" height="130">
-  <div>Картинка 3</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/3.png" width="130" height="130">
+      <div>Картинка 3</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/4.png" width="130" height="130">
-  <div>Картинка 4</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/4.png" width="130" height="130">
+      <div>Картинка 4</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/5.png" width="130" height="130">
-  <div>Картинка 5</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/5.png" width="130" height="130">
+      <div>Картинка 5</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/6.png" width="130" height="130">
-  <div>Картинка 6</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/6.png" width="130" height="130">
+      <div>Картинка 6</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/7.png" width="130" height="130">
-  <div>Картинка 7</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/7.png" width="130" height="130">
+      <div>Картинка 7</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/8.png" width="130" height="130">
-  <div>Картинка 8</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/8.png" width="130" height="130">
+      <div>Картинка 8</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/9.png" width="130" height="130">
-  <div>Картинка 9</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/9.png" width="130" height="130">
+      <div>Картинка 9</div>
+    </li>
 
-</ul>
+  </ul>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/1-inline-block-vs-float/gallery-inline-block.view/index.html b/8-css-for-js/4-float/1-inline-block-vs-float/gallery-inline-block.view/index.html
index 68d35b5a..2fc7abca 100644
--- a/8-css-for-js/4-float/1-inline-block-vs-float/gallery-inline-block.view/index.html
+++ b/8-css-for-js/4-float/1-inline-block-vs-float/gallery-inline-block.view/index.html
@@ -1,63 +1,61 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .gallery li {
       display: inline-block;
       vertical-align: middle;
-
       width: 130px;
-
       list-style: none;
-
       /* красивости */
+      
       border: 1px solid black;
       text-align: center;
       margin: 5px;
     }
-
+    
     .gallery li:nth-child(2n) {
       height: 200px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul class="gallery">
-<li>
-  <img src="https://js.cx/carousel/1.png" width="130" height="130">
-  <div>Картинка 1</div>
-</li>
+  <ul class="gallery">
+    <li>
+      <img src="https://js.cx/carousel/1.png" width="130" height="130">
+      <div>Картинка 1</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/2.png" width="130" height="130">
-  <div>Картинка 2</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/2.png" width="130" height="130">
+      <div>Картинка 2</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/3.png" width="130" height="130">
-  <div>Картинка 3</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/3.png" width="130" height="130">
+      <div>Картинка 3</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/4.png" width="130" height="130">
-  <div>Картинка 4</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/4.png" width="130" height="130">
+      <div>Картинка 4</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/5.png" width="130" height="130">
-  <div>Картинка 5</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/5.png" width="130" height="130">
+      <div>Картинка 5</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/6.png" width="130" height="130">
-  <div>Картинка 6</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/6.png" width="130" height="130">
+      <div>Картинка 6</div>
+    </li>
 
-</ul>
+  </ul>
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/1-inline-block-vs-float/solution.view/index.html b/8-css-for-js/4-float/1-inline-block-vs-float/solution.view/index.html
index 5e3a01a7..7118da0b 100644
--- a/8-css-for-js/4-float/1-inline-block-vs-float/solution.view/index.html
+++ b/8-css-for-js/4-float/1-inline-block-vs-float/solution.view/index.html
@@ -1,72 +1,71 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .gallery li {
       float: left;
       width: 130px;
-
       list-style: none;
-
       /* красивости */
+      
       border: 1px solid black;
       text-align: center;
       margin: 5px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul class="gallery">
-<li>
-  <img src="https://js.cx/carousel/1.png" width="130" height="130">
-  <div>Картинка 1</div>
-</li>
+  <ul class="gallery">
+    <li>
+      <img src="https://js.cx/carousel/1.png" width="130" height="130">
+      <div>Картинка 1</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/2.png" width="130" height="130">
-  <div>Картинка 2</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/2.png" width="130" height="130">
+      <div>Картинка 2</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/3.png" width="130" height="130">
-  <div>Картинка 3</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/3.png" width="130" height="130">
+      <div>Картинка 3</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/4.png" width="130" height="130">
-  <div>Картинка 4</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/4.png" width="130" height="130">
+      <div>Картинка 4</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/5.png" width="130" height="130">
-  <div>Картинка 5</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/5.png" width="130" height="130">
+      <div>Картинка 5</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/6.png" width="130" height="130">
-  <div>Картинка 6</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/6.png" width="130" height="130">
+      <div>Картинка 6</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/7.png" width="130" height="130">
-  <div>Картинка 7</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/7.png" width="130" height="130">
+      <div>Картинка 7</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/8.png" width="130" height="130">
-  <div>Картинка 8</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/8.png" width="130" height="130">
+      <div>Картинка 8</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/9.png" width="130" height="130">
-  <div>Картинка 9</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/9.png" width="130" height="130">
+      <div>Картинка 9</div>
+    </li>
 
-</ul>
+  </ul>
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/2-tree-with-multiline-nodes/solution.view/index.html b/8-css-for-js/4-float/2-tree-with-multiline-nodes/solution.view/index.html
index 93146cf5..129809a6 100644
--- a/8-css-for-js/4-float/2-tree-with-multiline-nodes/solution.view/index.html
+++ b/8-css-for-js/4-float/2-tree-with-multiline-nodes/solution.view/index.html
@@ -1,63 +1,68 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .icon {
       width: 16px;
       height: 16px;
       float: left;
     }
-
+    
     .open .icon {
       cursor: pointer;
       background: url(https://js.cx/sprite-tree/minus.gif);
     }
-
+    
     .closed .icon {
       cursor: pointer;
       background: url(https://js.cx/sprite-tree/plus.gif);
     }
-
+    
     .leaf .icon {
       cursor: text;
       background: url(https://js.cx/sprite-tree/article.gif);
     }
-
+    
     li {
       list-style: none;
     }
+    
     .text {
       margin: 6px 0 6px 16px;
     }
-
   </style>
 </head>
+
 <body>
 
 
 
-<ul>
-<li class="open">
-  <div class="icon"></div>
-  <div class="text">Раздел 1<br>(занимает две строки)</div>
   <ul>
-  <li class="closed">
-    <div class="icon"></div>
-    <div class="text">Раздел 1.1</div>
-  </li>
-  <li class="leaf">
-    <div class="icon"></div>
-    <div class="text">Страница 1.2<br>(занимает две строки)</div>
-  </li>
+    <li class="open">
+      <div class="icon"></div>
+      <div class="text">Раздел 1
+        <br>(занимает две строки)</div>
+      <ul>
+        <li class="closed">
+          <div class="icon"></div>
+          <div class="text">Раздел 1.1</div>
+        </li>
+        <li class="leaf">
+          <div class="icon"></div>
+          <div class="text">Страница 1.2
+            <br>(занимает две строки)</div>
+        </li>
+      </ul>
+    </li>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Раздел 2
+        <br>(занимает две строки)</div>
+    </li>
   </ul>
-</li>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Раздел 2<br>(занимает две строки)</div>
-</li>
-</ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/2-tree-with-multiline-nodes/source.view/index.html b/8-css-for-js/4-float/2-tree-with-multiline-nodes/source.view/index.html
index c5b2575a..bc57bddf 100644
--- a/8-css-for-js/4-float/2-tree-with-multiline-nodes/source.view/index.html
+++ b/8-css-for-js/4-float/2-tree-with-multiline-nodes/source.view/index.html
@@ -1,39 +1,45 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     /* ваш стиль */
   </style>
 </head>
+
 <body>
 
-<!-- картинки для узлов -->
-<img src="https://js.cx/sprite-tree/minus.gif" width="16" height="16">
-<img src="https://js.cx/sprite-tree/plus.gif" width="16" height="16">
-<img src="https://js.cx/sprite-tree/article.gif" width="16" height="16">
+  <!-- картинки для узлов -->
+  <img src="https://js.cx/sprite-tree/minus.gif" width="16" height="16">
+  <img src="https://js.cx/sprite-tree/plus.gif" width="16" height="16">
+  <img src="https://js.cx/sprite-tree/article.gif" width="16" height="16">
 
 
-<ul>
-<li class="open">
-  <div class="icon"></div>
-  <div class="text">Раздел 1<br>(занимает две строки)</div>
   <ul>
-  <li class="closed">
-    <div class="icon"></div>
-    <div class="text">Раздел 1.1</div>
-  </li>
-  <li class="leaf">
-    <div class="icon"></div>
-    <div class="text">Страница 1.2<br>(занимает две строки)</div>
-  </li>
+    <li class="open">
+      <div class="icon"></div>
+      <div class="text">Раздел 1
+        <br>(занимает две строки)</div>
+      <ul>
+        <li class="closed">
+          <div class="icon"></div>
+          <div class="text">Раздел 1.1</div>
+        </li>
+        <li class="leaf">
+          <div class="icon"></div>
+          <div class="text">Страница 1.2
+            <br>(занимает две строки)</div>
+        </li>
+      </ul>
+    </li>
+    <li class="closed">
+      <div class="icon"></div>
+      <div class="text">Раздел 2
+        <br>(занимает две строки)</div>
+    </li>
   </ul>
-</li>
-<li class="closed">
-  <div class="icon"></div>
-  <div class="text">Раздел 2<br>(занимает две строки)</div>
-</li>
-</ul>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/3-paginator-css/nav-div-wrong/index.html b/8-css-for-js/4-float/3-paginator-css/nav-div-wrong/index.html
index d92374ad..ed0bd4de 100644
--- a/8-css-for-js/4-float/3-paginator-css/nav-div-wrong/index.html
+++ b/8-css-for-js/4-float/3-paginator-css/nav-div-wrong/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -8,32 +9,36 @@
       width: 80%;
       margin: auto;
     }
+    
     .nav .left {
       float: left;
-      border:1px solid black;
+      border: 1px solid black;
     }
+    
     .nav .right {
       float: right;
-      border:1px solid black;
+      border: 1px solid black;
     }
+    
     .nav .pages {
       text-align: center;
       line-height: 40px;
-      border:1px solid black;
+      border: 1px solid black;
     }
   </style>
 </head>
+
 <body>
 
-Текст Сверху
+  Текст Сверху
 
-<div class="nav">
-<img src="https://js.cx/clipart/arrow-left.jpg" class="left" width="40" height="40">
-<div class="pages">1 2 3 4 5 6 7 8 9</div>
-<img src="https://js.cx/clipart/arrow-right.jpg" class="right" width="40" height="40">
-</div>
+  <div class="nav">
+    <img src="https://js.cx/clipart/arrow-left.jpg" class="left" width="40" height="40">
+    <div class="pages">1 2 3 4 5 6 7 8 9</div>
+    <img src="https://js.cx/clipart/arrow-right.jpg" class="right" width="40" height="40">
+  </div>
 
-Текст Снизу
+  Текст Снизу
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/3-paginator-css/solution.view/index.html b/8-css-for-js/4-float/3-paginator-css/solution.view/index.html
index a54aaecc..6bc093cb 100644
--- a/8-css-for-js/4-float/3-paginator-css/solution.view/index.html
+++ b/8-css-for-js/4-float/3-paginator-css/solution.view/index.html
@@ -1,61 +1,63 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-.nav {
-  height: 40px;
-  width: 80%;
-  margin: auto;
-}
-
-.nav .left {
-  float: left;
-  cursor: pointer;
-}
-
-.nav .right {
-  float: right;
-  cursor: pointer;
-}
-
-.nav .pages {
-  list-style: none;
-  text-align: center;
-  margin: 0;
-  padding: 0;
-}
-
-.nav .pages li {
-  display: inline;
-  margin: 0 3px;
-  line-height: 40px;
-  cursor: pointer;
-}
+    .nav {
+      height: 40px;
+      width: 80%;
+      margin: auto;
+    }
+    
+    .nav .left {
+      float: left;
+      cursor: pointer;
+    }
+    
+    .nav .right {
+      float: right;
+      cursor: pointer;
+    }
+    
+    .nav .pages {
+      list-style: none;
+      text-align: center;
+      margin: 0;
+      padding: 0;
+    }
+    
+    .nav .pages li {
+      display: inline;
+      margin: 0 3px;
+      line-height: 40px;
+      cursor: pointer;
+    }
   </style>
 </head>
+
 <body>
 
-Текст Сверху
+  Текст Сверху
 
-<div class="nav">
-  <img src="https://js.cx/clipart/arrow-left.jpg" class="left" width="40" height="40">
-  <img src="https://js.cx/clipart/arrow-right.jpg" class="right" width="40" height="40">
-  <ul class="pages">
-    <li>1</li>
-    <li>2</li>
-    <li>3</li>
-    <li>4</li>
-    <li>5</li>
-    <li>6</li>
-    <li>7</li>
-    <li>8</li>
-    <li>9</li>
-  </ul>
-</div>
+  <div class="nav">
+    <img src="https://js.cx/clipart/arrow-left.jpg" class="left" width="40" height="40">
+    <img src="https://js.cx/clipart/arrow-right.jpg" class="right" width="40" height="40">
+    <ul class="pages">
+      <li>1</li>
+      <li>2</li>
+      <li>3</li>
+      <li>4</li>
+      <li>5</li>
+      <li>6</li>
+      <li>7</li>
+      <li>8</li>
+      <li>9</li>
+    </ul>
+  </div>
 
-Текст Снизу
+  Текст Снизу
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/3-paginator-css/source.view/index.html b/8-css-for-js/4-float/3-paginator-css/source.view/index.html
index 5e0d673f..18d75488 100644
--- a/8-css-for-js/4-float/3-paginator-css/source.view/index.html
+++ b/8-css-for-js/4-float/3-paginator-css/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -11,29 +12,30 @@
     /* ваш код */
   </style>
 </head>
+
 <body>
 
-Текст Сверху
+  Текст Сверху
 
-<div class="nav">
-  <img src="https://js.cx/clipart/arrow-left.jpg" class="left" width="40" height="40">
+  <div class="nav">
+    <img src="https://js.cx/clipart/arrow-left.jpg" class="left" width="40" height="40">
 
-  <ul class="pages">
-    <li>1</li>
-    <li>2</li>
-    <li>3</li>
-    <li>4</li>
-    <li>5</li>
-    <li>6</li>
-    <li>7</li>
-    <li>8</li>
-    <li>9</li>
-  </ul>
+    <ul class="pages">
+      <li>1</li>
+      <li>2</li>
+      <li>3</li>
+      <li>4</li>
+      <li>5</li>
+      <li>6</li>
+      <li>7</li>
+      <li>8</li>
+      <li>9</li>
+    </ul>
 
-  <img src="https://js.cx/clipart/arrow-right.jpg" class="right" width="40" height="40">
-</div>
-Текст Снизу
+    <img src="https://js.cx/clipart/arrow-right.jpg" class="right" width="40" height="40">
+  </div>
+  Текст Снизу
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/gallery-float.view/index.html b/8-css-for-js/4-float/gallery-float.view/index.html
index 5e3a01a7..7118da0b 100644
--- a/8-css-for-js/4-float/gallery-float.view/index.html
+++ b/8-css-for-js/4-float/gallery-float.view/index.html
@@ -1,72 +1,71 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .gallery li {
       float: left;
       width: 130px;
-
       list-style: none;
-
       /* красивости */
+      
       border: 1px solid black;
       text-align: center;
       margin: 5px;
     }
-
   </style>
 </head>
+
 <body>
 
-<ul class="gallery">
-<li>
-  <img src="https://js.cx/carousel/1.png" width="130" height="130">
-  <div>Картинка 1</div>
-</li>
+  <ul class="gallery">
+    <li>
+      <img src="https://js.cx/carousel/1.png" width="130" height="130">
+      <div>Картинка 1</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/2.png" width="130" height="130">
-  <div>Картинка 2</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/2.png" width="130" height="130">
+      <div>Картинка 2</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/3.png" width="130" height="130">
-  <div>Картинка 3</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/3.png" width="130" height="130">
+      <div>Картинка 3</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/4.png" width="130" height="130">
-  <div>Картинка 4</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/4.png" width="130" height="130">
+      <div>Картинка 4</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/5.png" width="130" height="130">
-  <div>Картинка 5</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/5.png" width="130" height="130">
+      <div>Картинка 5</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/6.png" width="130" height="130">
-  <div>Картинка 6</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/6.png" width="130" height="130">
+      <div>Картинка 6</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/7.png" width="130" height="130">
-  <div>Картинка 7</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/7.png" width="130" height="130">
+      <div>Картинка 7</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/8.png" width="130" height="130">
-  <div>Картинка 8</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/8.png" width="130" height="130">
+      <div>Картинка 8</div>
+    </li>
 
-<li>
-  <img src="https://js.cx/carousel/9.png" width="130" height="130">
-  <div>Картинка 9</div>
-</li>
+    <li>
+      <img src="https://js.cx/carousel/9.png" width="130" height="130">
+      <div>Картинка 9</div>
+    </li>
 
-</ul>
+  </ul>
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/two-columns-2.view/index.html b/8-css-for-js/4-float/two-columns-2.view/index.html
index 096c0ddc..de022207 100644
--- a/8-css-for-js/4-float/two-columns-2.view/index.html
+++ b/8-css-for-js/4-float/two-columns-2.view/index.html
@@ -1,67 +1,72 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    body, html {
+    body,
+    html {
       margin: 0;
       padding: 0;
     }
-
+    
     .column-left {
       float: left;
       width: 30%;
     }
-
+    
     .column-right {
       margin-left: 30%;
       width: 70%;
-      overflow: auto; /* расшириться вниз захватить float'ы */
+      overflow: auto;
+      /* расшириться вниз захватить float'ы */
     }
-
+    
     .footer {
       clear: both;
     }
-
+    
     .inner {
       margin: 1em;
     }
   </style>
 </head>
+
 <body>
 
-<div style="background:yellow">Шапка</div>
+  <div style="background:yellow">Шапка</div>
 
-<div class="column-left" style="background:#aef">
-<div class="inner"> <!-- див для отступа внутри ширины родителя -->
-  <h3>Персонажи:</h3>
-  <ul>
-    <li>Винни-Пух</li>
-    <li>Ослик Иа</li>
-    <li>Сова</li>
-    <li>Кролик</li>
-  </ul>
-</div>
-</div>
-<div class="column-right" style="background:tan">
-<div class="inner">
+  <div class="column-left" style="background:#aef">
+    <div class="inner">
+      <!-- див для отступа внутри ширины родителя -->
+      <h3>Персонажи:</h3>
+      <ul>
+        <li>Винни-Пух</li>
+        <li>Ослик Иа</li>
+        <li>Сова</li>
+        <li>Кролик</li>
+      </ul>
+    </div>
+  </div>
+  <div class="column-right" style="background:tan">
+    <div class="inner">
 
-<h3>Винни-Пух</h3>
+      <h3>Винни-Пух</h3>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" style="float:left; margin: 0 1em .5em 0">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" style="float:left; margin: 0 1em .5em 0">
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
 
-</div>
-</div>
+    </div>
+  </div>
 
-<div class="footer" style="background:yellow">Низ</div>
+  <div class="footer" style="background:yellow">Низ</div>
 
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/two-columns.view/index.html b/8-css-for-js/4-float/two-columns.view/index.html
index 9fff03cd..55ecf832 100644
--- a/8-css-for-js/4-float/two-columns.view/index.html
+++ b/8-css-for-js/4-float/two-columns.view/index.html
@@ -1,66 +1,71 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    body, html {
+    body,
+    html {
       margin: 0;
       padding: 0;
     }
-
+    
     .column-left {
       float: left;
       width: 30%;
     }
-
+    
     .column-right {
       float: left;
       width: 70%;
-      overflow: auto; /* расшириться вниз захватить float'ы */
+      overflow: auto;
+      /* расшириться вниз захватить float'ы */
     }
-
+    
     .footer {
       clear: both;
     }
-
+    
     .inner {
       margin: 1em;
     }
   </style>
 </head>
+
 <body>
 
-<div style="background:yellow">Шапка</div>
+  <div style="background:yellow">Шапка</div>
 
-<div class="column-left" style="background:#aef">
-  <div class="inner"> <!-- див для отступа внутри ширины родителя -->
-  <h3>Персонажи:</h3>
-  <ul>
-    <li>Винни-Пух</li>
-    <li>Ослик Иа</li>
-    <li>Сова</li>
-    <li>Кролик</li>
-  </ul>
+  <div class="column-left" style="background:#aef">
+    <div class="inner">
+      <!-- див для отступа внутри ширины родителя -->
+      <h3>Персонажи:</h3>
+      <ul>
+        <li>Винни-Пух</li>
+        <li>Ослик Иа</li>
+        <li>Сова</li>
+        <li>Кролик</li>
+      </ul>
+    </div>
   </div>
-</div>
 
-<div class="column-right" style="background:tan">
-  <div class="inner">
-  <h3>Винни-Пух</h3>
+  <div class="column-right" style="background:tan">
+    <div class="inner">
+      <h3>Винни-Пух</h3>
 
-  <img src="https://js.cx/clipart/winnie-mult.jpg" style="float:left; margin: 0 1em .5em 0">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" style="float:left; margin: 0 1em .5em 0">
 
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+      <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+      <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
+    </div>
   </div>
-</div>
 
-<div class="footer" style="background:yellow">Низ</div>
+  <div class="footer" style="background:yellow">Низ</div>
 
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-block-bg.view/index.html b/8-css-for-js/4-float/winnie-block-bg.view/index.html
index ff1ba83a..c5689dd6 100644
--- a/8-css-for-js/4-float/winnie-block-bg.view/index.html
+++ b/8-css-for-js/4-float/winnie-block-bg.view/index.html
@@ -1,36 +1,36 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-.left-picture {
-  float: left;
-
-  /* рамочка и центрирование */
-  margin: 0 10px 5px 0;
-  text-align: center;
-  border: 1px solid black;
-}
-
-p {
-  background: #aef;
-  border: 1px solid red;
-}
-
+    .left-picture {
+      float: left;
+      /* рамочка и центрирование */
+      
+      margin: 0 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+    }
+    
+    p {
+      background: #aef;
+      border: 1px solid red;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<h2>Винни-Пух</h2>
+  <h2>Винни-Пух</h2>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150" style="float:right;opacity:0.8">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150" style="float:right;opacity:0.8">
 
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-block.view/index.html b/8-css-for-js/4-float/winnie-block.view/index.html
index 07082eae..cc891eeb 100644
--- a/8-css-for-js/4-float/winnie-block.view/index.html
+++ b/8-css-for-js/4-float/winnie-block.view/index.html
@@ -1,34 +1,33 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-.left-picture {
-  float: left;
-
-  /* рамочка и центрирование */
-  margin: 5px 10px 5px 0;
-  text-align: center;
-  border: 1px solid black;
-}
-
-
+    .left-picture {
+      float: left;
+      /* рамочка и центрирование */
+      
+      margin: 5px 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<h2>Винни-Пух</h2>
+  <h2>Винни-Пух</h2>
 
-<div class="left-picture">
-<img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-<div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left-picture">
+    <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
 
-<p>Один из самых известных героев детской литературы XX века. </p>
+  <p>Один из самых известных героев детской литературы XX века. </p>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clear-1.view/index.html b/8-css-for-js/4-float/winnie-clear-1.view/index.html
index e70f7536..afa3f277 100644
--- a/8-css-for-js/4-float/winnie-clear-1.view/index.html
+++ b/8-css-for-js/4-float/winnie-clear-1.view/index.html
@@ -1,50 +1,51 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .left {
       float: left;
       width: 200px;
-
       /* для красоты */
+      
       margin: 5px 10px 5px 0;
       text-align: center;
       border: 1px solid black;
     }
-
+    
     h2 {
       background: #aef;
     }
-
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
 
-<h2>Винни-Пух</h2>
+  <h2>Винни-Пух</h2>
 
-<div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left">
+    <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
 
-<p>Один из самых известных героев детской литературы XX века.</p>
+  <p>Один из самых известных героев детской литературы XX века.</p>
 
-<h2>Сова</h2>
+  <h2>Сова</h2>
 
-<div class="left">
-  <img src="https://js.cx/clipart/owl-mult.jpg" width="200" height="233">
-  <div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left">
+    <img src="https://js.cx/clipart/owl-mult.jpg" width="200" height="233">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Персонаж мультфильма про Винни-Пуха. Очень умная.</p>
+  <p>Персонаж мультфильма про Винни-Пуха. Очень умная.</p>
 
-<p>Говорит редко, но чрезвычайно мудро.</p>
+  <p>Говорит редко, но чрезвычайно мудро.</p>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clear-2.view/index.html b/8-css-for-js/4-float/winnie-clear-2.view/index.html
index ccb5e0a0..51f79c32 100644
--- a/8-css-for-js/4-float/winnie-clear-2.view/index.html
+++ b/8-css-for-js/4-float/winnie-clear-2.view/index.html
@@ -1,51 +1,52 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .left {
       float: left;
       width: 200px;
-
       /* для красоты */
+      
       margin: 5px 10px 5px 0;
       text-align: center;
       border: 1px solid black;
     }
-
+    
     h2 {
       background: #aef;
       clear: left;
     }
-
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
 
-<h2>Винни-Пух</h2>
+  <h2>Винни-Пух</h2>
 
-<div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left">
+    <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
 
-<p>Один из самых известных героев детской литературы XX века.</p>
+  <p>Один из самых известных героев детской литературы XX века.</p>
 
-<h2>Сова</h2>
+  <h2>Сова</h2>
 
-<div class="left">
-  <img src="https://js.cx/clipart/owl-mult.jpg" width="200" height="233">
-  <div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left">
+    <img src="https://js.cx/clipart/owl-mult.jpg" width="200" height="233">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Персонаж мультфильма про Винни-Пуха. Очень умная.</p>
+  <p>Персонаж мультфильма про Винни-Пуха. Очень умная.</p>
 
-<p>Говорит редко, но чрезвычайно мудро.</p>
+  <p>Говорит редко, но чрезвычайно мудро.</p>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clear-3.view/index.html b/8-css-for-js/4-float/winnie-clear-3.view/index.html
index 1d8a4b19..8b54c8a6 100644
--- a/8-css-for-js/4-float/winnie-clear-3.view/index.html
+++ b/8-css-for-js/4-float/winnie-clear-3.view/index.html
@@ -1,51 +1,52 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
     .left {
       float: left;
       width: 200px;
-
       /* для красоты */
+      
       margin: 5px 10px 5px 0;
       text-align: center;
       border: 1px solid black;
     }
-
+    
     h2 {
       background: #aef;
     }
-
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
 
-<h2>Винни-Пух</h2>
+  <h2>Винни-Пух</h2>
 
-<div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left">
+    <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
 
-<p>Один из самых известных героев детской литературы XX века.</p>
+  <p>Один из самых известных героев детской литературы XX века.</p>
 
-<div style="clear:both"></div>
-<h2>Сова</h2>
+  <div style="clear:both"></div>
+  <h2>Сова</h2>
 
-<div class="left">
-  <img src="https://js.cx/clipart/owl-mult.jpg" width="200" height="233">
-  <div>Кадр из советского мультфильма</div>
-</div>
+  <div class="left">
+    <img src="https://js.cx/clipart/owl-mult.jpg" width="200" height="233">
+    <div>Кадр из советского мультфильма</div>
+  </div>
 
-<p>Персонаж мультфильма про Винни-Пуха. Очень умная.</p>
+  <p>Персонаж мультфильма про Винни-Пуха. Очень умная.</p>
 
-<p>Говорит редко, но чрезвычайно мудро.</p>
+  <p>Говорит редко, но чрезвычайно мудро.</p>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clear-4.view/index.html b/8-css-for-js/4-float/winnie-clear-4.view/index.html
index 50092a20..c1e30e8c 100644
--- a/8-css-for-js/4-float/winnie-clear-4.view/index.html
+++ b/8-css-for-js/4-float/winnie-clear-4.view/index.html
@@ -1,41 +1,42 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-  .left {
-    float: left;
-    width: 200px;
-
-    /* для красоты */
-    margin: 5px 10px 5px 0;
-    text-align: center;
-    border: 1px solid black;
-  }
-
-  .hero {
-    background: #D2B48C;
-    border: 1px solid red;
-  }
+    .left {
+      float: left;
+      width: 200px;
+      /* для красоты */
+      
+      margin: 5px 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+    }
+    
+    .hero {
+      background: #D2B48C;
+      border: 1px solid red;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<div class="hero">
+  <div class="hero">
 
-  <h2>Винни-Пух</h2>
+    <h2>Винни-Пух</h2>
 
-  <div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
+    <div class="left">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+      <div>Кадр из советского мультфильма</div>
+    </div>
+
+    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+
+    <p>Один из самых известных героев детской литературы XX века.</p>
   </div>
 
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
-
-  <p>Один из самых известных героев детской литературы XX века.</p>
-</div>
-
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clearfill-clearfix.view/index.html b/8-css-for-js/4-float/winnie-clearfill-clearfix.view/index.html
index 965ac9b5..03d04dda 100644
--- a/8-css-for-js/4-float/winnie-clearfill-clearfix.view/index.html
+++ b/8-css-for-js/4-float/winnie-clearfill-clearfix.view/index.html
@@ -1,55 +1,55 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-  .left {
-    float: left;
-    width: 200px;
-
-    /* для красоты */
-    margin: 5px 10px 5px 0;
-    text-align: center;
-    border: 1px solid black;
-    background: white;
-  }
-
-  .hero {
-    background: #D2B48C;
-    border: 1px solid red;
-  }
-
-  .clearfix:after {
-    content: ".";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-  }
-
-  .clearfix {
-    zoom: 1;
-  }
-
+    .left {
+      float: left;
+      width: 200px;
+      /* для красоты */
+      
+      margin: 5px 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+      background: white;
+    }
+    
+    .hero {
+      background: #D2B48C;
+      border: 1px solid red;
+    }
+    
+    .clearfix:after {
+      content: ".";
+      display: block;
+      height: 0;
+      clear: both;
+      visibility: hidden;
+    }
+    
+    .clearfix {
+      zoom: 1;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<div class="hero clearfix">
+  <div class="hero clearfix">
 
-  <h2>Винни-Пух</h2>
+    <h2>Винни-Пух</h2>
 
-  <div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
+    <div class="left">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+      <div>Кадр из советского мультфильма</div>
+    </div>
+
+    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+
+    <p>Один из самых известных героев детской литературы XX века.</p>
   </div>
 
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
-
-  <p>Один из самых известных героев детской литературы XX века.</p>
-</div>
-
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clearfill-div.view/index.html b/8-css-for-js/4-float/winnie-clearfill-div.view/index.html
index 35874cd9..75ce75bc 100644
--- a/8-css-for-js/4-float/winnie-clearfill-div.view/index.html
+++ b/8-css-for-js/4-float/winnie-clearfill-div.view/index.html
@@ -1,43 +1,44 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-  .left {
-    float: left;
-    width: 200px;
-
-    /* для красоты */
-    margin: 5px 10px 5px 0;
-    text-align: center;
-    border: 1px solid black;
-    background: white;
-  }
-
-  .hero {
-    background: #D2B48C;
-    border: 1px solid red;
-    float: left;
-  }
+    .left {
+      float: left;
+      width: 200px;
+      /* для красоты */
+      
+      margin: 5px 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+      background: white;
+    }
+    
+    .hero {
+      background: #D2B48C;
+      border: 1px solid red;
+      float: left;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<div class="hero">
+  <div class="hero">
 
-  <h2>Винни-Пух</h2>
+    <h2>Винни-Пух</h2>
 
-  <div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
+    <div class="left">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+      <div>Кадр из советского мультфильма</div>
+    </div>
+
+    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+
+    <p>Один из самых известных героев детской литературы XX века.</p>
   </div>
 
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
-
-  <p>Один из самых известных героев детской литературы XX века.</p>
-</div>
-
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clearfill-float.view/index.html b/8-css-for-js/4-float/winnie-clearfill-float.view/index.html
index 35874cd9..75ce75bc 100644
--- a/8-css-for-js/4-float/winnie-clearfill-float.view/index.html
+++ b/8-css-for-js/4-float/winnie-clearfill-float.view/index.html
@@ -1,43 +1,44 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-  .left {
-    float: left;
-    width: 200px;
-
-    /* для красоты */
-    margin: 5px 10px 5px 0;
-    text-align: center;
-    border: 1px solid black;
-    background: white;
-  }
-
-  .hero {
-    background: #D2B48C;
-    border: 1px solid red;
-    float: left;
-  }
+    .left {
+      float: left;
+      width: 200px;
+      /* для красоты */
+      
+      margin: 5px 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+      background: white;
+    }
+    
+    .hero {
+      background: #D2B48C;
+      border: 1px solid red;
+      float: left;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<div class="hero">
+  <div class="hero">
 
-  <h2>Винни-Пух</h2>
+    <h2>Винни-Пух</h2>
 
-  <div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
+    <div class="left">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+      <div>Кадр из советского мультфильма</div>
+    </div>
+
+    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+
+    <p>Один из самых известных героев детской литературы XX века.</p>
   </div>
 
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
-
-  <p>Один из самых известных героев детской литературы XX века.</p>
-</div>
-
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-clearfill-overflow.view/index.html b/8-css-for-js/4-float/winnie-clearfill-overflow.view/index.html
index 694dc5fd..273c37f8 100644
--- a/8-css-for-js/4-float/winnie-clearfill-overflow.view/index.html
+++ b/8-css-for-js/4-float/winnie-clearfill-overflow.view/index.html
@@ -1,45 +1,44 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-
-  .left {
-    float: left;
-    width: 200px;
-
-    /* для красоты */
-    margin: 5px 10px 5px 0;
-    text-align: center;
-    border: 1px solid black;
-    background: white;
-  }
-
-  .hero {
-    background: #D2B48C;
-    border: 1px solid red;
-    overflow: auto;
-  }
-
-
+    .left {
+      float: left;
+      width: 200px;
+      /* для красоты */
+      
+      margin: 5px 10px 5px 0;
+      text-align: center;
+      border: 1px solid black;
+      background: white;
+    }
+    
+    .hero {
+      background: #D2B48C;
+      border: 1px solid red;
+      overflow: auto;
+    }
   </style>
 </head>
+
 <body style="font-size:0.8em">
 
-<div class="hero clearfix">
+  <div class="hero clearfix">
 
-  <h2>Винни-Пух</h2>
+    <h2>Винни-Пух</h2>
 
-  <div class="left">
-  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
-  <div>Кадр из советского мультфильма</div>
+    <div class="left">
+      <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+      <div>Кадр из советского мультфильма</div>
+    </div>
+
+    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
+
+    <p>Один из самых известных героев детской литературы XX века.</p>
   </div>
 
-  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>
-
-  <p>Один из самых известных героев детской литературы XX века.</p>
-</div>
-
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-nofloat-1.view/index.html b/8-css-for-js/4-float/winnie-nofloat-1.view/index.html
index 527082c4..040147b2 100644
--- a/8-css-for-js/4-float/winnie-nofloat-1.view/index.html
+++ b/8-css-for-js/4-float/winnie-nofloat-1.view/index.html
@@ -1,26 +1,29 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    p { font-size: 80%; }
-
+    p {
+      font-size: 80%;
+    }
+    
     img {
       border: 1px solid black;
       opacity: 0.7;
     }
-
   </style>
 </head>
+
 <body>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" style="position:absolute" width="200" height="150">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" style="position:absolute" width="200" height="150">
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-nofloat-2.view/index.html b/8-css-for-js/4-float/winnie-nofloat-2.view/index.html
index 4180106c..a0359902 100644
--- a/8-css-for-js/4-float/winnie-nofloat-2.view/index.html
+++ b/8-css-for-js/4-float/winnie-nofloat-2.view/index.html
@@ -1,26 +1,29 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    p { font-size: 80%; }
-
+    p {
+      font-size: 80%;
+    }
+    
     img {
       border: 1px solid black;
       opacity: 0.7;
     }
-
   </style>
 </head>
+
 <body>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" style="position:absolute;right:0" width="200" height="150">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" style="position:absolute;right:0" width="200" height="150">
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-nofloat-3.view/index.html b/8-css-for-js/4-float/winnie-nofloat-3.view/index.html
index 5d549c51..a86557b8 100644
--- a/8-css-for-js/4-float/winnie-nofloat-3.view/index.html
+++ b/8-css-for-js/4-float/winnie-nofloat-3.view/index.html
@@ -1,25 +1,28 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    p { font-size: 80%; }
-
+    p {
+      font-size: 80%;
+    }
+    
     img {
       border: 1px solid black;
     }
-
   </style>
 </head>
+
 <body>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" style="float:right" width="200" height="150">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" style="float:right" width="200" height="150">
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie-nofloat.view/index.html b/8-css-for-js/4-float/winnie-nofloat.view/index.html
index 9e1442cc..84549fb4 100644
--- a/8-css-for-js/4-float/winnie-nofloat.view/index.html
+++ b/8-css-for-js/4-float/winnie-nofloat.view/index.html
@@ -1,25 +1,28 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-    p { font-size: 80%; }
-
+    p {
+      font-size: 80%;
+    }
+    
     img {
       border: 1px solid black;
     }
-
   </style>
 </head>
+
 <body>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/4-float/winnie.view/index.html b/8-css-for-js/4-float/winnie.view/index.html
index a00cefff..01338689 100644
--- a/8-css-for-js/4-float/winnie.view/index.html
+++ b/8-css-for-js/4-float/winnie.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
@@ -7,41 +8,42 @@
       float: right;
       margin: 5px 0 5px 10px;
     }
-
+    
     img.left {
       float: left;
       margin: 5px 10px 5px 0;
     }
-
+    
     img {
       border: 1px solid black;
     }
-
   </style>
 </head>
+
 <body>
 
-<h2>Винни-Пух</h2>
+  <h2>Винни-Пух</h2>
 
-<img src="https://js.cx/clipart/winnie-mult.jpg" class="right" width="200" height="150">
+  <img src="https://js.cx/clipart/winnie-mult.jpg" class="right" width="200" height="150">
 
-<p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
+  <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге). Один из самых известных героев детской литературы XX века.</p>
 
-<p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
+  <p>В 1960-е—1970-е годы, благодаря пересказу Бориса Заходера «Винни-Пух и все-все-все», а затем и фильмам студии «Союзмультфильм», где мишку озвучивал Евгений Леонов, Винни-Пух стал очень популярен и в Советском Союзе.</p>
 
-<img src="https://js.cx/clipart/winnie-nazarov.jpg" class="left" width="200" height="201">
+  <img src="https://js.cx/clipart/winnie-nazarov.jpg" class="left" width="200" height="201">
 
-<p>Первый перевод «Винни-Пуха» в СССР вышел в 1958 году в Литве (лит. Mikė Pūkuotukas), его выполнил 20-летний литовский писатель Виргилюс Чепайтис, пользовавшийся польским переводом Ирены Тувим. Впоследствии Чепайтис, познакомившись с английским оригиналом, существенно переработал свой перевод, переиздававшийся в Литве неоднократно.</p>
+  <p>Первый перевод «Винни-Пуха» в СССР вышел в 1958 году в Литве (лит. Mikė Pūkuotukas), его выполнил 20-летний литовский писатель Виргилюс Чепайтис, пользовавшийся польским переводом Ирены Тувим. Впоследствии Чепайтис, познакомившись с английским оригиналом,
+    существенно переработал свой перевод, переиздававшийся в Литве неоднократно.</p>
 
-<p>История Винни-Пуха в России начинается с того же 1958 года, когда с книгой познакомился Борис Владимирович Заходер.</p>
+  <p>История Винни-Пуха в России начинается с того же 1958 года, когда с книгой познакомился Борис Владимирович Заходер.</p>
 
 
-<img src="https://js.cx/clipart/winnie-stamp.jpg" class="right" width="200" height="142">
+  <img src="https://js.cx/clipart/winnie-stamp.jpg" class="right" width="200" height="142">
 
-<p>В студии «Союзмультфильм» под руководством Фёдора Хитрука было создано три мультфильма.</p>
+  <p>В студии «Союзмультфильм» под руководством Фёдора Хитрука было создано три мультфильма.</p>
 
-<p>Сценарий написал Хитрук в соавторстве с Заходером; работа соавторов не всегда шла гладко, что стало в конечном счёте причиной прекращения выпуска мультфильмов (первоначально планировалось выпустить сериал по всей книге). Текст и картинки взяты с Wikipedia.</p>
+  <p>Сценарий написал Хитрук в соавторстве с Заходером; работа соавторов не всегда шла гладко, что стало в конечном счёте причиной прекращения выпуска мультфильмов (первоначально планировалось выпустить сериал по всей книге). Текст и картинки взяты с Wikipedia.</p>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/5-position/1-modal-window/solution.view/index.html b/8-css-for-js/5-position/1-modal-window/solution.view/index.html
index b01580fe..77b5f5b5 100644
--- a/8-css-for-js/5-position/1-modal-window/solution.view/index.html
+++ b/8-css-for-js/5-position/1-modal-window/solution.view/index.html
@@ -1,45 +1,53 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     /* модальный DIV, который всё перекрывает */
+    
     #box {
       position: fixed;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
-      z-index: 999; /* нужно если в документе есть элементы с z-index > 0 */
-
+      z-index: 999;
+      /* нужно если в документе есть элементы с z-index > 0 */
+      
       background: #aef;
       opacity: 0.7;
     }
-
-    p, button { margin: 35px; }
+    
+    p,
+    button {
+      margin: 35px;
+    }
   </style>
 </head>
+
 <body>
 
 
-<div id="box"></div>
+  <div id="box"></div>
 
 
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
 
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/5-position/1-modal-window/source.view/index.html b/8-css-for-js/5-position/1-modal-window/source.view/index.html
index 043e8083..6a763e69 100644
--- a/8-css-for-js/5-position/1-modal-window/source.view/index.html
+++ b/8-css-for-js/5-position/1-modal-window/source.view/index.html
@@ -1,39 +1,47 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     /* модальный DIV, который всё перекрывает */
+    
     #box {
       /* ...ваш стиль... */
+      
       background: #aef;
       opacity: 0.7;
     }
-
-    p, button { margin: 35px; }
+    
+    p,
+    button {
+      margin: 35px;
+    }
   </style>
 </head>
+
 <body>
 
 
-<div id="box"></div>
+  <div id="box"></div>
 
 
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
-<p>Текст Текст Текст</p>
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <p>Текст Текст Текст</p>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
 
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/5-position/position-100-wrong.view/index.html b/8-css-for-js/5-position/position-100-wrong.view/index.html
index 4f346b24..d3d9b03c 100644
--- a/8-css-for-js/5-position/position-100-wrong.view/index.html
+++ b/8-css-for-js/5-position/position-100-wrong.view/index.html
@@ -1,17 +1,21 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
-  div {
-    position: absolute;
-    left: 0; top: 0;
-    width: 100%; height: 100%;
-  }
+    div {
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+    }
   </style>
 </head>
+
 <body style="height:2000px">
   <div style="background:#aef;text-align:center">Прокрутите меня...</div>
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/6-css-center/1-center-ball-css/solution.view/index.html b/8-css-for-js/6-css-center/1-center-ball-css/solution.view/index.html
index a261da62..5f1b13ec 100644
--- a/8-css-for-js/6-css-center/1-center-ball-css/solution.view/index.html
+++ b/8-css-for-js/6-css-center/1-center-ball-css/solution.view/index.html
@@ -1,31 +1,34 @@
 <!DOCTYPE HTML>
 <html>
-<head>
-<style>
-  #field {
-    width: 200px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-  }
 
-  #ball {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    margin-left: -20px;
-    margin-top: -20px;
-  }
-</style>
+<head>
+  <style>
+    #field {
+      width: 200px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+    }
+    
+    #ball {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      margin-left: -20px;
+      margin-top: -20px;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" id="ball">
-. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/6-css-center/1-center-ball-css/source.view/index.html b/8-css-for-js/6-css-center/1-center-ball-css/source.view/index.html
index 6a5ff40b..8b54beed 100644
--- a/8-css-for-js/6-css-center/1-center-ball-css/source.view/index.html
+++ b/8-css-for-js/6-css-center/1-center-ball-css/source.view/index.html
@@ -1,27 +1,30 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<style> 
-  #field { 
-    width: 200px;
-    border: 10px groove black;
-    background-color: #00FF00;
-    position: relative;
-  }
-  
-  #ball {
-    position: absolute;
-  }
-</style>
+  <style>
+    #field {
+      width: 200px;
+      border: 10px groove black;
+      background-color: #00FF00;
+      position: relative;
+    }
+    
+    #ball {
+      position: absolute;
+    }
+  </style>
 </head>
+
 <body>
 
 
-<div id="field">
-<img src="https://js.cx/clipart/ball.svg" id="ball">
-. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 
-</div>
+  <div id="field">
+    <img src="https://js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  </div>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/6-css-center/2-form-modal/solution.view/index.html b/8-css-for-js/6-css-center/2-form-modal/solution.view/index.html
index b26dab1f..f1be4fb7 100644
--- a/8-css-for-js/6-css-center/2-form-modal/solution.view/index.html
+++ b/8-css-for-js/6-css-center/2-form-modal/solution.view/index.html
@@ -1,9 +1,11 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <style>
     /* внешний DIV перекрывает всё окно */
+    
     #box {
       position: fixed;
       left: 0;
@@ -12,8 +14,8 @@
       height: 100%;
       z-index: 999;
     }
-
     /* в нём находится полупрозрачный экран, на 20px меньше */
+    
     #box-inner {
       position: absolute;
       left: 20px;
@@ -24,12 +26,19 @@
       opacity: 0.3;
       filter: alpha(opacity=30);
     }
-
     /* форма находится не в экране, а рядом с ним, чтобы не быть полупрозрачной */
+    
     #box form {
       position: absolute;
-      top: 0; bottom: 0; right: 0; left: 0; /* центрирование */
-      margin: auto;  /* центрирование */
+      top: 0;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      /* центрирование */
+      
+      margin: auto;
+      /* центрирование */
+      
       height: 120px;
       width: 300px;
       border: 1px solid black;
@@ -38,32 +47,48 @@
     }
   </style>
 </head>
+
 <body style="height:2000px">
 
-<p>Текст Текст Текст</p>
+  <p>Текст Текст Текст</p>
 
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
 
-<p>Текст Текст Текст</p>
+  <p>Текст Текст Текст</p>
 
 
-<div id="box">
-<div id="box-inner">
-</div>
+  <div id="box">
+    <div id="box-inner">
+    </div>
 
-  <form>
-   Добро пожаловать!
-  <table>
-    <tr><td>Логин</td><td><input></td></tr>
-    <tr><td>Пароль</td><td><input></td></tr>
-    <tr><td colspan="2"><input type="submit" value="Войти"></td></tr>
-  </table>
+    <form>
+      Добро пожаловать!
+      <table>
+        <tr>
+          <td>Логин</td>
+          <td>
+            <input>
+          </td>
+        </tr>
+        <tr>
+          <td>Пароль</td>
+          <td>
+            <input>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2">
+            <input type="submit" value="Войти">
+          </td>
+        </tr>
+      </table>
 
-  </form>
+    </form>
 
-</div>
+  </div>
 
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/6-css-center/2-form-modal/source.view/index.html b/8-css-for-js/6-css-center/2-form-modal/source.view/index.html
index ef0d8b06..4c8ea9be 100644
--- a/8-css-for-js/6-css-center/2-form-modal/source.view/index.html
+++ b/8-css-for-js/6-css-center/2-form-modal/source.view/index.html
@@ -1,18 +1,21 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body style="height:2000px">
 
-<p>Текст Текст Текст</p>
+  <p>Текст Текст Текст</p>
 
-<button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
+  <button onclick="alert('Эта кнопка не должна работать')">Эта кнопка не работает</button>
 
-<p>Текст Текст Текст</p>
+  <p>Текст Текст Текст</p>
 
-<img src="https://js.cx/clipart/key.png"/>
+  <img src="https://js.cx/clipart/key.png" />
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/8-css-for-js/6-css-center/vertical-align.view/index.html b/8-css-for-js/6-css-center/vertical-align.view/index.html
index 20d434aa..b7968b8c 100644
--- a/8-css-for-js/6-css-center/vertical-align.view/index.html
+++ b/8-css-for-js/6-css-center/vertical-align.view/index.html
@@ -1,13 +1,15 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
 </head>
+
 <body>
 
-Картинка размером в <code>30px</code>, значения <code>vertical-align</code>:
+  Картинка размером в <code>30px</code>, значения <code>vertical-align</code>:
 
-<pre>
+  <pre>
 baseline(по умолчанию) <img src="https://js.cx/clipart/30.png">
 middle(по середине) <img src="https://js.cx/clipart/30.png" style="vertical-align: middle">
 sub<sub>вровень с &lt;sub&gt;</sub> <img src="https://js.cx/clipart/30.png" style="vertical-align: sub">
@@ -17,4 +19,5 @@ text-bottom(нижняя граница вровень с текстом) <img s
 </pre>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/index.html b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/index.html
index d11ea4f7..3b00212c 100644
--- a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/index.html
+++ b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/solution.view/index.html
@@ -1,9 +1,11 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <link type="text/css" rel="stylesheet" href="bagua.css">
   <script src="http://code.jquery.com/jquery.min.js"></script>
 </head>
+
 <body>
 
   <table id="bagua-table">
@@ -11,27 +13,54 @@
       <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
     </tr>
     <tr>
-      <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
       </td>
-      <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
       </td>
-      <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
       </td>
     </tr>
-    <tr>  
-      <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
       </td>
-      <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
       </td>
-      <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
       </td>
     </tr>
-    <tr>  
-      <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
       </td>
-      <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
       </td>
-      <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
       </td>
     </tr>
 
@@ -39,7 +68,7 @@
 
   <script>
     var highlightedCell;
-    
+
     $('#bagua-table').on('click', 'td', function() {
       if (highlightedCell) {
         highlightedCell.css('background-color', '');
@@ -47,8 +76,8 @@
       highlightedCell = $(this)
         .css('background-color', 'red');
     });
-
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/index.html b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/index.html
index 569a4132..7af879b5 100644
--- a/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/index.html
+++ b/archive/3-jquery-stub/5-jquery-stub-article/1-rewrite-with-jquery/source.view/index.html
@@ -1,8 +1,10 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <link type="text/css" rel="stylesheet" href="bagua.css">
 </head>
+
 <body>
 
   <table id="bagua-table">
@@ -10,58 +12,85 @@
       <th colspan="3"><em>Bagua</em> Chart: Direction, Element, Color, Meaning</th>
     </tr>
     <tr>
-      <td class="nw"><strong>Northwest</strong><br>Metal<br>Silver<br>Elders
+      <td class="nw"><strong>Northwest</strong>
+        <br>Metal
+        <br>Silver
+        <br>Elders
       </td>
-      <td class="n"><strong>North</strong><br>Water<br>Blue<br>Change
+      <td class="n"><strong>North</strong>
+        <br>Water
+        <br>Blue
+        <br>Change
       </td>
-      <td class="ne"><strong>Northeast</strong><br>Earth<br>Yellow<br>Direction
+      <td class="ne"><strong>Northeast</strong>
+        <br>Earth
+        <br>Yellow
+        <br>Direction
       </td>
     </tr>
-    <tr>  
-      <td class="w"><strong>West</strong><br>Metal<br>Gold<br>Youth
+    <tr>
+      <td class="w"><strong>West</strong>
+        <br>Metal
+        <br>Gold
+        <br>Youth
       </td>
-      <td class="c"><strong>Center</strong><br>All<br>Purple<br>Harmony
+      <td class="c"><strong>Center</strong>
+        <br>All
+        <br>Purple
+        <br>Harmony
       </td>
-      <td class="e"><strong>East</strong><br>Wood<br>Blue<br>Future
+      <td class="e"><strong>East</strong>
+        <br>Wood
+        <br>Blue
+        <br>Future
       </td>
     </tr>
-    <tr>  
-      <td class="sw"><strong>Southwest</strong><br>Earth<br>Brown<br>Tranquility
+    <tr>
+      <td class="sw"><strong>Southwest</strong>
+        <br>Earth
+        <br>Brown
+        <br>Tranquility
       </td>
-      <td class="s"><strong>South</strong><br>Fire<br>Orange<br>Fame
+      <td class="s"><strong>South</strong>
+        <br>Fire
+        <br>Orange
+        <br>Fame
       </td>
-      <td class="se"><strong>Southeast</strong><br>Wood<br>Green<br>Romance
+      <td class="se"><strong>Southeast</strong>
+        <br>Wood
+        <br>Green
+        <br>Romance
       </td>
-    </tr>    
+    </tr>
   </table>
 
   <script>
-  var table = document.getElementById('bagua-table');
+    var table = document.getElementById('bagua-table');
 
-  var highlightedCell;
+    var highlightedCell;
 
-  table.onclick = function(event) {
-    event = event || window.event;
-    var target = event.target || event.srcElement;
+    table.onclick = function(event) {
+      event = event || window.event;
+      var target = event.target || event.srcElement;
 
-    while(target != table) {
-      if(target.nodeName == 'TD') {
-        highlight(target);
-        return;
+      while (target != table) {
+        if (target.nodeName == 'TD') {
+          highlight(target);
+          return;
+        }
+        target = target.parentNode;
       }
-      target = target.parentNode;
     }
-  }
 
-  function highlight(node) {
-    if(highlightedCell) {
-      highlightedCell.style.backgroundColor = '';
+    function highlight(node) {
+      if (highlightedCell) {
+        highlightedCell.style.backgroundColor = '';
+      }
+      highlightedCell = node;
+      node.style.backgroundColor = 'red';
     }
-    highlightedCell = node;
-    node.style.backgroundColor = 'red';
-  }
-
   </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/3-reflow/reflow.view/index.html b/archive/3-reflow/reflow.view/index.html
index 7b0b99fa..ac86c1c5 100644
--- a/archive/3-reflow/reflow.view/index.html
+++ b/archive/3-reflow/reflow.view/index.html
@@ -1,73 +1,494 @@
-
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<script>
-function resize() {
-// calculate -> set, repeat
-	var t = new Date();
+  <script>
+    function resize() {
+      // calculate -> set, repeat
+      var t = new Date();
 
-	for(var i=0; i<firstRow.cells.length; i++) {
-		var td = firstRow.cells[i];
-		td.style.width = td.offsetWidth + 10 + 'px';
-	}
+      for (var i = 0; i < firstRow.cells.length; i++) {
+        var td = firstRow.cells[i];
+        td.style.width = td.offsetWidth + 10 + 'px';
+      }
 
-	alert('Done in '+(new Date - t));
-}
-function resize2() {
-// optimizes against reflow
-// 1. calculate -> repeat
-// 2. set -> repeat
-	var t = new Date();
+      alert('Done in ' + (new Date - t));
+    }
 
-	var widths = [];
+    function resize2() {
+      // optimizes against reflow
+      // 1. calculate -> repeat
+      // 2. set -> repeat
+      var t = new Date();
 
-	for(var i=0; i<firstRow.cells.length; i++) {
-		widths[i] = firstRow.cells[i].offsetWidth;
-	}
+      var widths = [];
 
-	for(var i=0; i<widths.length; i++) {
-		firstRow.cells[i].style.width = widths[i] + 10 + 'px';
-	}
+      for (var i = 0; i < firstRow.cells.length; i++) {
+        widths[i] = firstRow.cells[i].offsetWidth;
+      }
 
-	alert('Done in '+(new Date - t));
-}
+      for (var i = 0; i < widths.length; i++) {
+        firstRow.cells[i].style.width = widths[i] + 10 + 'px';
+      }
 
-
-
-</script>
+      alert('Done in ' + (new Date - t));
+    }
+  </script>
 
 </head>
+
 <body>
 
-<table id="table" style="font-size:80%">
-<tr id="firstRow"><td>0:0</td><td>0:1</td><td>0:2</td><td>0:3</td><td>0:4</td><td>0:5</td><td>0:6</td><td>0:7</td><td>0:8</td><td>0:9</td><td>0:10</td><td>0:11</td><td>0:12</td><td>0:13</td><td>0:14</td><td>0:15</td><td>0:16</td><td>0:17</td><td>0:18</td><td>0:19</td></tr>
-<tr><td>1:0</td><td>1:1</td><td>1:2</td><td>1:3</td><td>1:4</td><td>1:5</td><td>1:6</td><td>1:7</td><td>1:8</td><td>1:9</td><td>1:10</td><td>1:11</td><td>1:12</td><td>1:13</td><td>1:14</td><td>1:15</td><td>1:16</td><td>1:17</td><td>1:18</td><td>1:19</td></tr>
-<tr><td>2:0</td><td>2:1</td><td>2:2</td><td>2:3</td><td>2:4</td><td>2:5</td><td>2:6</td><td>2:7</td><td>2:8</td><td>2:9</td><td>2:10</td><td>2:11</td><td>2:12</td><td>2:13</td><td>2:14</td><td>2:15</td><td>2:16</td><td>2:17</td><td>2:18</td><td>2:19</td></tr>
-<tr><td>3:0</td><td>3:1</td><td>3:2</td><td>3:3</td><td>3:4</td><td>3:5</td><td>3:6</td><td>3:7</td><td>3:8</td><td>3:9</td><td>3:10</td><td>3:11</td><td>3:12</td><td>3:13</td><td>3:14</td><td>3:15</td><td>3:16</td><td>3:17</td><td>3:18</td><td>3:19</td></tr>
-<tr><td>4:0</td><td>4:1</td><td>4:2</td><td>4:3</td><td>4:4</td><td>4:5</td><td>4:6</td><td>4:7</td><td>4:8</td><td>4:9</td><td>4:10</td><td>4:11</td><td>4:12</td><td>4:13</td><td>4:14</td><td>4:15</td><td>4:16</td><td>4:17</td><td>4:18</td><td>4:19</td></tr>
-<tr><td>5:0</td><td>5:1</td><td>5:2</td><td>5:3</td><td>5:4</td><td>5:5</td><td>5:6</td><td>5:7</td><td>5:8</td><td>5:9</td><td>5:10</td><td>5:11</td><td>5:12</td><td>5:13</td><td>5:14</td><td>5:15</td><td>5:16</td><td>5:17</td><td>5:18</td><td>5:19</td></tr>
-<tr><td>6:0</td><td>6:1</td><td>6:2</td><td>6:3</td><td>6:4</td><td>6:5</td><td>6:6</td><td>6:7</td><td>6:8</td><td>6:9</td><td>6:10</td><td>6:11</td><td>6:12</td><td>6:13</td><td>6:14</td><td>6:15</td><td>6:16</td><td>6:17</td><td>6:18</td><td>6:19</td></tr>
-<tr><td>7:0</td><td>7:1</td><td>7:2</td><td>7:3</td><td>7:4</td><td>7:5</td><td>7:6</td><td>7:7</td><td>7:8</td><td>7:9</td><td>7:10</td><td>7:11</td><td>7:12</td><td>7:13</td><td>7:14</td><td>7:15</td><td>7:16</td><td>7:17</td><td>7:18</td><td>7:19</td></tr>
-<tr><td>8:0</td><td>8:1</td><td>8:2</td><td>8:3</td><td>8:4</td><td>8:5</td><td>8:6</td><td>8:7</td><td>8:8</td><td>8:9</td><td>8:10</td><td>8:11</td><td>8:12</td><td>8:13</td><td>8:14</td><td>8:15</td><td>8:16</td><td>8:17</td><td>8:18</td><td>8:19</td></tr>
-<tr><td>9:0</td><td>9:1</td><td>9:2</td><td>9:3</td><td>9:4</td><td>9:5</td><td>9:6</td><td>9:7</td><td>9:8</td><td>9:9</td><td>9:10</td><td>9:11</td><td>9:12</td><td>9:13</td><td>9:14</td><td>9:15</td><td>9:16</td><td>9:17</td><td>9:18</td><td>9:19</td></tr>
-<tr><td>10:0</td><td>10:1</td><td>10:2</td><td>10:3</td><td>10:4</td><td>10:5</td><td>10:6</td><td>10:7</td><td>10:8</td><td>10:9</td><td>10:10</td><td>10:11</td><td>10:12</td><td>10:13</td><td>10:14</td><td>10:15</td><td>10:16</td><td>10:17</td><td>10:18</td><td>10:19</td></tr>
-<tr><td>11:0</td><td>11:1</td><td>11:2</td><td>11:3</td><td>11:4</td><td>11:5</td><td>11:6</td><td>11:7</td><td>11:8</td><td>11:9</td><td>11:10</td><td>11:11</td><td>11:12</td><td>11:13</td><td>11:14</td><td>11:15</td><td>11:16</td><td>11:17</td><td>11:18</td><td>11:19</td></tr>
-<tr><td>12:0</td><td>12:1</td><td>12:2</td><td>12:3</td><td>12:4</td><td>12:5</td><td>12:6</td><td>12:7</td><td>12:8</td><td>12:9</td><td>12:10</td><td>12:11</td><td>12:12</td><td>12:13</td><td>12:14</td><td>12:15</td><td>12:16</td><td>12:17</td><td>12:18</td><td>12:19</td></tr>
-<tr><td>13:0</td><td>13:1</td><td>13:2</td><td>13:3</td><td>13:4</td><td>13:5</td><td>13:6</td><td>13:7</td><td>13:8</td><td>13:9</td><td>13:10</td><td>13:11</td><td>13:12</td><td>13:13</td><td>13:14</td><td>13:15</td><td>13:16</td><td>13:17</td><td>13:18</td><td>13:19</td></tr>
-<tr><td>14:0</td><td>14:1</td><td>14:2</td><td>14:3</td><td>14:4</td><td>14:5</td><td>14:6</td><td>14:7</td><td>14:8</td><td>14:9</td><td>14:10</td><td>14:11</td><td>14:12</td><td>14:13</td><td>14:14</td><td>14:15</td><td>14:16</td><td>14:17</td><td>14:18</td><td>14:19</td></tr>
-<tr><td>15:0</td><td>15:1</td><td>15:2</td><td>15:3</td><td>15:4</td><td>15:5</td><td>15:6</td><td>15:7</td><td>15:8</td><td>15:9</td><td>15:10</td><td>15:11</td><td>15:12</td><td>15:13</td><td>15:14</td><td>15:15</td><td>15:16</td><td>15:17</td><td>15:18</td><td>15:19</td></tr>
-<tr><td>16:0</td><td>16:1</td><td>16:2</td><td>16:3</td><td>16:4</td><td>16:5</td><td>16:6</td><td>16:7</td><td>16:8</td><td>16:9</td><td>16:10</td><td>16:11</td><td>16:12</td><td>16:13</td><td>16:14</td><td>16:15</td><td>16:16</td><td>16:17</td><td>16:18</td><td>16:19</td></tr>
-<tr><td>17:0</td><td>17:1</td><td>17:2</td><td>17:3</td><td>17:4</td><td>17:5</td><td>17:6</td><td>17:7</td><td>17:8</td><td>17:9</td><td>17:10</td><td>17:11</td><td>17:12</td><td>17:13</td><td>17:14</td><td>17:15</td><td>17:16</td><td>17:17</td><td>17:18</td><td>17:19</td></tr>
-<tr><td>18:0</td><td>18:1</td><td>18:2</td><td>18:3</td><td>18:4</td><td>18:5</td><td>18:6</td><td>18:7</td><td>18:8</td><td>18:9</td><td>18:10</td><td>18:11</td><td>18:12</td><td>18:13</td><td>18:14</td><td>18:15</td><td>18:16</td><td>18:17</td><td>18:18</td><td>18:19</td></tr>
-<tr><td>19:0</td><td>19:1</td><td>19:2</td><td>19:3</td><td>19:4</td><td>19:5</td><td>19:6</td><td>19:7</td><td>19:8</td><td>19:9</td><td>19:10</td><td>19:11</td><td>19:12</td><td>19:13</td><td>19:14</td><td>19:15</td><td>19:16</td><td>19:17</td><td>19:18</td><td>19:19</td></tr>
-</table>
+  <table id="table" style="font-size:80%">
+    <tr id="firstRow">
+      <td>0:0</td>
+      <td>0:1</td>
+      <td>0:2</td>
+      <td>0:3</td>
+      <td>0:4</td>
+      <td>0:5</td>
+      <td>0:6</td>
+      <td>0:7</td>
+      <td>0:8</td>
+      <td>0:9</td>
+      <td>0:10</td>
+      <td>0:11</td>
+      <td>0:12</td>
+      <td>0:13</td>
+      <td>0:14</td>
+      <td>0:15</td>
+      <td>0:16</td>
+      <td>0:17</td>
+      <td>0:18</td>
+      <td>0:19</td>
+    </tr>
+    <tr>
+      <td>1:0</td>
+      <td>1:1</td>
+      <td>1:2</td>
+      <td>1:3</td>
+      <td>1:4</td>
+      <td>1:5</td>
+      <td>1:6</td>
+      <td>1:7</td>
+      <td>1:8</td>
+      <td>1:9</td>
+      <td>1:10</td>
+      <td>1:11</td>
+      <td>1:12</td>
+      <td>1:13</td>
+      <td>1:14</td>
+      <td>1:15</td>
+      <td>1:16</td>
+      <td>1:17</td>
+      <td>1:18</td>
+      <td>1:19</td>
+    </tr>
+    <tr>
+      <td>2:0</td>
+      <td>2:1</td>
+      <td>2:2</td>
+      <td>2:3</td>
+      <td>2:4</td>
+      <td>2:5</td>
+      <td>2:6</td>
+      <td>2:7</td>
+      <td>2:8</td>
+      <td>2:9</td>
+      <td>2:10</td>
+      <td>2:11</td>
+      <td>2:12</td>
+      <td>2:13</td>
+      <td>2:14</td>
+      <td>2:15</td>
+      <td>2:16</td>
+      <td>2:17</td>
+      <td>2:18</td>
+      <td>2:19</td>
+    </tr>
+    <tr>
+      <td>3:0</td>
+      <td>3:1</td>
+      <td>3:2</td>
+      <td>3:3</td>
+      <td>3:4</td>
+      <td>3:5</td>
+      <td>3:6</td>
+      <td>3:7</td>
+      <td>3:8</td>
+      <td>3:9</td>
+      <td>3:10</td>
+      <td>3:11</td>
+      <td>3:12</td>
+      <td>3:13</td>
+      <td>3:14</td>
+      <td>3:15</td>
+      <td>3:16</td>
+      <td>3:17</td>
+      <td>3:18</td>
+      <td>3:19</td>
+    </tr>
+    <tr>
+      <td>4:0</td>
+      <td>4:1</td>
+      <td>4:2</td>
+      <td>4:3</td>
+      <td>4:4</td>
+      <td>4:5</td>
+      <td>4:6</td>
+      <td>4:7</td>
+      <td>4:8</td>
+      <td>4:9</td>
+      <td>4:10</td>
+      <td>4:11</td>
+      <td>4:12</td>
+      <td>4:13</td>
+      <td>4:14</td>
+      <td>4:15</td>
+      <td>4:16</td>
+      <td>4:17</td>
+      <td>4:18</td>
+      <td>4:19</td>
+    </tr>
+    <tr>
+      <td>5:0</td>
+      <td>5:1</td>
+      <td>5:2</td>
+      <td>5:3</td>
+      <td>5:4</td>
+      <td>5:5</td>
+      <td>5:6</td>
+      <td>5:7</td>
+      <td>5:8</td>
+      <td>5:9</td>
+      <td>5:10</td>
+      <td>5:11</td>
+      <td>5:12</td>
+      <td>5:13</td>
+      <td>5:14</td>
+      <td>5:15</td>
+      <td>5:16</td>
+      <td>5:17</td>
+      <td>5:18</td>
+      <td>5:19</td>
+    </tr>
+    <tr>
+      <td>6:0</td>
+      <td>6:1</td>
+      <td>6:2</td>
+      <td>6:3</td>
+      <td>6:4</td>
+      <td>6:5</td>
+      <td>6:6</td>
+      <td>6:7</td>
+      <td>6:8</td>
+      <td>6:9</td>
+      <td>6:10</td>
+      <td>6:11</td>
+      <td>6:12</td>
+      <td>6:13</td>
+      <td>6:14</td>
+      <td>6:15</td>
+      <td>6:16</td>
+      <td>6:17</td>
+      <td>6:18</td>
+      <td>6:19</td>
+    </tr>
+    <tr>
+      <td>7:0</td>
+      <td>7:1</td>
+      <td>7:2</td>
+      <td>7:3</td>
+      <td>7:4</td>
+      <td>7:5</td>
+      <td>7:6</td>
+      <td>7:7</td>
+      <td>7:8</td>
+      <td>7:9</td>
+      <td>7:10</td>
+      <td>7:11</td>
+      <td>7:12</td>
+      <td>7:13</td>
+      <td>7:14</td>
+      <td>7:15</td>
+      <td>7:16</td>
+      <td>7:17</td>
+      <td>7:18</td>
+      <td>7:19</td>
+    </tr>
+    <tr>
+      <td>8:0</td>
+      <td>8:1</td>
+      <td>8:2</td>
+      <td>8:3</td>
+      <td>8:4</td>
+      <td>8:5</td>
+      <td>8:6</td>
+      <td>8:7</td>
+      <td>8:8</td>
+      <td>8:9</td>
+      <td>8:10</td>
+      <td>8:11</td>
+      <td>8:12</td>
+      <td>8:13</td>
+      <td>8:14</td>
+      <td>8:15</td>
+      <td>8:16</td>
+      <td>8:17</td>
+      <td>8:18</td>
+      <td>8:19</td>
+    </tr>
+    <tr>
+      <td>9:0</td>
+      <td>9:1</td>
+      <td>9:2</td>
+      <td>9:3</td>
+      <td>9:4</td>
+      <td>9:5</td>
+      <td>9:6</td>
+      <td>9:7</td>
+      <td>9:8</td>
+      <td>9:9</td>
+      <td>9:10</td>
+      <td>9:11</td>
+      <td>9:12</td>
+      <td>9:13</td>
+      <td>9:14</td>
+      <td>9:15</td>
+      <td>9:16</td>
+      <td>9:17</td>
+      <td>9:18</td>
+      <td>9:19</td>
+    </tr>
+    <tr>
+      <td>10:0</td>
+      <td>10:1</td>
+      <td>10:2</td>
+      <td>10:3</td>
+      <td>10:4</td>
+      <td>10:5</td>
+      <td>10:6</td>
+      <td>10:7</td>
+      <td>10:8</td>
+      <td>10:9</td>
+      <td>10:10</td>
+      <td>10:11</td>
+      <td>10:12</td>
+      <td>10:13</td>
+      <td>10:14</td>
+      <td>10:15</td>
+      <td>10:16</td>
+      <td>10:17</td>
+      <td>10:18</td>
+      <td>10:19</td>
+    </tr>
+    <tr>
+      <td>11:0</td>
+      <td>11:1</td>
+      <td>11:2</td>
+      <td>11:3</td>
+      <td>11:4</td>
+      <td>11:5</td>
+      <td>11:6</td>
+      <td>11:7</td>
+      <td>11:8</td>
+      <td>11:9</td>
+      <td>11:10</td>
+      <td>11:11</td>
+      <td>11:12</td>
+      <td>11:13</td>
+      <td>11:14</td>
+      <td>11:15</td>
+      <td>11:16</td>
+      <td>11:17</td>
+      <td>11:18</td>
+      <td>11:19</td>
+    </tr>
+    <tr>
+      <td>12:0</td>
+      <td>12:1</td>
+      <td>12:2</td>
+      <td>12:3</td>
+      <td>12:4</td>
+      <td>12:5</td>
+      <td>12:6</td>
+      <td>12:7</td>
+      <td>12:8</td>
+      <td>12:9</td>
+      <td>12:10</td>
+      <td>12:11</td>
+      <td>12:12</td>
+      <td>12:13</td>
+      <td>12:14</td>
+      <td>12:15</td>
+      <td>12:16</td>
+      <td>12:17</td>
+      <td>12:18</td>
+      <td>12:19</td>
+    </tr>
+    <tr>
+      <td>13:0</td>
+      <td>13:1</td>
+      <td>13:2</td>
+      <td>13:3</td>
+      <td>13:4</td>
+      <td>13:5</td>
+      <td>13:6</td>
+      <td>13:7</td>
+      <td>13:8</td>
+      <td>13:9</td>
+      <td>13:10</td>
+      <td>13:11</td>
+      <td>13:12</td>
+      <td>13:13</td>
+      <td>13:14</td>
+      <td>13:15</td>
+      <td>13:16</td>
+      <td>13:17</td>
+      <td>13:18</td>
+      <td>13:19</td>
+    </tr>
+    <tr>
+      <td>14:0</td>
+      <td>14:1</td>
+      <td>14:2</td>
+      <td>14:3</td>
+      <td>14:4</td>
+      <td>14:5</td>
+      <td>14:6</td>
+      <td>14:7</td>
+      <td>14:8</td>
+      <td>14:9</td>
+      <td>14:10</td>
+      <td>14:11</td>
+      <td>14:12</td>
+      <td>14:13</td>
+      <td>14:14</td>
+      <td>14:15</td>
+      <td>14:16</td>
+      <td>14:17</td>
+      <td>14:18</td>
+      <td>14:19</td>
+    </tr>
+    <tr>
+      <td>15:0</td>
+      <td>15:1</td>
+      <td>15:2</td>
+      <td>15:3</td>
+      <td>15:4</td>
+      <td>15:5</td>
+      <td>15:6</td>
+      <td>15:7</td>
+      <td>15:8</td>
+      <td>15:9</td>
+      <td>15:10</td>
+      <td>15:11</td>
+      <td>15:12</td>
+      <td>15:13</td>
+      <td>15:14</td>
+      <td>15:15</td>
+      <td>15:16</td>
+      <td>15:17</td>
+      <td>15:18</td>
+      <td>15:19</td>
+    </tr>
+    <tr>
+      <td>16:0</td>
+      <td>16:1</td>
+      <td>16:2</td>
+      <td>16:3</td>
+      <td>16:4</td>
+      <td>16:5</td>
+      <td>16:6</td>
+      <td>16:7</td>
+      <td>16:8</td>
+      <td>16:9</td>
+      <td>16:10</td>
+      <td>16:11</td>
+      <td>16:12</td>
+      <td>16:13</td>
+      <td>16:14</td>
+      <td>16:15</td>
+      <td>16:16</td>
+      <td>16:17</td>
+      <td>16:18</td>
+      <td>16:19</td>
+    </tr>
+    <tr>
+      <td>17:0</td>
+      <td>17:1</td>
+      <td>17:2</td>
+      <td>17:3</td>
+      <td>17:4</td>
+      <td>17:5</td>
+      <td>17:6</td>
+      <td>17:7</td>
+      <td>17:8</td>
+      <td>17:9</td>
+      <td>17:10</td>
+      <td>17:11</td>
+      <td>17:12</td>
+      <td>17:13</td>
+      <td>17:14</td>
+      <td>17:15</td>
+      <td>17:16</td>
+      <td>17:17</td>
+      <td>17:18</td>
+      <td>17:19</td>
+    </tr>
+    <tr>
+      <td>18:0</td>
+      <td>18:1</td>
+      <td>18:2</td>
+      <td>18:3</td>
+      <td>18:4</td>
+      <td>18:5</td>
+      <td>18:6</td>
+      <td>18:7</td>
+      <td>18:8</td>
+      <td>18:9</td>
+      <td>18:10</td>
+      <td>18:11</td>
+      <td>18:12</td>
+      <td>18:13</td>
+      <td>18:14</td>
+      <td>18:15</td>
+      <td>18:16</td>
+      <td>18:17</td>
+      <td>18:18</td>
+      <td>18:19</td>
+    </tr>
+    <tr>
+      <td>19:0</td>
+      <td>19:1</td>
+      <td>19:2</td>
+      <td>19:3</td>
+      <td>19:4</td>
+      <td>19:5</td>
+      <td>19:6</td>
+      <td>19:7</td>
+      <td>19:8</td>
+      <td>19:9</td>
+      <td>19:10</td>
+      <td>19:11</td>
+      <td>19:12</td>
+      <td>19:13</td>
+      <td>19:14</td>
+      <td>19:15</td>
+      <td>19:16</td>
+      <td>19:17</td>
+      <td>19:18</td>
+      <td>19:19</td>
+    </tr>
+  </table>
 
-<input type="button" onclick="resize()" value="resize"/>
-<input type="button" onclick="resize2()" value="resize2"/>
+  <input type="button" onclick="resize()" value="resize" />
+  <input type="button" onclick="resize2()" value="resize2" />
 
 
 
 
 
-</body></html>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/archive/menu.html b/archive/menu.html
index 0fb44f40..c41de1c7 100644
--- a/archive/menu.html
+++ b/archive/menu.html
@@ -1,79 +1,76 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<style>
-
-  .menu ul {
-    margin: 0;
-    list-style: none;
-    padding-left: 20px;
-
-    display: none;
-  }
-
-  .menu .title {
-    font-size: 18px;
-    cursor: pointer;
-  }
-  
-  .menu .title::before {
-    color: green;
-    font-size: 80%;
-    content: '▶ ';
-  }
-
-  .menu_open .title::before {
-    color: green;
-    font-size: 80%;
-    content: '▼ ';
-  }
-  
-
-  .menu_open ul {
-    display: block;
-  }
-
-</style>
+  <meta charset="utf-8">
+  <style>
+    .menu ul {
+      margin: 0;
+      list-style: none;
+      padding-left: 20px;
+      display: none;
+    }
+    
+    .menu .title {
+      font-size: 18px;
+      cursor: pointer;
+    }
+    
+    .menu .title::before {
+      color: green;
+      font-size: 80%;
+      content: '▶ ';
+    }
+    
+    .menu_open .title::before {
+      color: green;
+      font-size: 80%;
+      content: '▼ ';
+    }
+    
+    .menu_open ul {
+      display: block;
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="sweeties" class="menu">
-  <span class="title">Сладости (нажми меня)!</span>
-  <ul>
-    <li>Торт</li>
-    <li>Пончик</li>
-    <li>Пирожное</li>
-  </ul>
-</div>
+  <div id="sweeties" class="menu">
+    <span class="title">Сладости (нажми меня)!</span>
+    <ul>
+      <li>Торт</li>
+      <li>Пончик</li>
+      <li>Пирожное</li>
+    </ul>
+  </div>
 
-<script>
-function Menu(options) {
-  var elem = options.elem;
-  
-  function toggle() {
-    elem.classList.toggle('menu_open');
-  }
-  
-  elem.onclick = function(event) {
-    console.log(event);
-    console.log(this == elem);
-    toggle();
-  }
-  
-  this.toggle = toggle;
-}
+  <script>
+    function Menu(options) {
+      var elem = options.elem;
 
-var menu = new Menu({
-  elem: document.querySelector('#sweeties')
-});
+      function toggle() {
+        elem.classList.toggle('menu_open');
+      }
 
-setInterval(function() {
-  menu.toggle();
-}, 3000)
+      elem.onclick = function(event) {
+        console.log(event);
+        console.log(this == elem);
+        toggle();
+      }
 
-</script>
+      this.toggle = toggle;
+    }
+
+    var menu = new Menu({
+      elem: document.querySelector('#sweeties')
+    });
+
+    setInterval(function() {
+      menu.toggle();
+    }, 3000)
+  </script>
 
 </body>
-</html>
 
+</html>
\ No newline at end of file
diff --git a/archive/upload-2way.view/index.html b/archive/upload-2way.view/index.html
index 19c60af7..e8af0a2a 100644
--- a/archive/upload-2way.view/index.html
+++ b/archive/upload-2way.view/index.html
@@ -1,47 +1,48 @@
 <!DOCTYPE HTML>
 <html>
+
 <body>
-<head>
-  <meta charset="utf-8">
-  <script src="uploader.js"></script>
-</head>
-<form name="upload" method="POST" enctype="multipart/form-data" action="/upload">
-  <input type="file" name="myfile">
-  <input type="submit" name="submit" value="Загрузить">
-</form>
 
-<div id="log">Индикация прогресса</div>
+  <head>
+    <meta charset="utf-8">
+    <script src="uploader.js"></script>
+  </head>
+  <form name="upload" method="POST" enctype="multipart/form-data" action="/upload">
+    <input type="file" name="myfile">
+    <input type="submit" name="submit" value="Загрузить">
+  </form>
 
-<script>
-function log(html) {
-  document.getElementById('log').innerHTML = html;
-}
+  <div id="log">Индикация прогресса</div>
 
-function onSuccess() {
-  log('success');
-}
+  <script>
+    function log(html) {
+      document.getElementById('log').innerHTML = html;
+    }
 
-function onError() {
-  log('error');
-}
+    function onSuccess() {
+      log('success');
+    }
 
-function onProgress(loaded, total) {
-  log(loaded + ' / '+ total);
-}
+    function onError() {
+      log('error');
+    }
+
+    function onProgress(loaded, total) {
+      log(loaded + ' / ' + total);
+    }
 
 
-var uploader;
+    var uploader;
 
-document.forms.upload.onsubmit = function() {
-  var file = this.elements.myfile.files[0];
-  if (!file) return false;
-  
-  uploader = new Uploader(file, onSuccess, onError, onProgress); 
-  uploader.upload(); 
-  return false;
-}
+    document.forms.upload.onsubmit = function() {
+      var file = this.elements.myfile.files[0];
+      if (!file) return false;
 
-
-</script>
+      uploader = new Uploader(file, onSuccess, onError, onProgress);
+      uploader.upload();
+      return false;
+    }
+  </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/archive/widget-tasks/1-date-selector/solution.view/index.html b/archive/widget-tasks/1-date-selector/solution.view/index.html
index 960300f5..e7e1cd54 100644
--- a/archive/widget-tasks/1-date-selector/solution.view/index.html
+++ b/archive/widget-tasks/1-date-selector/solution.view/index.html
@@ -1,51 +1,60 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
   <script src="dateselector.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="date-selector-template">
-  <select class="year">
-    <% for(var year = yearFrom; year <= yearTo; year++) { %>
-      <option value="<%=year%>"><%=year%></option>
-    <% } %>
-  </select>
-  <select class="month">
-    <% for(var month = 0; month <= 11; month++) { %>
-      <option value="<%=month%>"><%=monthNames[month]%></option>
-    <% } %>
-  </select>
-  <select class="day">
-    <% for(var day = 1; day <= dayTo; day++) { %>
-      <option value="<%=day%>"><%=day%></option>
-    <% } %>
-  </select>
-</script>
+  <script type="text/template" id="date-selector-template">
+    <select class="year">
+      <% for(var year=y earFrom; year <=y earTo; year++) { %>
+        <option value="<%=year%>">
+          <%=year%>
+        </option>
+        <% } %>
+    </select>
+    <select class="month">
+      <% for(var month=0 ; month <=1 1; month++) { %>
+        <option value="<%=month%>">
+          <%=monthNames[month]%>
+        </option>
+        <% } %>
+    </select>
+    <select class="day">
+      <% for(var day=1 ; day <=d ayTo; day++) { %>
+        <option value="<%=day%>">
+          <%=day%>
+        </option>
+        <% } %>
+    </select>
+  </script>
 
-<div id="selector-holder"></div>
-<div id="value">тут будет значение даты при выборе</div>
+  <div id="selector-holder"></div>
+  <div id="value">тут будет значение даты при выборе</div>
 
-<script>
-  var dateSelector = new DateSelector({ 
-    yearFrom: 2010, 
-    yearTo: 2020, 
-    value: new Date(2012, 2, 31), // 31 марта 2012
-    template: $('#date-selector-template').html().trim()
-  });
+  <script>
+    var dateSelector = new DateSelector({
+      yearFrom: 2010,
+      yearTo: 2020,
+      value: new Date(2012, 2, 31), // 31 марта 2012
+      template: $('#date-selector-template').html().trim()
+    });
 
-  $('#selector-holder').append(dateSelector.getElement());
+    $('#selector-holder').append(dateSelector.getElement());
 
-  $(dateSelector).on("select", function(e) {
-    $('#value').html( e.value + '' );
-  });
-</script>
+    $(dateSelector).on("select", function(e) {
+      $('#value').html(e.value + '');
+    });
+  </script>
 
-<button onclick="dateSelector.setValue(new Date)">setValue(сегодня)</button>
+  <button onclick="dateSelector.setValue(new Date)">setValue(сегодня)</button>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/1-date-selector/source.view/index.html b/archive/widget-tasks/1-date-selector/source.view/index.html
index 3f866331..44d83309 100644
--- a/archive/widget-tasks/1-date-selector/source.view/index.html
+++ b/archive/widget-tasks/1-date-selector/source.view/index.html
@@ -1,37 +1,40 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
   <script src="dateselector.js"></script>
 </head>
+
 <body>
 
-<script type="text/template" id="date-selector-template">
-  /* шаблон для виджета */
-</script>
+  <script type="text/template" id="date-selector-template">
+    /* шаблон для виджета */
+  </script>
 
-<div id="selector-holder"></div>
-<div id="value">тут будет значение даты при выборе</div>
+  <div id="selector-holder"></div>
+  <div id="value">тут будет значение даты при выборе</div>
 
-<script>
-  var dateSelector = new DateSelector({ 
-    yearFrom: 2010, 
-    yearTo: 2020, 
-    value: new Date(2012, 2, 31), // 31 марта 2012
-    template: $('#date-selector-template').html()
-  });
+  <script>
+    var dateSelector = new DateSelector({
+      yearFrom: 2010,
+      yearTo: 2020,
+      value: new Date(2012, 2, 31), // 31 марта 2012
+      template: $('#date-selector-template').html()
+    });
 
-  $('#selector-holder').append(dateSelector.getElement());
+    $('#selector-holder').append(dateSelector.getElement());
 
-  $(dateSelector).on("select", function(e) {
-    $('#value').html( e.value + '' );
-  });
-</script>
+    $(dateSelector).on("select", function(e) {
+      $('#value').html(e.value + '');
+    });
+  </script>
 
-<button onclick="dateSelector.setValue(new Date)">setValue(сегодня)</button>
+  <button onclick="dateSelector.setValue(new Date)">setValue(сегодня)</button>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/1-tooltip-over-element/solution.view/index.html b/archive/widget-tasks/1-tooltip-over-element/solution.view/index.html
index e13d1674..805fc208 100644
--- a/archive/widget-tasks/1-tooltip-over-element/solution.view/index.html
+++ b/archive/widget-tasks/1-tooltip-over-element/solution.view/index.html
@@ -1,109 +1,112 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="http://code.jquery.com/jquery.min.js"></script>
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  .tooltip {
-    position:absolute;
-    z-index:100; /* подсказка должна перекрывать другие элементы */
-    padding: 10px 20px;
-
-    /* красивости... */
-    border: 1px solid #b3c9ce;
-    border-radius: 4px;
-    text-align: center;
-    font: italic 14px/1.3 arial, sans-serif; 
-    color: #333;
-    background: #fff;
-    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
-  }
-
-</style>
+  <meta charset="utf-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
+    
+    .tooltip {
+      position: absolute;
+      z-index: 100;
+      /* подсказка должна перекрывать другие элементы */
+      
+      padding: 10px 20px;
+      /* красивости... */
+      
+      border: 1px solid #b3c9ce;
+      border-radius: 4px;
+      text-align: center;
+      font: italic 14px/1.3 arial, sans-serif;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
+    }
+  </style>
 </head>
+
 <body>
 
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
 
-<a href="#" id="link">Ссылка с <i>подсказкой</i></a>
-<a href="#" id="link2">Еще ссылка</a>
+  <a href="#" id="link">Ссылка с <i>подсказкой</i></a>
+  <a href="#" id="link2">Еще ссылка</a>
 
-<script>
-// должно работать даже если страница имеет прокрутку
-// подсказка должна перекрывать текст под ней
-// подсказка не должна вылезать за экран
-function Tooltip(options) {
+  <script>
+    // должно работать даже если страница имеет прокрутку
+    // подсказка должна перекрывать текст под ней
+    // подсказка не должна вылезать за экран
+    function Tooltip(options) {
 
-  var offsetFromElement = (options.offset === undefined) ? 10 : options.offset;
-  var tooltipElem;
-  var isEnabled = true;
+      var offsetFromElement = (options.offset === undefined) ? 10 : options.offset;
+      var tooltipElem;
+      var isEnabled = true;
 
-  var elem = options.elem;
-  var html = options.html;
+      var elem = options.elem;
+      var html = options.html;
 
-  // обычно обработчики - отдельные функции, но здесь все слишком просто, так что без них
-  elem.hover(show, hide);
+      // обычно обработчики - отдельные функции, но здесь все слишком просто, так что без них
+      elem.hover(show, hide);
 
-  function hide() {
-    getTooltipElem().remove();
-  }
+      function hide() {
+        getTooltipElem().remove();
+      }
 
-  function show() {
-    var elemCoords = elem.offset();
-    
-    var tooltipElem = getTooltipElem();
+      function show() {
+        var elemCoords = elem.offset();
 
-    var winLeft = $(window).scrollLeft();
-    var winTop = $(window).scrollTop();
+        var tooltipElem = getTooltipElem();
 
-    tooltipElem.appendTo('body'); // если не показать элемент, то не получится получить ширину
+        var winLeft = $(window).scrollLeft();
+        var winTop = $(window).scrollTop();
 
-    var left = elemCoords.left + (elem.outerWidth() - tooltipElem.outerWidth())/2^0;
-    if (left < winLeft) left = winLeft; // вылезли за левую границу
+        tooltipElem.appendTo('body'); // если не показать элемент, то не получится получить ширину
+
+        var left = elemCoords.left + (elem.outerWidth() - tooltipElem.outerWidth()) / 2 ^ 0;
+        if (left < winLeft) left = winLeft; // вылезли за левую границу
+
+        var top = elemCoords.top - tooltipElem.outerHeight() - offsetFromElement;
+        if (top < winTop) { // вылезли за верхнюю границу
+          top = elemCoords.top + elem.outerHeight() + offsetFromElement;
+        }
+
+        tooltipElem.css({
+          left: left,
+          top: top
+        });
+      }
+
+      function getTooltipElem() {
+        if (!tooltipElem) {
+          tooltipElem = $('<div/>', {
+            "class": 'tooltip',
+            html: html
+          });
+        }
+        return tooltipElem;
+      }
 
-    var top = elemCoords.top - tooltipElem.outerHeight() - offsetFromElement;
-    if (top < winTop) { // вылезли за верхнюю границу
-      top = elemCoords.top + elem.outerHeight() + offsetFromElement;
     }
 
-    tooltipElem.css({
-        left: left,
-        top: top
+    new Tooltip({
+      elem: $('#link'),
+      html: "подсказка длиннее, чем элемент"
     });
-  }
-
-  function getTooltipElem() {
-    if (!tooltipElem) {
-      tooltipElem = $('<div/>', {
-        "class" : 'tooltip',
-        html: html
-      });
-    }
-    return tooltipElem;
-  }
-
-}
-
-new Tooltip({
-  elem: $('#link'),
-  html: "подсказка длиннее, чем элемент"
-});
 
 
-new Tooltip({
-  elem: $('#link2'),
-  html: "HTML<br>подсказка",
-  offset: 0
-});
-
-
-</script>
+    new Tooltip({
+      elem: $('#link2'),
+      html: "HTML<br>подсказка",
+      offset: 0
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/1-tooltip-over-element/source.view/index.html b/archive/widget-tasks/1-tooltip-over-element/source.view/index.html
index fcd5ded1..5c34a6e0 100644
--- a/archive/widget-tasks/1-tooltip-over-element/source.view/index.html
+++ b/archive/widget-tasks/1-tooltip-over-element/source.view/index.html
@@ -1,50 +1,51 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="http://code.jquery.com/jquery.min.js"></script>
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  .tooltip {
-    /* ваш стиль */
-  }
-
-</style>
+  <meta charset="utf-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
+    
+    .tooltip {
+      /* ваш стиль */
+    }
+  </style>
 </head>
+
 <body>
 
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
-<p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
+  <p>ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя ЛяЛяЛя</p>
 
-<a href="#" id="link">Ссылка с <i>подсказкой</i></a>
-<a href="#" id="link2">Еще ссылка</a>
+  <a href="#" id="link">Ссылка с <i>подсказкой</i></a>
+  <a href="#" id="link2">Еще ссылка</a>
 
-<script>
-// должно работать даже если страница имеет прокрутку
-// подсказка должна перекрывать текст под ней
-// подсказка не должна вылезать за экран
-function Tooltip(options) {
-  /* ваш код */
-}
+  <script>
+    // должно работать даже если страница имеет прокрутку
+    // подсказка должна перекрывать текст под ней
+    // подсказка не должна вылезать за экран
+    function Tooltip(options) {
+      /* ваш код */
+    }
 
-new Tooltip({
-  elem: $('#link'),
-  html: "подсказка длиннее, чем элемент"
-});
+    new Tooltip({
+      elem: $('#link'),
+      html: "подсказка длиннее, чем элемент"
+    });
 
 
-new Tooltip({
-  elem: $('#link2'),
-  html: "HTML<br>подсказка",
-  offset: 0
-});
-
-
-</script>
+    new Tooltip({
+      elem: $('#link2'),
+      html: "HTML<br>подсказка",
+      offset: 0
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/2-draggable-windows/index.html b/archive/widget-tasks/2-draggable-windows/index.html
index ee97c79f..0caa0d04 100644
--- a/archive/widget-tasks/2-draggable-windows/index.html
+++ b/archive/widget-tasks/2-draggable-windows/index.html
@@ -1,45 +1,47 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="UTF-8">
-    <script src="http://code.jquery.com/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
-    <link type="text/css" rel="stylesheet" href="window.css" />
-    <style>
-      html, body {
-        padding: 0;
-        margin: 0;
-      }
-    </style>
-    <script src="draggableWindow.js"></script>
+  <meta charset="UTF-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <link type="text/css" rel="stylesheet" href="window.css" />
+  <style>
+    html,
+    body {
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+  <script src="draggableWindow.js"></script>
 </head>
+
 <body style="height:2000px">
 
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
 
-<script type="text/template" id="draggable-window-template">
-<div class="window-title"><%=title%></div>
-<div class="window-content"></div>
-<form class="window-message-form">
-<input type="text" name="message" class="window-message-text"><input type="submit" name="submit" class="window-message-submit" value="Послать">
-</form>
-</script>
+  <script type="text/template" id="draggable-window-template">
+    <div class="window-title">
+      <%=title%>
+    </div>
+    <div class="window-content"></div>
+    <form class="window-message-form">
+      <input type="text" name="message" class="window-message-text">
+      <input type="submit" name="submit" class="window-message-submit" value="Послать">
+    </form>
+  </script>
 
-<script>
+  <script>
+    var win = new DraggableWindow({
+      title: "Чат с Петей",
+      template: $('#draggable-window-template').html()
+    });
 
-var win = new DraggableWindow({
-  title: "Чат с Петей",
-  template: $('#draggable-window-template').html()
-});
-
-win.getElement().appendTo('body');
-
-</script>
+    win.getElement().appendTo('body');
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/2-draggable-windows/solution.view/index.html b/archive/widget-tasks/2-draggable-windows/solution.view/index.html
index ee97c79f..0caa0d04 100644
--- a/archive/widget-tasks/2-draggable-windows/solution.view/index.html
+++ b/archive/widget-tasks/2-draggable-windows/solution.view/index.html
@@ -1,45 +1,47 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="UTF-8">
-    <script src="http://code.jquery.com/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
-    <link type="text/css" rel="stylesheet" href="window.css" />
-    <style>
-      html, body {
-        padding: 0;
-        margin: 0;
-      }
-    </style>
-    <script src="draggableWindow.js"></script>
+  <meta charset="UTF-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <link type="text/css" rel="stylesheet" href="window.css" />
+  <style>
+    html,
+    body {
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+  <script src="draggableWindow.js"></script>
 </head>
+
 <body style="height:2000px">
 
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
 
-<script type="text/template" id="draggable-window-template">
-<div class="window-title"><%=title%></div>
-<div class="window-content"></div>
-<form class="window-message-form">
-<input type="text" name="message" class="window-message-text"><input type="submit" name="submit" class="window-message-submit" value="Послать">
-</form>
-</script>
+  <script type="text/template" id="draggable-window-template">
+    <div class="window-title">
+      <%=title%>
+    </div>
+    <div class="window-content"></div>
+    <form class="window-message-form">
+      <input type="text" name="message" class="window-message-text">
+      <input type="submit" name="submit" class="window-message-submit" value="Послать">
+    </form>
+  </script>
 
-<script>
+  <script>
+    var win = new DraggableWindow({
+      title: "Чат с Петей",
+      template: $('#draggable-window-template').html()
+    });
 
-var win = new DraggableWindow({
-  title: "Чат с Петей",
-  template: $('#draggable-window-template').html()
-});
-
-win.getElement().appendTo('body');
-
-</script>
+    win.getElement().appendTo('body');
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/2-draggable-windows/source.view/index.html b/archive/widget-tasks/2-draggable-windows/source.view/index.html
index d003c40d..6fe73db5 100644
--- a/archive/widget-tasks/2-draggable-windows/source.view/index.html
+++ b/archive/widget-tasks/2-draggable-windows/source.view/index.html
@@ -1,55 +1,52 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="UTF-8">
-    <script src="http://code.jquery.com/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
-    <style>
-      html, body {
-        padding: 0;
-        margin: 0;
-      }
-
-      /* ваши стили */
-
-    </style>
+  <meta charset="UTF-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <style>
+    html,
+    body {
+      padding: 0;
+      margin: 0;
+    }
+    /* ваши стили */
+  </style>
 </head>
+
 <body>
 
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
 
-<script type="text/template" id="draggable-window-template">
-  /* шаблон для окна */
-</script>
+  <script type="text/template" id="draggable-window-template">
+    /* шаблон для окна */
+  </script>
 
-<script>
+  <script>
+    // если начать перенос и передвинуть мышь максимально вверх -- верхний край окна не должен вылетать за край страницы.
+    // в другие стороны
 
-// если начать перенос и передвинуть мышь максимально вверх -- верхний край окна не должен вылетать за край страницы.
-// в другие стороны
+    // чтобы даже при резких движениях мыши -- окно прилипало к краю но не вылезало за край
+    // исключение -- максимальная нижняя позиция окна -- это когда только заголовок виден
 
-// чтобы даже при резких движениях мыши -- окно прилипало к краю но не вылезало за край
-// исключение -- максимальная нижняя позиция окна -- это когда только заголовок виден
+    // позиция мыши смещается
+    function DraggableWindow(options) {
+      var self = this;
 
-// позиция мыши смещается
-function DraggableWindow(options) {
-  var self = this;
+      /* ваш код */
+    }
 
-  /* ваш код */
-}
+    var win = new DraggableWindow({
+      title: "Чат с Петей",
+      template: $('#draggable-window-template').html()
+    });
 
-var win = new DraggableWindow({
-  title: "Чат с Петей",
-  template: $('#draggable-window-template').html()
-});
-
-win.getElement().appendTo('body');
-
-</script>
+    win.getElement().appendTo('body');
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/2-moving-tooltip/solution.view/index.html b/archive/widget-tasks/2-moving-tooltip/solution.view/index.html
index 18a2179d..10e202f8 100644
--- a/archive/widget-tasks/2-moving-tooltip/solution.view/index.html
+++ b/archive/widget-tasks/2-moving-tooltip/solution.view/index.html
@@ -1,138 +1,142 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="http://code.jquery.com/jquery.min.js"></script>
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  .tooltip {
-    position:absolute;
-    z-index:100; /* подсказка должна перекрывать другие элементы */
-    padding: 10px 20px;
-
-    /* красивости... */
-    border: 1px solid #b3c9ce;
-    border-radius: 4px;
-    text-align: center;
-    font: italic 14px/1.3 arial, sans-serif; 
-    color: #333;
-    background: #fff;
-    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
-  }
-
-</style>
+  <meta charset="utf-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
+    
+    .tooltip {
+      position: absolute;
+      z-index: 100;
+      /* подсказка должна перекрывать другие элементы */
+      
+      padding: 10px 20px;
+      /* красивости... */
+      
+      border: 1px solid #b3c9ce;
+      border-radius: 4px;
+      text-align: center;
+      font: italic 14px/1.3 arial, sans-serif;
+      color: #333;
+      background: #fff;
+      box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
+    }
+  </style>
 </head>
+
 <body>
 
-<a href="#" id="link">Ссылка с подсказкой</a>
-<a href="#" id="link2">Еще ссылка</a>
+  <a href="#" id="link">Ссылка с подсказкой</a>
+  <a href="#" id="link2">Еще ссылка</a>
 
-<div id="elem" style="border:1px solid black; position:absolute;width:300px;height:150px;right:10px;bottom:10px">
-  <em>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  <div id="elem" style="border:1px solid black; position:absolute;width:300px;height:150px;right:10px;bottom:10px">
+    <em>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
   Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</em>
-</div>
+  </div>
 
-<script>
-// должно работать даже если страница имеет прокрутку
-// подсказка должна перекрывать текст под ней
-// у нижнего и правого края окна подсказка должна идти налево/вверх от курсора
-function Tooltip(options) {
+  <script>
+    // должно работать даже если страница имеет прокрутку
+    // подсказка должна перекрывать текст под ней
+    // у нижнего и правого края окна подсказка должна идти налево/вверх от курсора
+    function Tooltip(options) {
 
-  var offsetFromCursor = (options.offset === undefined) ? 10 : options.offset;
-  var tooltipElem;
-  var isEnabled = true;
+      var offsetFromCursor = (options.offset === undefined) ? 10 : options.offset;
+      var tooltipElem;
+      var isEnabled = true;
 
-  var elem = options.elem;
-  var html = options.html;
+      var elem = options.elem;
+      var html = options.html;
 
-  elem.on({
-    mouseenter: onMouseEnter,
-    mouseleave: onMouseLeave,
-    mousemove: onMouseMove
-  });
-
-  function onMouseEnter(e) {
-    show(e.pageX, e.pageY);
-  }
-
-  function onMouseLeave() {
-    hide();    
-  }
-
-  function onMouseMove(e) {
-    show(e.pageX, e.pageY);    
-  }
-
-
-  function hide() {
-    getTooltipElem().remove();
-  };
-
-  function getTooltipElem() {
-    if (!tooltipElem) {
-      tooltipElem = $('<div/>', {
-        "class" : 'tooltip',
-        html: html
+      elem.on({
+        mouseenter: onMouseEnter,
+        mouseleave: onMouseLeave,
+        mousemove: onMouseMove
       });
-    }
-    return tooltipElem;
-  }
 
-  function show(pageX, pageY) {
-    var tooltipElem = getTooltipElem();
+      function onMouseEnter(e) {
+        show(e.pageX, e.pageY);
+      }
+
+      function onMouseLeave() {
+        hide();
+      }
+
+      function onMouseMove(e) {
+        show(e.pageX, e.pageY);
+      }
+
+
+      function hide() {
+        getTooltipElem().remove();
+      };
+
+      function getTooltipElem() {
+        if (!tooltipElem) {
+          tooltipElem = $('<div/>', {
+            "class": 'tooltip',
+            html: html
+          });
+        }
+        return tooltipElem;
+      }
+
+      function show(pageX, pageY) {
+        var tooltipElem = getTooltipElem();
+
+        if (!tooltipElem.is(':visible')) {
+          // первым делом - отобразить подсказку, чтобы можно было получить её размеры
+          tooltipElem.appendTo('body');
+        }
+
+        var scrollY = $(window).scrollTop();
+        var winBottom = scrollY + $(window).height();
+
+        var scrollX = $(window).scrollLeft();
+        var winRight = scrollX + $(window).width();
+
+        var newLeft = pageX + offsetFromCursor;
+        var newTop = pageY + offsetFromCursor;
+
+        if (newLeft + tooltipElem.outerWidth() > winRight) { // если за правой границей окна
+          newLeft -= tooltipElem.outerWidth();
+          newLeft -= offsetFromCursor + 2; // немного левее, чтобы курсор был не над подсказкой
+        }
+
+        if (newTop + tooltipElem.outerHeight() > winBottom) { // если за нижней границей окна
+          newTop -= tooltipElem.outerHeight();
+          newTop -= offsetFromCursor + 2; // немного выше
+        }
+
+        tooltipElem.css({
+          left: newLeft,
+          top: newTop
+        });
+      };
 
-    if (!tooltipElem.is(':visible')) {
-      // первым делом - отобразить подсказку, чтобы можно было получить её размеры
-      tooltipElem.appendTo('body');
     }
 
-    var scrollY = $(window).scrollTop();
-    var winBottom = scrollY + $(window).height();
-
-    var scrollX = $(window).scrollLeft();
-    var winRight  = scrollX + $(window).width();
-
-    var newLeft = pageX + offsetFromCursor;
-    var newTop = pageY + offsetFromCursor;
-
-    if (newLeft + tooltipElem.outerWidth() > winRight) { // если за правой границей окна
-      newLeft -= tooltipElem.outerWidth();
-      newLeft -= offsetFromCursor + 2; // немного левее, чтобы курсор был не над подсказкой
-    }
-
-    if (newTop + tooltipElem.outerHeight() > winBottom) { // если за нижней границей окна
-      newTop -= tooltipElem.outerHeight();
-      newTop -= offsetFromCursor + 2;  // немного выше
-    }
-
-    tooltipElem.css({
-      left: newLeft,
-      top: newTop
+    new Tooltip({
+      elem: $('#elem'),
+      html: "Вот <b>такая</b> подсказка!"
     });
-  };
 
-}
+    new Tooltip({
+      elem: $('#link'),
+      html: $('#link').html()
+    });
 
-new Tooltip({
-  elem: $('#elem'),
-  html: "Вот <b>такая</b> подсказка!"
-});
-
-new Tooltip({
-  elem: $('#link'),
-  html: $('#link').html()
-});
-
-new Tooltip({
-  elem: $('#link2'),
-  html: $('#link2').html()
-});
-
-</script>
+    new Tooltip({
+      elem: $('#link2'),
+      html: $('#link2').html()
+    });
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/2-moving-tooltip/source.view/index.html b/archive/widget-tasks/2-moving-tooltip/source.view/index.html
index c7fc322d..9eb50ff9 100644
--- a/archive/widget-tasks/2-moving-tooltip/source.view/index.html
+++ b/archive/widget-tasks/2-moving-tooltip/source.view/index.html
@@ -1,54 +1,56 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="http://code.jquery.com/jquery.min.js"></script>
-<style>
-  body {
-    height: 2000px; /* подсказка должна работать независимо от прокрутки */
-  }
-
-  .tooltip {
-    /* ваш стиль */
-  }
-
-</style>
+  <meta charset="utf-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <style>
+    body {
+      height: 2000px;
+      /* подсказка должна работать независимо от прокрутки */
+    }
+    
+    .tooltip {
+      /* ваш стиль */
+    }
+  </style>
 </head>
+
 <body>
 
-<a href="#" id="link">Ссылка с подсказкой</a>
-<a href="#" id="link2">Еще ссылка</a>
+  <a href="#" id="link">Ссылка с подсказкой</a>
+  <a href="#" id="link2">Еще ссылка</a>
 
-<div id="elem" style="border:1px solid black; position:absolute;width:300px;height:150px;right:10px;bottom:10px">
-  <em>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  <div id="elem" style="border:1px solid black; position:absolute;width:300px;height:150px;right:10px;bottom:10px">
+    <em>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
   Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст</em>
-</div>
+  </div>
 
-<script>
-// должно работать даже если страница имеет прокрутку
-// подсказка должна перекрывать текст под ней
-// у нижнего и правого края окна подсказка должна идти налево/вверх от курсора
-function Tooltip(options) {
-  /* ваш код */
-}
+  <script>
+    // должно работать даже если страница имеет прокрутку
+    // подсказка должна перекрывать текст под ней
+    // у нижнего и правого края окна подсказка должна идти налево/вверх от курсора
+    function Tooltip(options) {
+      /* ваш код */
+    }
 
-new Tooltip({
-  elem: $('#elem'),
-  html: "Вот <b>такая</b> подсказка!"
-});
+    new Tooltip({
+      elem: $('#elem'),
+      html: "Вот <b>такая</b> подсказка!"
+    });
 
-new Tooltip({
-  elem: $('#link'),
-  html: $('#link').html()
-});
+    new Tooltip({
+      elem: $('#link'),
+      html: $('#link').html()
+    });
 
-new Tooltip({
-  elem: $('#link2'),
-  html: $('#link2').html()
-});
-
-</script>
+    new Tooltip({
+      elem: $('#link2'),
+      html: $('#link2').html()
+    });
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/3-resize-img/solution.view/index.html b/archive/widget-tasks/3-resize-img/solution.view/index.html
index 846ebe99..ce9ad002 100644
--- a/archive/widget-tasks/3-resize-img/solution.view/index.html
+++ b/archive/widget-tasks/3-resize-img/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
@@ -7,14 +8,18 @@
     .resize-wrapper {
       position: relative;
     }
+    
     .resize-wrapper img {
       /* img при таком DOCTYPE в некоторых браузерах имеет display:inline, в некоторых display:block
          если оставить inline, то под img браузер оставит пустое место для "хвостов" букв
       */
+      
       display: block;
     }
-
-    .resize-handle-se { /* правый-нижний угол */
+    
+    .resize-handle-se {
+      /* правый-нижний угол */
+      
       position: absolute;
       bottom: 0;
       right: 0;
@@ -23,127 +28,131 @@
       background: url(https://js.cx/clipart/handle-se.png) no-repeat;
       cursor: se-resize;
     }
-
-    .resize-handle-s { /* нижняя "рамка", за которую можно потащить */
+    
+    .resize-handle-s {
+      /* нижняя "рамка", за которую можно потащить */
+      
       position: absolute;
       bottom: 0;
       height: 3px;
-      width:100%;
+      width: 100%;
       background: gray;
       cursor: s-resize;
     }
-
-    .resize-handle-e { /* правая "рамка", за которую можно потащить */
+    
+    .resize-handle-e {
+      /* правая "рамка", за которую можно потащить */
+      
       position: absolute;
       right: 0;
       top: 0;
       width: 3px;
-      height:100%;
+      height: 100%;
       background: gray;
       cursor: e-resize;
     }
-
   </style>
 </head>
+
 <body>
 
-<img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg">
+  <img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg">
 
-<div id="info"></div>
+  <div id="info"></div>
 
-<script>
-function Resizeable(options) {
-  var self = this;
+  <script>
+    function Resizeable(options) {
+      var self = this;
 
-  var elem = options.elem;
-  var handleSize = options.handleSize || 3;
+      var elem = options.elem;
+      var handleSize = options.handleSize || 3;
 
-  var newWidth, newHeight, resizeType; // размеры в процессе ресайза
+      var newWidth, newHeight, resizeType; // размеры в процессе ресайза
 
-  // внешняя обертка
-  var wrapper = $('<div class="resize-wrapper"/>')
-  wrapper.prependTo(elem.parent())
-  wrapper.append(elem);
+      // внешняя обертка
+      var wrapper = $('<div class="resize-wrapper"/>')
+      wrapper.prependTo(elem.parent())
+      wrapper.append(elem);
 
-  // добавляем "ручки" в обертку
-  wrapper.append(
-    '<div class="resize-handle-s"/><div class="resize-handle-e"/><div class="resize-handle-se"/>'
-  );
+      // добавляем "ручки" в обертку
+      wrapper.append(
+        '<div class="resize-handle-s"/><div class="resize-handle-e"/><div class="resize-handle-se"/>'
+      );
 
-  // отменить перенос и выделение браузера
-  // в дополнение к return false из mousedown
-  wrapper.on('selectstart dragstart', false);
+      // отменить перенос и выделение браузера
+      // в дополнение к return false из mousedown
+      wrapper.on('selectstart dragstart', false);
 
-  adjustWrapperSize();
+      adjustWrapperSize();
 
-  wrapper.on('mousedown', onMouseDown);
+      wrapper.on('mousedown', onMouseDown);
+
+      function onMouseDown(e) {
+        var className = e.target.className;
+        if (className.indexOf("resize-handle-") == 0) {
+          // поймали клик на "ручке" - вызываем начало ресайза
+          resizeType = className.slice("resize-handle-".length);
+          startResize();
+        }
+        return false;
+      }
+
+      function adjustWrapperSize() {
+        // подгоняет размер обертки под картинку
+        wrapper.css({
+          width: elem.width() + handleSize,
+          height: elem.height() + handleSize
+        });
+      }
+
+      function startResize() {
+        $(document).on('mousemove.resizeable', onDocumentMouseMove);
+        $(document).on('mouseup.resizeable', onDocumentMouseUp);
+      }
+
+      function onDocumentMouseMove(e) {
+        var offset = wrapper.offset();
+
+        if (~resizeType.indexOf("s")) {
+          // в ручке есть буква "s" - значит меняем высоту картинки
+          newHeight = Math.max(e.pageY - offset.top, handleSize);
+          elem.css('height', newHeight);
+        }
+        if (~resizeType.indexOf("e")) {
+          // в ручке есть буква "e" - значит меняем ширину картинки
+          newWidth = Math.max(e.pageX - offset.left, handleSize);
+          elem.css('width', newWidth);
+        }
+
+        // подогнать обертку
+        adjustWrapperSize();
+      }
+
+      function onDocumentMouseUp() {
+        endResize();
+      }
+
+      function endResize() {
+        $(document).off('.resizeable');
+        $(self).triggerHandler({
+          type: "resize",
+          newWidth: newWidth,
+          newHeight: newHeight
+        });
+      }
 
-  function onMouseDown(e) {
-    var className = e.target.className;
-    if (className.indexOf("resize-handle-") == 0) {
-      // поймали клик на "ручке" - вызываем начало ресайза
-      resizeType = className.slice("resize-handle-".length);
-      startResize();
     }
-    return false;
-  }
 
-  function adjustWrapperSize() {
-    // подгоняет размер обертки под картинку
-    wrapper.css({
-      width: elem.width() + handleSize,
-      height: elem.height() + handleSize
+    var resizeMe = new Resizeable({
+      elem: $('#heroes')
     });
-  }
 
-  function startResize() {
-    $(document).on('mousemove.resizeable', onDocumentMouseMove);
-    $(document).on('mouseup.resizeable', onDocumentMouseUp);
-  }
-
-  function onDocumentMouseMove(e) {
-    var offset = wrapper.offset();
-
-    if (~resizeType.indexOf("s")) {
-      // в ручке есть буква "s" - значит меняем высоту картинки
-      newHeight = Math.max(e.pageY - offset.top, handleSize);
-      elem.css('height', newHeight);
-    }
-    if (~resizeType.indexOf("e")) {
-      // в ручке есть буква "e" - значит меняем ширину картинки
-      newWidth = Math.max(e.pageX - offset.left, handleSize);
-      elem.css('width', newWidth);
-    }
-
-    // подогнать обертку
-    adjustWrapperSize();
-  }
-
-  function onDocumentMouseUp() {
-    endResize();
-  }
-
-  function endResize() {
-    $(document).off('.resizeable');
-    $(self).triggerHandler({
-      type: "resize", 
-      newWidth: newWidth,
-      newHeight: newHeight
+    $(resizeMe).on("resize", function(e) {
+      // вывести результат
+      $('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
     });
-  }
-
-}
-
-var resizeMe = new Resizeable({
-  elem: $('#heroes')
-});
-
-$(resizeMe).on("resize", function(e) {
-  // вывести результат
-  $('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
-});
-
-</script>
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/3-resize-img/source.view/index.html b/archive/widget-tasks/3-resize-img/source.view/index.html
index d5533304..438644e5 100644
--- a/archive/widget-tasks/3-resize-img/source.view/index.html
+++ b/archive/widget-tasks/3-resize-img/source.view/index.html
@@ -1,32 +1,32 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
 </head>
+
 <body>
 
-<img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg">
+  <img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg"> Картинка для декорации правого-нижнего угла: <img src="https://js.cx/clipart/handle-se.png">
 
-Картинка для декорации правого-нижнего угла: <img src="https://js.cx/clipart/handle-se.png">
+  <div id="info"></div>
 
-<div id="info"></div>
+  <script>
+    function Resizeable(options) {
+      /* ваш код */
+    }
 
-<script>
-function Resizeable(options) {
-  /* ваш код */
-}
+    var resizeMe = new Resizeable({
+      elem: $('#heroes')
+    });
 
-var resizeMe = new Resizeable({
-  elem: $('#heroes')
-});
-
-$(resizeMe).on("resize", function(e) {
-  // вывести результат
-  $('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
-});
-
-</script>
+    $(resizeMe).on("resize", function(e) {
+      // вывести результат
+      $('#info').html("ширина:" + e.newWidth + ", высота:" + e.newHeight);
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/3-window-manager/solution.view/index.html b/archive/widget-tasks/3-window-manager/solution.view/index.html
index d858c471..d55a7d66 100644
--- a/archive/widget-tasks/3-window-manager/solution.view/index.html
+++ b/archive/widget-tasks/3-window-manager/solution.view/index.html
@@ -1,50 +1,51 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-    <meta charset="UTF-8">
-    <script src="http://code.jquery.com/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
-    <link type="text/css" rel="stylesheet" href="window.css" />
-    <style>
-      html, body {
-        padding: 0;
-        margin: 0;
-      }
-    </style>
-    <script src="draggableWindow.js"></script>
-    <script src="windowManager.js"></script>
+  <meta charset="UTF-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <link type="text/css" rel="stylesheet" href="window.css" />
+  <style>
+    html,
+    body {
+      padding: 0;
+      margin: 0;
+    }
+  </style>
+  <script src="draggableWindow.js"></script>
+  <script src="windowManager.js"></script>
 </head>
+
 <body>
 
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
-Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
+  Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
 
-<script type="text/template" id="draggable-window-template">
-<div class="window-title"><%=title%></div>
-<div class="window-content"></div>
-<form class="window-message-form">
-<input type="text" name="message" class="window-message-text"><input type="submit" name="submit" class="window-message-submit" value="Послать">
-</form>
-</script>
+  <script type="text/template" id="draggable-window-template">
+    <div class="window-title">
+      <%=title%>
+    </div>
+    <div class="window-content"></div>
+    <form class="window-message-form">
+      <input type="text" name="message" class="window-message-text">
+      <input type="submit" name="submit" class="window-message-submit" value="Послать">
+    </form>
+  </script>
 
-<script>
+  <script>
+    WindowManager.setTemplate($('#draggable-window-template').html().trim());
 
+    WindowManager.addWindow({
+      title: "Чат с Петей"
+    });
 
-WindowManager.setTemplate( $('#draggable-window-template').html().trim() );
-
-WindowManager.addWindow({
-  title: "Чат с Петей"
-});
-
-WindowManager.addWindow({
-  title: "Чат с Машей"
-});
-
-</script>
+    WindowManager.addWindow({
+      title: "Чат с Машей"
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/index.html b/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/index.html
index b8496cb3..5549abd8 100644
--- a/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/index.html
+++ b/archive/widget-tasks/4-double-calendar-with-arrows/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 
@@ -12,38 +13,43 @@
   <script src="calendar.js"></script>
   <script src="datepicker.js"></script>
 </head>
+
 <body>
 
-<div id="value">тут будет выбранное значение (дата)</div>
+  <div id="value">тут будет выбранное значение (дата)</div>
 
-<script type="text/template" id="template-datepicker">
-  <div class="header">
-    <div class="prev-link">&laquo;</div>
-    <div class="next-link">&raquo;</div>
-    <div class="title">Выберите дату</div>
-  </div>
-  <div class="body">
-    <div class="calendar-left-holder prev-month">
-      <!-- left calendar -->
+  <script type="text/template" id="template-datepicker">
+    <div class="header">
+      <div class="prev-link">&laquo;</div>
+      <div class="next-link">&raquo;</div>
+      <div class="title">Выберите дату</div>
     </div>
-    <div class="calendar-right-holder next-month">
-      <!-- right calendar -->
+    <div class="body">
+      <div class="calendar-left-holder prev-month">
+        <!-- left calendar -->
+      </div>
+      <div class="calendar-right-holder next-month">
+        <!-- right calendar -->
+      </div>
     </div>
-  </div>
-</script>
+  </script>
 
-<script>
-var datePicker = new DatePicker({
-  template: $('#template-datepicker').html(),
-  value: {year: 2012, month: 2 }
-});
+  <script>
+    var datePicker = new DatePicker({
+      template: $('#template-datepicker').html(),
+      value: {
+        year: 2012,
+        month: 2
+      }
+    });
 
-datePicker.getElement().appendTo('body');
+    datePicker.getElement().appendTo('body');
 
-$(datePicker).on("select", function(e) {
-  $("#value").html( e.value + '' );
-});
-</script>
+    $(datePicker).on("select", function(e) {
+      $("#value").html(e.value + '');
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/4-double-calendar-with-arrows/source.view/index.html b/archive/widget-tasks/4-double-calendar-with-arrows/source.view/index.html
index a2e83ade..3578d638 100644
--- a/archive/widget-tasks/4-double-calendar-with-arrows/source.view/index.html
+++ b/archive/widget-tasks/4-double-calendar-with-arrows/source.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
 
@@ -12,26 +13,31 @@
   <script src="calendar.js"></script>
   <script src="datepicker.js"></script>
 </head>
+
 <body>
 
-<div id="value">тут будет выбранное значение (дата)</div>
+  <div id="value">тут будет выбранное значение (дата)</div>
 
-<script type="text/template" id="template-datepicker">
-  /* ваш шаблон */
-</script>
+  <script type="text/template" id="template-datepicker">
+    /* ваш шаблон */
+  </script>
 
-<script>
-var datePicker = new DatePicker({
-  template: $('#template-datepicker').html(),
-  value: {year: 2012, month: 2 }
-});
+  <script>
+    var datePicker = new DatePicker({
+      template: $('#template-datepicker').html(),
+      value: {
+        year: 2012,
+        month: 2
+      }
+    });
 
-datePicker.getElement().appendTo('body');
+    datePicker.getElement().appendTo('body');
 
-$(datePicker).on("select", function(e) {
-  $("#value").html( e.value + '' );
-});
-</script>
+    $(datePicker).on("select", function(e) {
+      $("#value").html(e.value + '');
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/4-img-select-mouse/solution.view/index.html b/archive/widget-tasks/4-img-select-mouse/solution.view/index.html
index 5083bfd6..c1c6431d 100644
--- a/archive/widget-tasks/4-img-select-mouse/solution.view/index.html
+++ b/archive/widget-tasks/4-img-select-mouse/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
@@ -7,124 +8,131 @@
     .crop-area {
       position: absolute;
       border: 1px dashed black;
-
       background: #F5DEB3;
       opacity: 0.3;
-      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE opacity */
+      filter: progid: DXImageTransform.Microsoft.Alpha(opacity=30);
+      /* IE opacity */
     }
-
   </style>
 </head>
+
 <body>
 
-<img width="500" height="282" id="heroes" src="https://js.cx/clipart/heroes.jpg">
+  <img width="500" height="282" id="heroes" src="https://js.cx/clipart/heroes.jpg">
 
-<div id="info"></div>
-<script>
-function Croppable(options) {
-  var self = this;
+  <div id="info"></div>
+  <script>
+    function Croppable(options) {
+      var self = this;
 
-  var elem = options.elem;
+      var elem = options.elem;
 
-  var cropArea;
-  var cropStartX, cropStartY;
+      var cropArea;
+      var cropStartX, cropStartY;
 
-  elem.on('selectstart dragstart', false)
-   .on('mousedown', onImgMouseDown);
+      elem.on('selectstart dragstart', false)
+        .on('mousedown', onImgMouseDown);
 
-  function initCropArea(pageX, pageY) {
-    cropArea = $('<div class="crop-area"/>')
-      .appendTo('body');
+      function initCropArea(pageX, pageY) {
+        cropArea = $('<div class="crop-area"/>')
+          .appendTo('body');
 
-    cropStartX = pageX;
-    cropStartY = pageY;
-  }
+        cropStartX = pageX;
+        cropStartY = pageY;
+      }
 
-  function onDocumentMouseMove(e) {
-    drawCropArea(e.pageX, e.pageY);
-  }
+      function onDocumentMouseMove(e) {
+        drawCropArea(e.pageX, e.pageY);
+      }
 
-  function onDocumentMouseUp(e) {
-    endCrop(e.pageX, e.pageY);
+      function onDocumentMouseUp(e) {
+        endCrop(e.pageX, e.pageY);
 
-    cropArea.remove();
-    $(document).off('.croppable');
-  }
+        cropArea.remove();
+        $(document).off('.croppable');
+      }
 
-  function onImgMouseDown(e) {
-    initCropArea(e.pageX, e.pageY);
+      function onImgMouseDown(e) {
+        initCropArea(e.pageX, e.pageY);
 
-    $(document).on({
-      'mousemove.croppable': onDocumentMouseMove,
-      'mouseup.croppable': onDocumentMouseUp
-    });
-   
-    return false;
-  };
+        $(document).on({
+          'mousemove.croppable': onDocumentMouseMove,
+          'mouseup.croppable': onDocumentMouseUp
+        });
 
-  function drawCropArea(pageX, pageY) {
-    var dims = getCropDimensions(pageX, pageY);
+        return false;
+      };
 
-    cropArea.css(dims);
+      function drawCropArea(pageX, pageY) {
+        var dims = getCropDimensions(pageX, pageY);
 
-    // вычитаем 2, т.к. ширина будет дополнена рамкой
-    // если не вычесть, то рамка может вылезти за изображение
-    cropArea.css({
-      height: Math.max(dims.height-2, 0),
-      width: Math.max(dims.width-2,0)
+        cropArea.css(dims);
+
+        // вычитаем 2, т.к. ширина будет дополнена рамкой
+        // если не вычесть, то рамка может вылезти за изображение
+        cropArea.css({
+          height: Math.max(dims.height - 2, 0),
+          width: Math.max(dims.width - 2, 0)
+        });
+
+        // здесь мы просто рисуем полупрозрачный квадрат
+        // альтернативный подход - накладывать на каждую часть изображения div'ы с opacity и черным цветом, чтобы только кроп был ярким
+      }
+
+      function endCrop(pageX, pageY) {
+        var dims = getCropDimensions(pageX, pageY);
+
+        var coords = elem.offset();
+        // получить координаты относительно изображения
+        dims.left -= coords.left;
+        dims.top -= coords.top;
+
+        $(self).triggerHandler($.extend({
+          type: "crop"
+        }, dims));
+      }
+
+      function getCropDimensions(pageX, pageY) {
+        // 1. Делаем квадрат из координат нажатия и текущих
+        // 2. Ограничиваем размерами img, если мышь за его пределами
+
+        var left = Math.min(cropStartX, pageX);
+        var right = Math.max(cropStartX, pageX);
+        var top = Math.min(cropStartY, pageY);
+        var bottom = Math.max(cropStartY, pageY);
+
+        var coords = elem.offset();
+
+        left = Math.max(left, coords.left);
+        top = Math.max(top, coords.top);
+        right = Math.min(right, coords.left + elem.outerWidth());
+        bottom = Math.min(bottom, coords.top + elem.outerHeight());
+
+        return {
+          left: left,
+          top: top,
+          width: right - left,
+          height: bottom - top
+        };
+      }
+
+    }
+
+    var croppable = new Croppable({
+      elem: $('#heroes')
     });
 
-    // здесь мы просто рисуем полупрозрачный квадрат
-    // альтернативный подход - накладывать на каждую часть изображения div'ы с opacity и черным цветом, чтобы только кроп был ярким
-  }
+    $(croppable).on("crop", function(event) {
+      // вывести координаты и размеры crop-квадрата относительно изображения
+      var str = "";
+      $(['left', 'top', 'width', 'height']).each(function() {
+        str += this + ":" + event[this] + " ";
+      });
 
-  function endCrop(pageX, pageY) {
-    var dims = getCropDimensions(pageX, pageY);
-
-    var coords = elem.offset();
-    // получить координаты относительно изображения
-    dims.left -= coords.left;
-    dims.top -= coords.top;
-
-    $(self).triggerHandler($.extend({ type: "crop" }, dims));
-  }
-
-  function getCropDimensions(pageX, pageY) {
-    // 1. Делаем квадрат из координат нажатия и текущих
-    // 2. Ограничиваем размерами img, если мышь за его пределами
-
-    var left = Math.min(cropStartX, pageX);
-    var right = Math.max(cropStartX, pageX);
-    var top = Math.min(cropStartY, pageY);
-    var bottom = Math.max(cropStartY, pageY);
-
-    var coords = elem.offset();
-
-    left = Math.max(left, coords.left);
-    top = Math.max(top, coords.top);
-    right = Math.min(right, coords.left + elem.outerWidth());
-    bottom = Math.min(bottom, coords.top + elem.outerHeight());
-
-    return { left: left, top: top, width: right-left, height: bottom-top };
-  }
-
-}
-
-var croppable = new Croppable({
-  elem: $('#heroes')
-});
-
-$(croppable).on("crop", function(event) {
-  // вывести координаты и размеры crop-квадрата относительно изображения
-  var str = "";
-  $(['left','top','width','height']).each(function() {
-    str += this+":"+event[this]+" ";
-  });
-
-  $('#info').html("Crop: " + str);
-});
-
-</script>
+      $('#info').html("Crop: " + str);
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/4-img-select-mouse/source.view/index.html b/archive/widget-tasks/4-img-select-mouse/source.view/index.html
index ef130ba6..82376aff 100644
--- a/archive/widget-tasks/4-img-select-mouse/source.view/index.html
+++ b/archive/widget-tasks/4-img-select-mouse/source.view/index.html
@@ -1,34 +1,36 @@
 <!DOCTYPE html>
 <html>
+
 <head>
   <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery.min.js"></script>
 </head>
+
 <body>
 
-<img width="500" height="282" id="heroes" src="https://js.cx/clipart/heroes.jpg">
+  <img width="500" height="282" id="heroes" src="https://js.cx/clipart/heroes.jpg">
 
-<div id="info"></div>
-<script>
-function Croppable(options) {
-  /* ваш код */
-}
+  <div id="info"></div>
+  <script>
+    function Croppable(options) {
+      /* ваш код */
+    }
 
-var croppable = new Croppable({
-  elem: $('#heroes')
-});
+    var croppable = new Croppable({
+      elem: $('#heroes')
+    });
 
-$(croppable).on("crop", function(event) {
-  // вывести координаты и размеры crop-квадрата относительно изображения
-  var str = "";
-  $(['left','top','width','height']).each(function() {
-    str += this+":"+event[this]+" ";
-  });
+    $(croppable).on("crop", function(event) {
+      // вывести координаты и размеры crop-квадрата относительно изображения
+      var str = "";
+      $(['left', 'top', 'width', 'height']).each(function() {
+        str += this + ":" + event[this] + " ";
+      });
 
-  $('#info').html("Crop: " + str);
-});
-
-</script>
+      $('#info').html("Crop: " + str);
+    });
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/5-menu-animated/solution.view/index.html b/archive/widget-tasks/5-menu-animated/solution.view/index.html
index 3646b0f0..24102a53 100644
--- a/archive/widget-tasks/5-menu-animated/solution.view/index.html
+++ b/archive/widget-tasks/5-menu-animated/solution.view/index.html
@@ -1,117 +1,115 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="http://code.jquery.com/jquery.min.js"></script>
-<style>
-  .menu {
-    padding: 5px;
-    width: 250px;
-    border: 1px solid black;
-  }
-  .menu ul {
-    margin: 0;
-    padding-left: 20px;
-    margin-left: 10px;
-    height: 0;
-
-    list-style-position: outside;
-    overflow: hidden;
-  }
-
-  .menu .menu-title {
-    padding-left: 16px;
-    background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
-    font-size: 18px;
-    cursor: pointer;
-
-  }
-
-  .menu-open .menu-title {
-    background: url(https://js.cx/clipart/arrow-down.png) left center no-repeat;
-  }
-
-  .menu-open ul {
-    display: block;
-  }
-
-</style>
+  <meta charset="utf-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <style>
+    .menu {
+      padding: 5px;
+      width: 250px;
+      border: 1px solid black;
+    }
+    
+    .menu ul {
+      margin: 0;
+      padding-left: 20px;
+      margin-left: 10px;
+      height: 0;
+      list-style-position: outside;
+      overflow: hidden;
+    }
+    
+    .menu .menu-title {
+      padding-left: 16px;
+      background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
+      font-size: 18px;
+      cursor: pointer;
+    }
+    
+    .menu-open .menu-title {
+      background: url(https://js.cx/clipart/arrow-down.png) left center no-repeat;
+    }
+    
+    .menu-open ul {
+      display: block;
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="selected"></div>
+  <div id="selected"></div>
 
-<div id="sweeties" class="menu">
-  <span class="menu-title">Сладости (наведи курсор)!</span>
-  <ul>
-    <li><a href="#cake">Торт</a></li>
-    <li><a href="#donut">Пончик</a></li>
-    <li><a href="#cake-small">Пирожное</a></li>
-    <li><a href="#chokolate">Шоколадка</a></li>
-    <li><a href="#icecream">Мороженое</a></li>
-    <li><a href="#souflet">Суфле</a></li>
-    <li><a href="#rahatlukum">Рахат-Лукум</a></li>
-  </ul>
+  <div id="sweeties" class="menu">
+    <span class="menu-title">Сладости (наведи курсор)!</span>
+    <ul>
+      <li><a href="#cake">Торт</a></li>
+      <li><a href="#donut">Пончик</a></li>
+      <li><a href="#cake-small">Пирожное</a></li>
+      <li><a href="#chokolate">Шоколадка</a></li>
+      <li><a href="#icecream">Мороженое</a></li>
+      <li><a href="#souflet">Суфле</a></li>
+      <li><a href="#rahatlukum">Рахат-Лукум</a></li>
+    </ul>
 
-</div>
+  </div>
 
-<script>
-
-var menu = new SlidingMenu({
-  elem: $('#sweeties'),
-  duration: 1000
-});
-
-$(menu).on("select", function(e) {
-  $("#selected").html(e.value);
-});
-
-
-function SlidingMenu(options) {
-  var self = this;
-
-  var elem = options.elem;
-  var duration = options.duration || 100;
-
-  var titleElem = elem.find('.menu-title');
-  var listElem = elem.find('ul');
-
-  elem.hover(slideListShow, slideListHide);
-
-  elem.on('click', 'a', onItemClick);
-
-  function onItemClick(e) {
-    $(self).triggerHandler({
-      type: "select", 
-      value: e.target.getAttribute('href').slice(1)
-    });
-    return false;
-  }
-
-  function slideListShow() {
-    // анимируем высоту от нуля до scrollHeight
-    // чтобы scrollHeight был верный - ставим overflow: hidden
-    // скрываем при помощи height: 0 вместо display: none, чтобы анимация могла определить высоту
-    listElem.stop().animate({
-      height: listElem.prop('scrollHeight')
-    }, {
-      // время на часть высоты, которую еще надо показать
-      duration: duration * (listElem.prop('scrollHeight') - listElem.height()) / listElem.prop('scrollHeight')
+  <script>
+    var menu = new SlidingMenu({
+      elem: $('#sweeties'),
+      duration: 1000
     });
 
-  }
-
-  function slideListHide() {
-    listElem.stop().animate({
-      height: 0
-    }, {
-      duration: duration * (listElem.height() /  listElem.prop('scrollHeight'))
-    });    
-  }
-}
+    $(menu).on("select", function(e) {
+      $("#selected").html(e.value);
+    });
 
 
-</script>
+    function SlidingMenu(options) {
+      var self = this;
+
+      var elem = options.elem;
+      var duration = options.duration || 100;
+
+      var titleElem = elem.find('.menu-title');
+      var listElem = elem.find('ul');
+
+      elem.hover(slideListShow, slideListHide);
+
+      elem.on('click', 'a', onItemClick);
+
+      function onItemClick(e) {
+        $(self).triggerHandler({
+          type: "select",
+          value: e.target.getAttribute('href').slice(1)
+        });
+        return false;
+      }
+
+      function slideListShow() {
+        // анимируем высоту от нуля до scrollHeight
+        // чтобы scrollHeight был верный - ставим overflow: hidden
+        // скрываем при помощи height: 0 вместо display: none, чтобы анимация могла определить высоту
+        listElem.stop().animate({
+          height: listElem.prop('scrollHeight')
+        }, {
+          // время на часть высоты, которую еще надо показать
+          duration: duration * (listElem.prop('scrollHeight') - listElem.height()) / listElem.prop('scrollHeight')
+        });
+
+      }
+
+      function slideListHide() {
+        listElem.stop().animate({
+          height: 0
+        }, {
+          duration: duration * (listElem.height() / listElem.prop('scrollHeight'))
+        });
+      }
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/5-menu-animated/source.view/index.html b/archive/widget-tasks/5-menu-animated/source.view/index.html
index 43029cd7..f6c88eeb 100644
--- a/archive/widget-tasks/5-menu-animated/source.view/index.html
+++ b/archive/widget-tasks/5-menu-animated/source.view/index.html
@@ -1,78 +1,76 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
-<meta charset="utf-8">
-<script src="http://code.jquery.com/jquery.min.js"></script>
-<style>
-  .menu {
-    padding: 5px;
-    width: 250px;
-    border: 1px solid black;
-  }
-  .menu ul {
-    margin: 0;
-    padding-left: 20px;
-    margin-left: 10px;
-    height: 0;
-
-    list-style-position: outside;
-    overflow: hidden;
-  }
-
-  .menu .menu-title {
-    padding-left: 16px;
-    background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
-    font-size: 18px;
-    cursor: pointer;
-
-  }
-
-  .menu-open .menu-title {
-    background: url(https://js.cx/clipart/arrow-down.png) left center no-repeat;
-  }
-
-  .menu-open ul {
-    display: block;
-  }
-
-</style>
+  <meta charset="utf-8">
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <style>
+    .menu {
+      padding: 5px;
+      width: 250px;
+      border: 1px solid black;
+    }
+    
+    .menu ul {
+      margin: 0;
+      padding-left: 20px;
+      margin-left: 10px;
+      height: 0;
+      list-style-position: outside;
+      overflow: hidden;
+    }
+    
+    .menu .menu-title {
+      padding-left: 16px;
+      background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
+      font-size: 18px;
+      cursor: pointer;
+    }
+    
+    .menu-open .menu-title {
+      background: url(https://js.cx/clipart/arrow-down.png) left center no-repeat;
+    }
+    
+    .menu-open ul {
+      display: block;
+    }
+  </style>
 </head>
+
 <body>
 
-<div id="selected"></div>
+  <div id="selected"></div>
 
-<div id="sweeties" class="menu">
-  <span class="menu-title">Сладости (наведи курсор)!</span>
-  <ul>
-    <li><a href="#cake">Торт</a></li>
-    <li><a href="#donut">Пончик</a></li>
-    <li><a href="#cake-small">Пирожное</a></li>
-    <li><a href="#chokolate">Шоколадка</a></li>
-    <li><a href="#icecream">Мороженое</a></li>
-    <li><a href="#souflet">Суфле</a></li>
-    <li><a href="#rahatlukum">Рахат-Лукум</a></li>
-  </ul>
+  <div id="sweeties" class="menu">
+    <span class="menu-title">Сладости (наведи курсор)!</span>
+    <ul>
+      <li><a href="#cake">Торт</a></li>
+      <li><a href="#donut">Пончик</a></li>
+      <li><a href="#cake-small">Пирожное</a></li>
+      <li><a href="#chokolate">Шоколадка</a></li>
+      <li><a href="#icecream">Мороженое</a></li>
+      <li><a href="#souflet">Суфле</a></li>
+      <li><a href="#rahatlukum">Рахат-Лукум</a></li>
+    </ul>
 
-</div>
+  </div>
 
-<script>
+  <script>
+    var menu = new SlidingMenu({
+      elem: $('#sweeties'),
+      duration: 1000
+    });
 
-var menu = new SlidingMenu({
-  elem: $('#sweeties'),
-  duration: 1000
-});
-
-$(menu).on("select", function(e) {
-  $("#selected").html(e.value);
-});
+    $(menu).on("select", function(e) {
+      $("#selected").html(e.value);
+    });
 
 
-function SlidingMenu(options) {
-  /* ваш код, оживляющий меню */
-}
-
-
-</script>
+    function SlidingMenu(options) {
+      /* ваш код, оживляющий меню */
+    }
+  </script>
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/5-tree-checkboxes/solution.view/index.html b/archive/widget-tasks/5-tree-checkboxes/solution.view/index.html
index 0f4fbb32..3732e661 100644
--- a/archive/widget-tasks/5-tree-checkboxes/solution.view/index.html
+++ b/archive/widget-tasks/5-tree-checkboxes/solution.view/index.html
@@ -1,75 +1,71 @@
 <!DOCTYPE HTML>
 <html>
-<head>
-	<meta charset="utf-8">
-	<link href="tree.css" rel="stylesheet">
 
-	<script src="http://code.jquery.com/jquery.min.js"></script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
-	<script src="regions.js"></script>
-	<script src="tree.js"></script>
+<head>
+  <meta charset="utf-8">
+  <link href="tree.css" rel="stylesheet">
+
+  <script src="http://code.jquery.com/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.2.0/lodash.js"></script>
+  <script src="regions.js"></script>
+  <script src="tree.js"></script>
 </head>
 
 <body>
 
-<script id="tree-template" type="text/template">
-<ul>
-	<% $(children).each(function() { 
-		var nodeData = data[this];
-		var hasChildren = nodeData.children && nodeData.children.length;
-	%>
-	<li data-id="<%=nodeData.id%>" class="<%=hasChildren ? 'tree-closed' : ''%>">
-	    <% if (hasChildren) { %> <span class="tree-toggler"></span> <% } %>
-		<input type="checkbox" value="<%=nodeData.id%>">
-		<%=nodeData.title%>
-	</li>
-	<% }); %>
-</ul>
-</script>
+  <script id="tree-template" type="text/template">
+    <ul>
+      <% $(children).each(function() { var nodeData=d ata[this]; var hasChildren=n odeData.children && nodeData.children.length; %>
+        <li data-id="<%=nodeData.id%>" class="<%=hasChildren ? 'tree-closed' : ''%>">
+          <% if (hasChildren) { %> <span class="tree-toggler"></span>
+            <% } %>
+              <input type="checkbox" value="<%=nodeData.id%>">
+              <%=nodeData.title%>
+        </li>
+        <% }); %>
+    </ul>
+  </script>
 
-<script>
-// требование - как можно меньше DOM-элементов
-// работа с данными из 1000 узлов
-/* пример структуры данных
-var data = [
-    {
-    	children: [1,2,3]
-    },
-	{
-		title: 'Россия',
-		id: 1,
-		children: [4,5]
-	},
-	{
-		title: 'Украина',
-		id: 2
-	},
-	{
-		title: 'Беларусь',
-		id: 3
-	},
-	{
-		title: 'Север',
-		id: 4
-	},
-	{
-		title: 'Юг',
-		id: 5
-	}
+  <script>
+    // требование - как можно меньше DOM-элементов
+    // работа с данными из 1000 узлов
+    /* пример структуры данных
+    var data = [
+        {
+        	children: [1,2,3]
+        },
+    	{
+    		title: 'Россия',
+    		id: 1,
+    		children: [4,5]
+    	},
+    	{
+    		title: 'Украина',
+    		id: 2
+    	},
+    	{
+    		title: 'Беларусь',
+    		id: 3
+    	},
+    	{
+    		title: 'Север',
+    		id: 4
+    	},
+    	{
+    		title: 'Юг',
+    		id: 5
+    	}
 
-];
- */
+    ];
+     */
 
-var tree = new Tree({
-	template: _.template($('#tree-template').html().trim()),
-	data: regions
-});
+    var tree = new Tree({
+      template: _.template($('#tree-template').html().trim()),
+      data: regions
+    });
 
-tree.getElement().appendTo('body');
-
-
-</script>
+    tree.getElement().appendTo('body');
+  </script>
 </body>
-</html>
-
 
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/5-tree-checkboxes/source.view/index.html b/archive/widget-tasks/5-tree-checkboxes/source.view/index.html
index 3458b92e..9deef89f 100644
--- a/archive/widget-tasks/5-tree-checkboxes/source.view/index.html
+++ b/archive/widget-tasks/5-tree-checkboxes/source.view/index.html
@@ -1,356 +1,2701 @@
-<html><head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<!-- saved from url=(0095)http://wordstat.yandex.ru/regions_ru.html?cmd=showgeo&media=&geo=&bid=undefined&my_id=undefined -->
-<title>Выбор регионов</title>
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
-<script type="text/javascript">
+<html>
 
-function GenerateAll() {
-  
-  var geo = '';
-  if ( !geo.match(/\d/) && document.location.search && document.location.search.match(/.*&?geo=([\d,]+).*/) ) {
-  	geo = document.location.search.replace(/%2C/ig, ',').replace(/.*&?geo=([\d,-]+).*/, "$1");
-  }
-  
-  
-  var rs = geo.split(/,/);
-  for (var l = 0; l < rs.length; l++) {
-    if (rs[l]) {
-      var numReg = rs[l];
-      if (rs[l] < 0) {
-        numReg = -rs[l];
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <!-- saved from url=(0095)http://wordstat.yandex.ru/regions_ru.html?cmd=showgeo&media=&geo=&bid=undefined&my_id=undefined -->
+  <title>Выбор регионов</title>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
+  <script type="text/javascript">
+    function GenerateAll() {
+
+      var geo = '';
+      if (!geo.match(/\d/) && document.location.search && document.location.search.match(/.*&?geo=([\d,]+).*/)) {
+        geo = document.location.search.replace(/%2C/ig, ',').replace(/.*&?geo=([\d,-]+).*/, "$1");
       }
 
-      for (var m = 0; m < reg_form.length; m++) {
-        var regexp = new RegExp('(^|[^0-9]+)' + numReg + '[^0-9]+');
-        if (regexp.test(reg_form[m].id)) {
 
-          if (rs[l] > 0) {
-            reg_form[m].checked = true;
-          } else {
-            reg_form[m].checked = false;
+      var rs = geo.split(/,/);
+      for (var l = 0; l < rs.length; l++) {
+        if (rs[l]) {
+          var numReg = rs[l];
+          if (rs[l] < 0) {
+            numReg = -rs[l];
           }
-          Generate(reg_form[m]);
-          openTree(reg_form[m]);
-          break;
+
+          for (var m = 0; m < reg_form.length; m++) {
+            var regexp = new RegExp('(^|[^0-9]+)' + numReg + '[^0-9]+');
+            if (regexp.test(reg_form[m].id)) {
+
+              if (rs[l] > 0) {
+                reg_form[m].checked = true;
+              } else {
+                reg_form[m].checked = false;
+              }
+              Generate(reg_form[m]);
+              openTree(reg_form[m]);
+              break;
+            }
+          }
+        }
+      }
+
+    }
+
+    function collapseRegions(parent) {
+      parent = parent || document.getElementById('beginRegions');
+      var regionsBlocks = parent.childNodes;
+      for (var i = 0; i < regionsBlocks.length; i++) {
+        if (regionsBlocks[i].tagName && regionsBlocks[i].tagName.toLowerCase() == 'div' && regionsBlocks[i].id && regionsBlocks[i].id.indexOf('region') != -1 && regionsBlocks[i].style.display == 'block') {
+
+          var regionId = regionsBlocks[i].id.match(/^region(\d*)?/)[1];
+
+          if (parent != document.getElementById('beginRegions')) {
+            regtree(regionId);
+          }
+          changeSign(regionId, true);
+          collapseRegions(regionsBlocks[i]);
         }
       }
     }
-  }
-    
-}
 
-function collapseRegions(parent) {
-    parent = parent || document.getElementById('beginRegions');
-    var regionsBlocks = parent.childNodes;
-    for (var i = 0;  i < regionsBlocks.length; i++) {
-        if (regionsBlocks[i].tagName && regionsBlocks[i].tagName.toLowerCase() == 'div'
-                && regionsBlocks[i].id && regionsBlocks[i].id.indexOf('region') != -1 && regionsBlocks[i].style.display == 'block') {
-
-            var regionId = regionsBlocks[i].id.match(/^region(\d*)?/)[1];
-
-            if (parent != document.getElementById('beginRegions')) {
-                regtree(regionId);
-            }
-            changeSign(regionId, true);
-            collapseRegions(regionsBlocks[i]);
-        }
-    }
-}
-
-function quick_choose( reg_id, dont_collapse ) {
-    var regexp = new RegExp('(^|[^0-9]+)' + reg_id + '[^0-9]+');
-    if (!dont_collapse) {
+    function quick_choose(reg_id, dont_collapse) {
+      var regexp = new RegExp('(^|[^0-9]+)' + reg_id + '[^0-9]+');
+      if (!dont_collapse) {
         reg_form.reset();
         collapseRegions();
-    }
-    for (var m = 0; m < reg_form.length; m++) {
-        if (regexp.test( reg_form[m].id ) ) {
-            reg_form[m].checked = true;
-            Generate(reg_form[m]);
-            openTree(reg_form[m]);
-            return;
+      }
+      for (var m = 0; m < reg_form.length; m++) {
+        if (regexp.test(reg_form[m].id)) {
+          reg_form[m].checked = true;
+          Generate(reg_form[m]);
+          openTree(reg_form[m]);
+          return;
         }
+      }
     }
-}
 
-// Открываем дерево до текущего элемента
-function openTree(f) {
-    if ( !f || !f.id ) {
+    // Открываем дерево до текущего элемента
+    function openTree(f) {
+      if (!f || !f.id) {
         return;
-    }
-    // Находим id всех отцов
-    var parents_ids = f.id.replace(/^_+|_+$/g, '').split(/_/);
-    for( var i = 0; i < parents_ids.length - 1; i++ ) {
-        var d = document.getElementById( 'region' + parents_ids[i] );
-        if ( d && d.style ) {
-            // Открываем сам элемент
-            d.style.display = 'block';
-            // меняем знак
-            var a = document.getElementById('link'+parents_ids[i]);
-            if ( a ) a.innerHTML = "&#150;";
-            // Если это последний элемент - ничего не делаем
-            if ( i != parents_ids.length - 1 ) {
-                // Открываем всех соседей
-                var cn = d.childNodes;
-                for( var j = 0; j < cn.length; j++ ) {
-                    if ( cn[j] && cn[j].tagName == 'DIV' && cn[j].style ) {
-                        cn[j].style.display = 'block';
-                    }
-                }
+      }
+      // Находим id всех отцов
+      var parents_ids = f.id.replace(/^_+|_+$/g, '').split(/_/);
+      for (var i = 0; i < parents_ids.length - 1; i++) {
+        var d = document.getElementById('region' + parents_ids[i]);
+        if (d && d.style) {
+          // Открываем сам элемент
+          d.style.display = 'block';
+          // меняем знак
+          var a = document.getElementById('link' + parents_ids[i]);
+          if (a) a.innerHTML = "&#150;";
+          // Если это последний элемент - ничего не делаем
+          if (i != parents_ids.length - 1) {
+            // Открываем всех соседей
+            var cn = d.childNodes;
+            for (var j = 0; j < cn.length; j++) {
+              if (cn[j] && cn[j].tagName == 'DIV' && cn[j].style) {
+                cn[j].style.display = 'block';
+              }
             }
+          }
         }
+      }
     }
-}
 
-function Generate(f, no_child_check) {
-    if ( !f || f.checked == null ) return;
-    var parent_id = f.id.replace(/\d+_$/, '');
-    var all_checked = true, all_unchecked = true;
-    var checked_num = 0, unchecked_num = 0;
+    function Generate(f, no_child_check) {
+      if (!f || f.checked == null) return;
+      var parent_id = f.id.replace(/\d+_$/, '');
+      var all_checked = true,
+        all_unchecked = true;
+      var checked_num = 0,
+        unchecked_num = 0;
 
-    var parent_id_res = parent_id;    
-    if( parent_id.match( '^[0-9]+_[0-9]+_' ) )
-    {
-         pra_parent_id = parent_id.replace(/\d+_$/, '');
-	   var bc = document.getElementById(pra_parent_id);				
-	   if( bc.checked )
-	   {
-        	var abc = document.getElementById(parent_id);
-        	abc.checked = true;
-         }
-    }
-    parent_id = parent_id_res;
+      var parent_id_res = parent_id;
+      if (parent_id.match('^[0-9]+_[0-9]+_')) {
+        pra_parent_id = parent_id.replace(/\d+_$/, '');
+        var bc = document.getElementById(pra_parent_id);
+        if (bc.checked) {
+          var abc = document.getElementById(parent_id);
+          abc.checked = true;
+        }
+      }
+      parent_id = parent_id_res;
 
-    var one_of_parents_cheched = false;
-    for (var j=0; j < reg_form.length; j++) {
+      var one_of_parents_cheched = false;
+      for (var j = 0; j < reg_form.length; j++) {
         // идет внутрь и чекает детей
         if (
-            reg_form[j].id.indexOf(f.id) == 0
-            && f.id != reg_form[j].id
-            && !no_child_check
+          reg_form[j].id.indexOf(f.id) == 0 && f.id != reg_form[j].id && !no_child_check
         ) {
-            !reg_form[j].disabled && (reg_form[j].checked =  f.checked);
+          !reg_form[j].disabled && (reg_form[j].checked = f.checked);
         }
         // проверяем чекнутость родителей
         if (
-            f.id.indexOf(reg_form[j].id) == 0
-            && f.id != reg_form[j].id
+          f.id.indexOf(reg_form[j].id) == 0 && f.id != reg_form[j].id
         ) {
-            if (reg_form[j].checked) one_of_parents_cheched = true;
-        } 
+          if (reg_form[j].checked) one_of_parents_cheched = true;
+        }
         // Проверяем детей на чекнутость
         if (
-            reg_form[j].id.indexOf(parent_id) == 0
-            && reg_form[j].id != parent_id
+          reg_form[j].id.indexOf(parent_id) == 0 && reg_form[j].id != parent_id
         ) {
-            all_checked = all_checked && reg_form[j].checked;
-            if (reg_form[j].checked) checked_num++;
-            all_unchecked = all_unchecked && !reg_form[j].checked;
-            if (!reg_form[j].checked) unchecked_num++;
+          all_checked = all_checked && reg_form[j].checked;
+          if (reg_form[j].checked) checked_num++;
+          all_unchecked = all_unchecked && !reg_form[j].checked;
+          if (!reg_form[j].checked) unchecked_num++;
         }
-    }
-    // меняем, если нужно статуc отца
-    var parent_chk = document.getElementById(parent_id);
-    if (parent_chk && !parent_chk.checked
-        && checked_num > 0 && one_of_parents_cheched
-    ) {
+      }
+      // меняем, если нужно статуc отца
+      var parent_chk = document.getElementById(parent_id);
+      if (parent_chk && !parent_chk.checked && checked_num > 0 && one_of_parents_cheched) {
         parent_chk.checked = true;
-        Generate(parent_chk, true);       
-    }
-    // Специальное ограничение для медийки, СЗ регион - нельзя СЗ,-Санкт-Петербург
-    if (
-        parent_chk && all_checked && checked_num > 1
-        && !parent_chk.checked
-    ) {
+        Generate(parent_chk, true);
+      }
+      // Специальное ограничение для медийки, СЗ регион - нельзя СЗ,-Санкт-Петербург
+      if (
+        parent_chk && all_checked && checked_num > 1 && !parent_chk.checked
+      ) {
         parent_chk.checked = true;
         Generate(parent_chk);
-    } else if (
-        parent_chk && all_unchecked 
-        && (unchecked_num > 1 || parent_chk.id.match(/_17_$/))
-        && parent_chk.checked
-    ) {
+      } else if (
+        parent_chk && all_unchecked && (unchecked_num > 1 || parent_chk.id.match(/_17_$/)) && parent_chk.checked
+      ) {
         parent_chk.checked = false;
         Generate(parent_chk);
-    }
-    if ( f.checked ) {
+      }
+      if (f.checked) {
         // Получаем текущий id
         var re = new RegExp('(?:[0-9_]*?)?([0-9]+)_$');
         var reg_id = f.id.replace(re, '$1');
-        var a = document.getElementById('link'+reg_id);
-        if ( a ) { a.innerHTML = "&#150;"; }
+        var a = document.getElementById('link' + reg_id);
+        if (a) {
+          a.innerHTML = "&#150;";
+        }
         // Открываем всех соседей
         var cn = f.parentNode.childNodes;
-        for( var j = 0; j < cn.length; j++ ) {
-            if ( cn[j] && cn[j].tagName == 'DIV' && cn[j].style ) {
-                cn[j].style.display = 'block';
-            }
+        for (var j = 0; j < cn.length; j++) {
+          if (cn[j] && cn[j].tagName == 'DIV' && cn[j].style) {
+            cn[j].style.display = 'block';
+          }
         }
+      }
     }
-}
 
-function save(f) {
-  document.getElementById("debug").innerHTML = "";
+    function save(f) {
+      document.getElementById("debug").innerHTML = "";
 
-  regions_name = '';
-  regions_name_with_comas = '';
-  regions_id = '';
-  regions_exept_flag = false;
-  var bid = '';
-  regions = document.getElementById("beginRegions").childNodes;
+      regions_name = '';
+      regions_name_with_comas = '';
+      regions_id = '';
+      regions_exept_flag = false;
+      var bid = '';
+      regions = document.getElementById("beginRegions").childNodes;
 
-  //document.getElementById("debug").innerHTML = regions.length + "<br>";
+      //document.getElementById("debug").innerHTML = regions.length + "<br>";
 
-  for (i = 0; i < regions.length; i++) {
-    if (regions.item(i).tagName == 'DIV') {
-      processReg(regions.item(i));
+      for (i = 0; i < regions.length; i++) {
+        if (regions.item(i).tagName == 'DIV') {
+          processReg(regions.item(i));
+        }
+      }
+
+      //document.getElementById("debug").innerHTML += regions_name + "<br>" + regions_id + "<br>";
+      if (!regions_name) regions_name = "Россия\nСНГ (исключая Россию)\nЕвропа\nАзия\nАфрика\nСеверная Америка\nЮжная Америка\nАвстралия и Океания";
+      if (!regions_name_with_comas) regions_name_with_comas = "Россия, СНГ (исключая Россию), Европа, Азия, Африка, Северная Америка, Южная Америка, Австралия и Океания";
+      if (!regions_id) regions_id = "0";
+      if (regions_exept_flag) regions_name += ')\n';
+      if (regions_exept_flag) regions_name_with_comas += ')';
+
+      opener.window.showGeo(bid, regions_id, regions_name_with_comas);
+
+      window.close();
     }
-  }
 
-  //document.getElementById("debug").innerHTML += regions_name + "<br>" + regions_id + "<br>";
-  if(!regions_name) regions_name = "Россия\nСНГ (исключая Россию)\nЕвропа\nАзия\nАфрика\nСеверная Америка\nЮжная Америка\nАвстралия и Океания";
-  if(!regions_name_with_comas) regions_name_with_comas = "Россия, СНГ (исключая Россию), Европа, Азия, Африка, Северная Америка, Южная Америка, Австралия и Океания";
-  if(!regions_id) regions_id = "0";
-  if(regions_exept_flag) regions_name += ')\n';
-  if(regions_exept_flag) regions_name_with_comas += ')';
-  
-     opener.window.showGeo(bid, regions_id, regions_name_with_comas);
-  
-  window.close();
-}
+    function processReg(div) {
+      var childs = div.childNodes;
 
-function processReg(div) {
-  var childs = div.childNodes;
+      var parentChecked = false;
+      for (var i = 0; i < childs.length; i++) {
+        if (childs.item(i).type == 'checkbox') {
 
-  var parentChecked = false;
-  for (var i = 0; i < childs.length; i++) {
-    if (childs.item(i).type == 'checkbox') {
-
-      parentChilds = childs.item(i).parentNode.parentNode.childNodes;
-      for (j = 0; j < parentChilds.length; j++) {
+          parentChilds = childs.item(i).parentNode.parentNode.childNodes;
+          for (j = 0; j < parentChilds.length; j++) {
             if (parentChilds[j].type == 'checkbox') {
               parentChecked = parentChilds[j].checked;
             }
-      }
+          }
 
-      ids = childs.item(i).id.split('_');
-      if (childs.item(i).checked && !parentChecked ) {
-        //document.getElementById("debug").innerHTML += childs.item(i).value + " " + ids[ids.length - 2] + "<br>";
-        if (regions_exept_flag) {
-            regions_name += ')\n';
-            regions_name_with_comas += '), ';
-            regions_exept_flag = false;
-        } else if (regions_name != '') {
-            regions_name += '\n';
-            regions_name_with_comas += ', ';
+          ids = childs.item(i).id.split('_');
+          if (childs.item(i).checked && !parentChecked) {
+            //document.getElementById("debug").innerHTML += childs.item(i).value + " " + ids[ids.length - 2] + "<br>";
+            if (regions_exept_flag) {
+              regions_name += ')\n';
+              regions_name_with_comas += '), ';
+              regions_exept_flag = false;
+            } else if (regions_name != '') {
+              regions_name += '\n';
+              regions_name_with_comas += ', ';
+            }
+            regions_name += childs.item(i).value;
+            regions_name_with_comas += childs.item(i).value;
+            regions_id += ids[ids.length - 2] + ",";
+          }
+
+          if (!childs.item(i).checked && parentChecked) {
+            //document.getElementById("debug").innerHTML += "&#151;" + childs.item(i).value + "<br>";
+            if (regions_exept_flag) {
+              regions_name += ", " + childs.item(i).value;
+              regions_name_with_comas += ", " + childs.item(i).value;
+            } else {
+              regions_exept_flag = true;
+              regions_name += " (кроме: " + childs.item(i).value;
+              regions_name_with_comas += " (кроме: " + childs.item(i).value;
+            }
+            regions_id += "-" + ids[ids.length - 2] + ",";
+          }
         }
-        regions_name += childs.item(i).value;
-        regions_name_with_comas += childs.item(i).value;
-        regions_id += ids[ids.length - 2] + ",";
-      } 
-      
-      if (!childs.item(i).checked && parentChecked) {
-        //document.getElementById("debug").innerHTML += "&#151;" + childs.item(i).value + "<br>";
-        if (regions_exept_flag) {
-            regions_name += ", " + childs.item(i).value;
-            regions_name_with_comas += ", " + childs.item(i).value;
-        } else {
-            regions_exept_flag = true;
-            regions_name += " (кроме: " + childs.item(i).value;
-            regions_name_with_comas += " (кроме: " + childs.item(i).value;
+
+        if (childs.item(i).tagName == 'DIV') {
+          processReg(childs.item(i));
         }
-        regions_id += "-" + ids[ids.length - 2] + ",";
+
       }
     }
 
-    if (childs.item(i).tagName == 'DIV') {
-      processReg(childs.item(i));
+    function regtree(regID) {
+      regID = document.getElementById("region" + regID);
+      if (regID.style.display == 'none') {
+        regID.style.display = 'block';
+      } else {
+        regID.style.display = 'none';
+      }
+      return false;
     }
 
-  }
-}
+    function changeSign(regID, toPlusOnly) {
+      regID = document.getElementById("link" + regID);
+      if (!regID) {
+        return;
+      }
+      if (regID.innerHTML == "+" && !toPlusOnly) {
+        regID.innerHTML = "&#150;";
+      } else {
+        regID.innerHTML = "+";
+      }
 
-function regtree(regID) {
-  regID = document.getElementById("region" + regID);
-  if (regID.style.display == 'none') {
-      regID.style.display = 'block';
-        }
-  else {
-      regID.style.display = 'none';
-        }
-  return false;
-}
-
-function changeSign(regID, toPlusOnly) {
-  regID = document.getElementById("link" + regID);
-  if (!regID) { return; }
-  if (regID.innerHTML == "+" && !toPlusOnly) {
-    regID.innerHTML = "&#150;";
-  } else {
-    regID.innerHTML = "+";
-  }
-
-  return false;
-}
-
-</script>
-<style type="text/css">
-    body { font-family: Arial, sans-serif; }
-    table.geoSelect {font-size:80%;}
-    table.geoSelect div {margin:0 20px 1em 20px; font-weight:bold; text-indent:-20px;}
-    table.geoSelect div div {margin:0.3em 0 0 20px; font-weight:normal; text-indent:-20px}
+      return false;
+    }
+  </script>
+  <style type="text/css">
+    body {
+      font-family: Arial, sans-serif;
+    }
+    
+    table.geoSelect {
+      font-size: 80%;
+    }
+    
+    table.geoSelect div {
+      margin: 0 20px 1em 20px;
+      font-weight: bold;
+      text-indent: -20px;
+    }
+    
+    table.geoSelect div div {
+      margin: 0.3em 0 0 20px;
+      font-weight: normal;
+      text-indent: -20px
+    }
+    
     a.alias {
-        margin-right: 1px;
+      margin-right: 1px;
     }
+    
     a.alias:visited {
-        color: blue;
+      color: blue;
     }
+    
     div#quick {
-        float: right;
-        text-align: left; 
-        font-weight: normal; 
-        text-indent: 0;
-        line-height: 120%;
-        padding: 10px;
+      float: right;
+      text-align: left;
+      font-weight: normal;
+      text-indent: 0;
+      line-height: 120%;
+      padding: 10px;
     }
-</style>
+  </style>
 </head>
+
 <body bgcolor="white" marginheight="0" marginwidth="20" topmargin="0" rightmargin="20" bottommargin="0" leftmargin="20" class="window" onload="GenerateAll();">
 
 
-<div id="debug"></div>
+  <div id="debug"></div>
 
 
-<h2 style="margin:0">Выбор регионов для показов объявлений</h2>
+  <h2 style="margin:0">Выбор регионов для показов объявлений</h2>
 
-<form name="reg" onclick="javascript:Generate(this)">
-<table border="0" width="100%" cellspacing="0" cellpadding="0" class="geoSelect">
-<tbody><tr>
+  <form name="reg" onclick="javascript:Generate(this)">
+    <table border="0" width="100%" cellspacing="0" cellpadding="0" class="geoSelect">
+      <tbody>
+        <tr>
 
-<td bgcolor="#F0F1F3" style="border-right:white 20px solid;">
+          <td bgcolor="#F0F1F3" style="border-right:white 20px solid;">
 
-</td>
-</tr>
+          </td>
+        </tr>
 
-<tr valign="top">
-<td id="beginRegions" style="padding-top: 1em;">
+        <tr valign="top">
+          <td id="beginRegions" style="padding-top: 1em;">
 
 
-        
-<div id="region225" style="display: block;"> <a name="name225" style="text-decoration: none" id="link225" href="javascript://" onclick="regtree(3);regtree(17);regtree(40);regtree(26);regtree(59);regtree(73);regtree(102444);regtree(52);changeSign(225);">+</a>&nbsp; <input id="225_" value="Россия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_">Россия</label> <div id="region3" style="display: none; "> <a name="name3" style="text-decoration: none" id="link3" href="javascript://" onclick="regtree(1);regtree(10645);regtree(10650);regtree(10658);regtree(10672);regtree(10687);regtree(10693);regtree(10699);regtree(10705);regtree(10712);regtree(10772);regtree(10776);regtree(10795);regtree(10802);regtree(10819);regtree(10832);regtree(10841);changeSign(3);">+</a>&nbsp; <input id="225_3_" value="Центр" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_">Центр</label> <div id="region1" style="display: none;"> <a name="name1" style="text-decoration: none" id="link1" href="javascript://" onclick="regtree(213);regtree(10716);regtree(10722);regtree(10723);regtree(214);regtree(215);regtree(21622);regtree(20571);regtree(21623);regtree(37147);regtree(10734);regtree(20728);regtree(10735);regtree(10739);regtree(10745);regtree(10747);regtree(217);regtree(10750);regtree(10752);regtree(10754);regtree(21619);regtree(219);regtree(10765);regtree(21620);changeSign(1);">+</a>&nbsp; <input id="225_3_1_" value="Москва и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_">Москва и область</label> <div id="region213" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name213"></a> <input id="225_3_1_213_" value="Москва" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_213_">Москва</label> </div> <div id="region10716" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10716"></a> <input id="225_3_1_10716_" value="Балашиха" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10716_">Балашиха</label> </div> <div id="region10722" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10722"></a> <input id="225_3_1_10722_" value="Воскресенск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10722_">Воскресенск</label> </div> <div id="region10723" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10723"></a> <input id="225_3_1_10723_" value="Дмитров" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10723_">Дмитров</label> </div> <div id="region214" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name214"></a> <input id="225_3_1_214_" value="Долгопрудный" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_214_">Долгопрудный</label> </div> <div id="region215" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name215"></a> <input id="225_3_1_215_" value="Дубна" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_215_">Дубна</label> </div> <div id="region21622" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21622"></a> <input id="225_3_1_21622_" value="Железнодорожный" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_21622_">Железнодорожный</label> </div> <div id="region20571" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20571"></a> <input id="225_3_1_20571_" value="Жуковский" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_20571_">Жуковский</label> </div> <div id="region21623" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21623"></a> <input id="225_3_1_21623_" value="Ивантеевка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_21623_">Ивантеевка</label> </div> <div id="region37147" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name37147"></a> <input id="225_3_1_37147_" value="Климовск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_37147_">Климовск</label> </div> <div id="region10734" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10734"></a> <input id="225_3_1_10734_" value="Коломна" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10734_">Коломна</label> </div> <div id="region20728" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20728"></a> <input id="225_3_1_20728_" value="Королёв" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_20728_">Королёв</label> </div> <div id="region10735" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10735"></a> <input id="225_3_1_10735_" value="Красногорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10735_">Красногорск</label> </div> <div id="region10739" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10739"></a> <input id="225_3_1_10739_" value="Можайск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10739_">Можайск</label> </div> <div id="region10745" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10745"></a> <input id="225_3_1_10745_" value="Орехово-Зуево" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10745_">Орехово-Зуево</label> </div> <div id="region10747" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10747"></a> <input id="225_3_1_10747_" value="Подольск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10747_">Подольск</label> </div> <div id="region217" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name217"></a> <input id="225_3_1_217_" value="Пущино" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_217_">Пущино</label> </div> <div id="region10750" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10750"></a> <input id="225_3_1_10750_" value="Раменское" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10750_">Раменское</label> </div> <div id="region10752" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10752"></a> <input id="225_3_1_10752_" value="Сергиев Посад" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10752_">Сергиев Посад</label> </div> <div id="region10754" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10754"></a> <input id="225_3_1_10754_" value="Серпухов" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10754_">Серпухов</label> </div> <div id="region21619" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21619"></a> <input id="225_3_1_21619_" value="Фрязино" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_21619_">Фрязино</label> </div> <div id="region219" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name219"></a> <input id="225_3_1_219_" value="Черноголовка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_219_">Черноголовка</label> </div> <div id="region10765" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10765"></a> <input id="225_3_1_10765_" value="Щелково" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_10765_">Щелково</label> </div> <div id="region21620" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21620"></a> <input id="225_3_1_21620_" value="Юбилейный" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_1_21620_">Юбилейный</label> </div> </div> <div id="region10645" style="display: none;"> <a name="name10645" style="text-decoration: none" id="link10645" href="javascript://" onclick="regtree(4);regtree(10649);changeSign(10645);">+</a>&nbsp; <input id="225_3_10645_" value="Белгород и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10645_">Белгород и область</label> <div id="region4" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name4"></a> <input id="225_3_10645_4_" value="Белгород" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10645_4_">Белгород</label> </div> <div id="region10649" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10649"></a> <input id="225_3_10645_10649_" value="Старый Оскол" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10645_10649_">Старый Оскол</label> </div> </div> <div id="region10650" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10650"></a> <input id="225_3_10650_" value="Брянск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10650_">Брянск и область</label> </div> <div id="region10658" style="display: none;"> <a name="name10658" style="text-decoration: none" id="link10658" href="javascript://" onclick="regtree(192);regtree(10664);regtree(10668);changeSign(10658);">+</a>&nbsp; <input id="225_3_10658_" value="Владимир и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10658_">Владимир и область</label> <div id="region192" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name192"></a> <input id="225_3_10658_192_" value="Владимир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10658_192_">Владимир</label> </div> <div id="region10664" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10664"></a> <input id="225_3_10658_10664_" value="Ковров" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10658_10664_">Ковров</label> </div> <div id="region10668" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10668"></a> <input id="225_3_10658_10668_" value="Муром" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10658_10668_">Муром</label> </div> </div> <div id="region10672" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10672"></a> <input id="225_3_10672_" value="Воронеж и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10672_">Воронеж и область</label> </div> <div id="region10687" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10687"></a> <input id="225_3_10687_" value="Иваново и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10687_">Иваново и область</label> </div> <div id="region10693" style="display: none;"> <a name="name10693" style="text-decoration: none" id="link10693" href="javascript://" onclick="regtree(6);regtree(967);changeSign(10693);">+</a>&nbsp; <input id="225_3_10693_" value="Калуга и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10693_">Калуга и область</label> <div id="region6" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name6"></a> <input id="225_3_10693_6_" value="Калуга" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10693_6_">Калуга</label> </div> <div id="region967" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name967"></a> <input id="225_3_10693_967_" value="Обнинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10693_967_">Обнинск</label> </div> </div> <div id="region10699" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10699"></a> <input id="225_3_10699_" value="Кострома и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10699_">Кострома и область</label> </div> <div id="region10705" style="display: none;"> <a name="name10705" style="text-decoration: none" id="link10705" href="javascript://" onclick="regtree(10710);regtree(8);changeSign(10705);">+</a>&nbsp; <input id="225_3_10705_" value="Курск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10705_">Курск и область</label> <div id="region10710" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10710"></a> <input id="225_3_10705_10710_" value="Железногорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10705_10710_">Железногорск</label> </div> <div id="region8" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name8"></a> <input id="225_3_10705_8_" value="Курск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10705_8_">Курск</label> </div> </div> <div id="region10712" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10712"></a> <input id="225_3_10712_" value="Липецк и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10712_">Липецк и область</label> </div> <div id="region10772" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10772"></a> <input id="225_3_10772_" value="Орел и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10772_">Орел и область</label> </div> <div id="region10776" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10776"></a> <input id="225_3_10776_" value="Рязань и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10776_">Рязань и область</label> </div> <div id="region10795" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10795"></a> <input id="225_3_10795_" value="Смоленск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10795_">Смоленск и область</label> </div> <div id="region10802" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10802"></a> <input id="225_3_10802_" value="Тамбов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10802_">Тамбов и область</label> </div> <div id="region10819" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10819"></a> <input id="225_3_10819_" value="Тверь и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10819_">Тверь и область</label> </div> <div id="region10832" style="display: none;"> <a name="name10832" style="text-decoration: none" id="link10832" href="javascript://" onclick="regtree(10830);regtree(15);changeSign(10832);">+</a>&nbsp; <input id="225_3_10832_" value="Тула и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10832_">Тула и область</label> <div id="region10830" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10830"></a> <input id="225_3_10832_10830_" value="Новомосковск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10832_10830_">Новомосковск</label> </div> <div id="region15" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name15"></a> <input id="225_3_10832_15_" value="Тула" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10832_15_">Тула</label> </div> </div> <div id="region10841" style="display: none;"> <a name="name10841" style="text-decoration: none" id="link10841" href="javascript://" onclick="regtree(10839);regtree(21154);regtree(16);changeSign(10841);">+</a>&nbsp; <input id="225_3_10841_" value="Ярославль и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10841_">Ярославль и область</label> <div id="region10839" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10839"></a> <input id="225_3_10841_10839_" value="Рыбинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10841_10839_">Рыбинск</label> </div> <div id="region21154" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21154"></a> <input id="225_3_10841_21154_" value="Тутаев" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10841_21154_">Тутаев</label> </div> <div id="region16" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name16"></a> <input id="225_3_10841_16_" value="Ярославль" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_3_10841_16_">Ярославль</label> </div> </div> </div> <div id="region17" style="display: none; "> <a name="name17" style="text-decoration: none" id="link17" href="javascript://" onclick="regtree(10174);regtree(10842);regtree(10904);regtree(10853);regtree(10857);regtree(10897);regtree(10176);regtree(10926);regtree(10933);regtree(10939);changeSign(17);">+</a>&nbsp; <input id="225_17_" value="Северо-Запад" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_">Северо-Запад</label> <div id="region10174" style="display: none;"> <a name="name10174" style="text-decoration: none" id="link10174" href="javascript://" onclick="regtree(10864);regtree(10865);regtree(969);regtree(10867);regtree(10871);regtree(2);regtree(10891);regtree(10892);changeSign(10174);">+</a>&nbsp; <input id="225_17_10174_" value="Санкт-Петербург и Ленинградская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_">Санкт-Петербург и Ленинградская область</label> <div id="region10864" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10864"></a> <input id="225_17_10174_10864_" value="Волхов" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_10864_">Волхов</label> </div> <div id="region10865" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10865"></a> <input id="225_17_10174_10865_" value="Всеволожск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_10865_">Всеволожск</label> </div> <div id="region969" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name969"></a> <input id="225_17_10174_969_" value="Выборг" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_969_">Выборг</label> </div> <div id="region10867" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10867"></a> <input id="225_17_10174_10867_" value="Гатчина" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_10867_">Гатчина</label> </div> <div id="region10871" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10871"></a> <input id="225_17_10174_10871_" value="Кириши" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_10871_">Кириши</label> </div> <div id="region2" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name2"></a> <input id="225_17_10174_2_" value="Санкт-Петербург" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_2_">Санкт-Петербург</label> </div> <div id="region10891" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10891"></a> <input id="225_17_10174_10891_" value="Сосновый Бор" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_10891_">Сосновый Бор</label> </div> <div id="region10892" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10892"></a> <input id="225_17_10174_10892_" value="Тихвин" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10174_10892_">Тихвин</label> </div> </div> <div id="region10842" style="display: none;"> <a name="name10842" style="text-decoration: none" id="link10842" href="javascript://" onclick="regtree(20);regtree(10849);changeSign(10842);">+</a>&nbsp; <input id="225_17_10842_" value="Архангельск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10842_">Архангельск и область</label> <div id="region20" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20"></a> <input id="225_17_10842_20_" value="Архангельск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10842_20_">Архангельск</label> </div> <div id="region10849" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10849"></a> <input id="225_17_10842_10849_" value="Северодвинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10842_10849_">Северодвинск</label> </div> </div> <div id="region10904" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10904"></a> <input id="225_17_10904_" value="Великий Новгород и Новгородская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10904_">Великий Новгород и Новгородская область</label> </div> <div id="region10853" style="display: none;"> <a name="name10853" style="text-decoration: none" id="link10853" href="javascript://" onclick="regtree(21);regtree(968);changeSign(10853);">+</a>&nbsp; <input id="225_17_10853_" value="Вологда и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10853_">Вологда и область</label> <div id="region21" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21"></a> <input id="225_17_10853_21_" value="Вологда" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10853_21_">Вологда</label> </div> <div id="region968" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name968"></a> <input id="225_17_10853_968_" value="Череповец" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10853_968_">Череповец</label> </div> </div> <div id="region10857" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10857"></a> <input id="225_17_10857_" value="Калининград и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10857_">Калининград и область</label> </div> <div id="region10897" style="display: none;"> <a name="name10897" style="text-decoration: none" id="link10897" href="javascript://" onclick="regtree(10894);regtree(23);changeSign(10897);">+</a>&nbsp; <input id="225_17_10897_" value="Мурманск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10897_">Мурманск и область</label> <div id="region10894" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10894"></a> <input id="225_17_10897_10894_" value="Апатиты" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10897_10894_">Апатиты</label> </div> <div id="region23" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name23"></a> <input id="225_17_10897_23_" value="Мурманск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10897_23_">Мурманск</label> </div> </div> <div id="region10176" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10176"></a> <input id="225_17_10176_" value="Ненецкий автономный округ" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10176_">Ненецкий автономный округ</label> </div> <div id="region10926" style="display: none;"> <a name="name10926" style="text-decoration: none" id="link10926" href="javascript://" onclick="regtree(10928);regtree(25);changeSign(10926);">+</a>&nbsp; <input id="225_17_10926_" value="Псков и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10926_">Псков и область</label> <div id="region10928" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10928"></a> <input id="225_17_10926_10928_" value="Великие Луки" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10926_10928_">Великие Луки</label> </div> <div id="region25" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name25"></a> <input id="225_17_10926_25_" value="Псков" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10926_25_">Псков</label> </div> </div> <div id="region10933" style="display: none;"> <a name="name10933" style="text-decoration: none" id="link10933" href="javascript://" onclick="regtree(10934);regtree(18);regtree(10937);changeSign(10933);">+</a>&nbsp; <input id="225_17_10933_" value="Республика Карелия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10933_">Республика Карелия</label> <div id="region10934" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10934"></a> <input id="225_17_10933_10934_" value="Кондопога" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10933_10934_">Кондопога</label> </div> <div id="region18" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name18"></a> <input id="225_17_10933_18_" value="Петрозаводск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10933_18_">Петрозаводск</label> </div> <div id="region10937" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10937"></a> <input id="225_17_10933_10937_" value="Сортавала" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10933_10937_">Сортавала</label> </div> </div> <div id="region10939" style="display: none;"> <a name="name10939" style="text-decoration: none" id="link10939" href="javascript://" onclick="regtree(10940);regtree(19);regtree(10944);regtree(10945);changeSign(10939);">+</a>&nbsp; <input id="225_17_10939_" value="Республика Коми" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10939_">Республика Коми</label> <div id="region10940" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10940"></a> <input id="225_17_10939_10940_" value="Воркута" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10939_10940_">Воркута</label> </div> <div id="region19" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name19"></a> <input id="225_17_10939_19_" value="Сыктывкар" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10939_19_">Сыктывкар</label> </div> <div id="region10944" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10944"></a> <input id="225_17_10939_10944_" value="Усинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10939_10944_">Усинск</label> </div> <div id="region10945" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10945"></a> <input id="225_17_10939_10945_" value="Ухта" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_17_10939_10945_">Ухта</label> </div> </div> </div> <div id="region40" style="display: none; "> <a name="name40" style="text-decoration: none" id="link40" href="javascript://" onclick="regtree(11070);regtree(11079);regtree(11084);regtree(11095);regtree(11108);regtree(11111);regtree(11077);regtree(11117);regtree(11119);regtree(11131);regtree(11146);regtree(11148);regtree(11153);regtree(11156);changeSign(40);">+</a>&nbsp; <input id="225_40_" value="Поволжье" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_">Поволжье</label> <div id="region11070" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11070"></a> <input id="225_40_11070_" value="Киров и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11070_">Киров и область</label> </div> <div id="region11079" style="display: none;"> <a name="name11079" style="text-decoration: none" id="link11079" href="javascript://" onclick="regtree(20040);regtree(972);regtree(20044);regtree(47);regtree(11083);changeSign(11079);">+</a>&nbsp; <input id="225_40_11079_" value="Нижний Новгород и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11079_">Нижний Новгород и область</label> <div id="region20040" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20040"></a> <input id="225_40_11079_20040_" value="Выкса" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11079_20040_">Выкса</label> </div> <div id="region972" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name972"></a> <input id="225_40_11079_972_" value="Дзержинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11079_972_">Дзержинск</label> </div> <div id="region20044" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20044"></a> <input id="225_40_11079_20044_" value="Кстово" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11079_20044_">Кстово</label> </div> <div id="region47" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name47"></a> <input id="225_40_11079_47_" value="Нижний Новгород" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11079_47_">Нижний Новгород</label> </div> <div id="region11083" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11083"></a> <input id="225_40_11079_11083_" value="Саров" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11079_11083_">Саров</label> </div> </div> <div id="region11084" style="display: none;"> <a name="name11084" style="text-decoration: none" id="link11084" href="javascript://" onclick="regtree(48);regtree(11091);changeSign(11084);">+</a>&nbsp; <input id="225_40_11084_" value="Оренбург и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11084_">Оренбург и область</label> <div id="region48" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name48"></a> <input id="225_40_11084_48_" value="Оренбург" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11084_48_">Оренбург</label> </div> <div id="region11091" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11091"></a> <input id="225_40_11084_11091_" value="Орск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11084_11091_">Орск</label> </div> </div> <div id="region11095" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11095"></a> <input id="225_40_11095_" value="Пенза и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11095_">Пенза и область</label> </div> <div id="region11108" style="display: none;"> <a name="name11108" style="text-decoration: none" id="link11108" href="javascript://" onclick="regtree(20237);regtree(50);changeSign(11108);">+</a>&nbsp; <input id="225_40_11108_" value="Пермский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11108_">Пермский край</label> <div id="region20237" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20237"></a> <input id="225_40_11108_20237_" value="Березники" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11108_20237_">Березники</label> </div> <div id="region50" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name50"></a> <input id="225_40_11108_50_" value="Пермь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11108_50_">Пермь</label> </div> </div> <div id="region11111" style="display: none;"> <a name="name11111" style="text-decoration: none" id="link11111" href="javascript://" onclick="regtree(11114);regtree(20235);regtree(11115);regtree(11116);regtree(172);changeSign(11111);">+</a>&nbsp; <input id="225_40_11111_" value="Республика Башкортостан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11111_">Республика Башкортостан</label> <div id="region11114" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11114"></a> <input id="225_40_11111_11114_" value="Нефтекамск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11111_11114_">Нефтекамск</label> </div> <div id="region20235" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20235"></a> <input id="225_40_11111_20235_" value="Октябрьский" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11111_20235_">Октябрьский</label> </div> <div id="region11115" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11115"></a> <input id="225_40_11111_11115_" value="Салават" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11111_11115_">Салават</label> </div> <div id="region11116" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11116"></a> <input id="225_40_11111_11116_" value="Стерлитамак" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11111_11116_">Стерлитамак</label> </div> <div id="region172" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name172"></a> <input id="225_40_11111_172_" value="Уфа" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11111_172_">Уфа</label> </div> </div> <div id="region11077" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11077"></a> <input id="225_40_11077_" value="Республика Марий Эл" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11077_">Республика Марий Эл</label> </div> <div id="region11117" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11117"></a> <input id="225_40_11117_" value="Республика Мордовия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11117_">Республика Мордовия</label> </div> <div id="region11119" style="display: none;"> <a name="name11119" style="text-decoration: none" id="link11119" href="javascript://" onclick="regtree(11121);regtree(11122);regtree(43);regtree(236);regtree(11127);changeSign(11119);">+</a>&nbsp; <input id="225_40_11119_" value="Республика Татарстан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11119_">Республика Татарстан</label> <div id="region11121" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11121"></a> <input id="225_40_11119_11121_" value="Альметьевск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11119_11121_">Альметьевск</label> </div> <div id="region11122" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11122"></a> <input id="225_40_11119_11122_" value="Бугульма" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11119_11122_">Бугульма</label> </div> <div id="region43" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name43"></a> <input id="225_40_11119_43_" value="Казань" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11119_43_">Казань</label> </div> <div id="region236" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name236"></a> <input id="225_40_11119_236_" value="Набережные Челны" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11119_236_">Набережные Челны</label> </div> <div id="region11127" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11127"></a> <input id="225_40_11119_11127_" value="Нижнекамск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11119_11127_">Нижнекамск</label> </div> </div> <div id="region11131" style="display: none;"> <a name="name11131" style="text-decoration: none" id="link11131" href="javascript://" onclick="regtree(11132);regtree(51);regtree(11139);regtree(240);changeSign(11131);">+</a>&nbsp; <input id="225_40_11131_" value="Самара и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11131_">Самара и область</label> <div id="region11132" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11132"></a> <input id="225_40_11131_11132_" value="Жигулевск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11131_11132_">Жигулевск</label> </div> <div id="region51" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name51"></a> <input id="225_40_11131_51_" value="Самара" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11131_51_">Самара</label> </div> <div id="region11139" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11139"></a> <input id="225_40_11131_11139_" value="Сызрань" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11131_11139_">Сызрань</label> </div> <div id="region240" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name240"></a> <input id="225_40_11131_240_" value="Тольятти" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11131_240_">Тольятти</label> </div> </div> <div id="region11146" style="display: none;"> <a name="name11146" style="text-decoration: none" id="link11146" href="javascript://" onclick="regtree(11143);regtree(194);regtree(11147);changeSign(11146);">+</a>&nbsp; <input id="225_40_11146_" value="Саратов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11146_">Саратов и область</label> <div id="region11143" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11143"></a> <input id="225_40_11146_11143_" value="Балаково" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11146_11143_">Балаково</label> </div> <div id="region194" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name194"></a> <input id="225_40_11146_194_" value="Саратов" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11146_194_">Саратов</label> </div> <div id="region11147" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11147"></a> <input id="225_40_11146_11147_" value="Энгельс" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11146_11147_">Энгельс</label> </div> </div> <div id="region11148" style="display: none;"> <a name="name11148" style="text-decoration: none" id="link11148" href="javascript://" onclick="regtree(11150);regtree(44);regtree(11152);changeSign(11148);">+</a>&nbsp; <input id="225_40_11148_" value="Удмуртская Республика" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11148_">Удмуртская Республика</label> <div id="region11150" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11150"></a> <input id="225_40_11148_11150_" value="Глазов" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11148_11150_">Глазов</label> </div> <div id="region44" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name44"></a> <input id="225_40_11148_44_" value="Ижевск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11148_44_">Ижевск</label> </div> <div id="region11152" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11152"></a> <input id="225_40_11148_11152_" value="Сарапул" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11148_11152_">Сарапул</label> </div> </div> <div id="region11153" style="display: none;"> <a name="name11153" style="text-decoration: none" id="link11153" href="javascript://" onclick="regtree(11155);regtree(195);changeSign(11153);">+</a>&nbsp; <input id="225_40_11153_" value="Ульяновск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11153_">Ульяновск и область</label> <div id="region11155" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11155"></a> <input id="225_40_11153_11155_" value="Димитровград" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11153_11155_">Димитровград</label> </div> <div id="region195" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name195"></a> <input id="225_40_11153_195_" value="Ульяновск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11153_195_">Ульяновск</label> </div> </div> <div id="region11156" style="display: none;"> <a name="name11156" style="text-decoration: none" id="link11156" href="javascript://" onclick="regtree(37133);regtree(45);changeSign(11156);">+</a>&nbsp; <input id="225_40_11156_" value="Чувашская Республика" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11156_">Чувашская Республика</label> <div id="region37133" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name37133"></a> <input id="225_40_11156_37133_" value="Новочебоксарск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11156_37133_">Новочебоксарск</label> </div> <div id="region45" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name45"></a> <input id="225_40_11156_45_" value="Чебоксары" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_40_11156_45_">Чебоксары</label> </div> </div> </div> <div id="region26" style="display: none; "> <a name="name26" style="text-decoration: none" id="link26" href="javascript://" onclick="regtree(10946);regtree(10950);regtree(10995);regtree(11004);regtree(11015);regtree(11029);changeSign(26);">+</a>&nbsp; <input id="225_26_" value="Юг" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_">Юг</label> <div id="region10946" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10946"></a> <input id="225_26_10946_" value="Астрахань и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10946_">Астрахань и область</label> </div> <div id="region10950" style="display: none;"> <a name="name10950" style="text-decoration: none" id="link10950" href="javascript://" onclick="regtree(38);regtree(10951);regtree(10959);changeSign(10950);">+</a>&nbsp; <input id="225_26_10950_" value="Волгоград и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10950_">Волгоград и область</label> <div id="region38" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name38"></a> <input id="225_26_10950_38_" value="Волгоград" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10950_38_">Волгоград</label> </div> <div id="region10951" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10951"></a> <input id="225_26_10950_10951_" value="Волжский" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10950_10951_">Волжский</label> </div> <div id="region10959" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10959"></a> <input id="225_26_10950_10959_" value="Камышин" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10950_10959_">Камышин</label> </div> </div> <div id="region10995" style="display: none;"> <a name="name10995" style="text-decoration: none" id="link10995" href="javascript://" onclick="regtree(1107);regtree(10987);regtree(10993);regtree(35);regtree(970);regtree(239);regtree(1058);changeSign(10995);">+</a>&nbsp; <input id="225_26_10995_" value="Краснодарский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_">Краснодарский край</label> <div id="region1107" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name1107"></a> <input id="225_26_10995_1107_" value="Анапа" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_1107_">Анапа</label> </div> <div id="region10987" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10987"></a> <input id="225_26_10995_10987_" value="Армавир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_10987_">Армавир</label> </div> <div id="region10993" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10993"></a> <input id="225_26_10995_10993_" value="Ейск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_10993_">Ейск</label> </div> <div id="region35" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name35"></a> <input id="225_26_10995_35_" value="Краснодар" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_35_">Краснодар</label> </div> <div id="region970" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name970"></a> <input id="225_26_10995_970_" value="Новороссийск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_970_">Новороссийск</label> </div> <div id="region239" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name239"></a> <input id="225_26_10995_239_" value="Сочи" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_239_">Сочи</label> </div> <div id="region1058" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name1058"></a> <input id="225_26_10995_1058_" value="Туапсе" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_10995_1058_">Туапсе</label> </div> </div> <div id="region11004" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11004"></a> <input id="225_26_11004_" value="Республика Адыгея" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11004_">Республика Адыгея</label> </div> <div id="region11015" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11015"></a> <input id="225_26_11015_" value="Республика Калмыкия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11015_">Республика Калмыкия</label> </div> <div id="region11029" style="display: none;"> <a name="name11029" style="text-decoration: none" id="link11029" href="javascript://" onclick="regtree(11036);regtree(11043);regtree(238);regtree(39);regtree(971);regtree(11053);changeSign(11029);">+</a>&nbsp; <input id="225_26_11029_" value="Ростов-на-Дону и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_">Ростов-на-Дону и область</label> <div id="region11036" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11036"></a> <input id="225_26_11029_11036_" value="Волгодонск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_11036_">Волгодонск</label> </div> <div id="region11043" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11043"></a> <input id="225_26_11029_11043_" value="Каменск-Шахтинский" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_11043_">Каменск-Шахтинский</label> </div> <div id="region238" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name238"></a> <input id="225_26_11029_238_" value="Новочеркасск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_238_">Новочеркасск</label> </div> <div id="region39" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name39"></a> <input id="225_26_11029_39_" value="Ростов-на-Дону" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_39_">Ростов-на-Дону</label> </div> <div id="region971" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name971"></a> <input id="225_26_11029_971_" value="Таганрог" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_971_">Таганрог</label> </div> <div id="region11053" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11053"></a> <input id="225_26_11029_11053_" value="Шахты" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_26_11029_11053_">Шахты</label> </div> </div> </div> <div id="region59" style="display: none; "> <a name="name59" style="text-decoration: none" id="link59" href="javascript://" onclick="regtree(11235);regtree(21949);regtree(11266);regtree(11282);regtree(11309);regtree(11316);regtree(11318);regtree(10231);regtree(11330);regtree(10233);regtree(11340);regtree(11353);changeSign(59);">+</a>&nbsp; <input id="225_59_" value="Сибирь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_">Сибирь</label> <div id="region11235" style="display: none;"> <a name="name11235" style="text-decoration: none" id="link11235" href="javascript://" onclick="regtree(197);regtree(975);changeSign(11235);">+</a>&nbsp; <input id="225_59_11235_" value="Алтайский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11235_">Алтайский край</label> <div id="region197" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name197"></a> <input id="225_59_11235_197_" value="Барнаул" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11235_197_">Барнаул</label> </div> <div id="region975" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name975"></a> <input id="225_59_11235_975_" value="Бийск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11235_975_">Бийск</label> </div> </div> <div id="region21949" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21949"></a> <input id="225_59_21949_" value="Забайкальский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_21949_">Забайкальский край</label> </div> <div id="region11266" style="display: none;"> <a name="name11266" style="text-decoration: none" id="link11266" href="javascript://" onclick="regtree(11256);regtree(976);regtree(63);regtree(11273);changeSign(11266);">+</a>&nbsp; <input id="225_59_11266_" value="Иркутск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11266_">Иркутск и область</label> <div id="region11256" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11256"></a> <input id="225_59_11266_11256_" value="Ангарск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11266_11256_">Ангарск</label> </div> <div id="region976" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name976"></a> <input id="225_59_11266_976_" value="Братск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11266_976_">Братск</label> </div> <div id="region63" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name63"></a> <input id="225_59_11266_63_" value="Иркутск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11266_63_">Иркутск</label> </div> <div id="region11273" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11273"></a> <input id="225_59_11266_11273_" value="Усть-Илимск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11266_11273_">Усть-Илимск</label> </div> </div> <div id="region11282" style="display: none;"> <a name="name11282" style="text-decoration: none" id="link11282" href="javascript://" onclick="regtree(64);regtree(11287);regtree(237);changeSign(11282);">+</a>&nbsp; <input id="225_59_11282_" value="Кемерово и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11282_">Кемерово и область</label> <div id="region64" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name64"></a> <input id="225_59_11282_64_" value="Кемерово" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11282_64_">Кемерово</label> </div> <div id="region11287" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11287"></a> <input id="225_59_11282_11287_" value="Междуреченск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11282_11287_">Междуреченск</label> </div> <div id="region237" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name237"></a> <input id="225_59_11282_237_" value="Новокузнецк" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11282_237_">Новокузнецк</label> </div> </div> <div id="region11309" style="display: none;"> <a name="name11309" style="text-decoration: none" id="link11309" href="javascript://" onclick="regtree(11302);regtree(20086);regtree(62);regtree(11310);regtree(11311);changeSign(11309);">+</a>&nbsp; <input id="225_59_11309_" value="Красноярский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11309_">Красноярский край</label> <div id="region11302" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11302"></a> <input id="225_59_11309_11302_" value="Ачинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11309_11302_">Ачинск</label> </div> <div id="region20086" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20086"></a> <input id="225_59_11309_20086_" value="Железногорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11309_20086_">Железногорск</label> </div> <div id="region62" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name62"></a> <input id="225_59_11309_62_" value="Красноярск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11309_62_">Красноярск</label> </div> <div id="region11310" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11310"></a> <input id="225_59_11309_11310_" value="Минусинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11309_11310_">Минусинск</label> </div> <div id="region11311" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11311"></a> <input id="225_59_11309_11311_" value="Норильск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11309_11311_">Норильск</label> </div> </div> <div id="region11316" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11316"></a> <input id="225_59_11316_" value="Новосибирск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11316_">Новосибирск и область</label> </div> <div id="region11318" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11318"></a> <input id="225_59_11318_" value="Омск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11318_">Омск и область</label> </div> <div id="region10231" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10231"></a> <input id="225_59_10231_" value="Республика Алтай" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_10231_">Республика Алтай</label> </div> <div id="region11330" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11330"></a> <input id="225_59_11330_" value="Республика Бурятия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11330_">Республика Бурятия</label> </div> <div id="region10233" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10233"></a> <input id="225_59_10233_" value="Республика Тыва" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_10233_">Республика Тыва</label> </div> <div id="region11340" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11340"></a> <input id="225_59_11340_" value="Республика Хакасия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11340_">Республика Хакасия</label> </div> <div id="region11353" style="display: none;"> <a name="name11353" style="text-decoration: none" id="link11353" href="javascript://" onclick="regtree(11351);regtree(67);changeSign(11353);">+</a>&nbsp; <input id="225_59_11353_" value="Томск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11353_">Томск и область</label> <div id="region11351" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11351"></a> <input id="225_59_11353_11351_" value="Северск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11353_11351_">Северск</label> </div> <div id="region67" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name67"></a> <input id="225_59_11353_67_" value="Томск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_59_11353_67_">Томск</label> </div> </div> </div> <div id="region73" style="display: none; "> <a name="name73" style="text-decoration: none" id="link73" href="javascript://" onclick="regtree(11375);regtree(10243);regtree(11398);regtree(11403);regtree(11409);regtree(11443);regtree(11457);regtree(10251);regtree(11450);changeSign(73);">+</a>&nbsp; <input id="225_73_" value="Дальний Восток" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_">Дальний Восток</label> <div id="region11375" style="display: none;"> <a name="name11375" style="text-decoration: none" id="link11375" href="javascript://" onclick="regtree(11374);regtree(77);regtree(11391);changeSign(11375);">+</a>&nbsp; <input id="225_73_11375_" value="Благовещенск и Амурская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11375_">Благовещенск и Амурская область</label> <div id="region11374" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11374"></a> <input id="225_73_11375_11374_" value="Белогорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11375_11374_">Белогорск</label> </div> <div id="region77" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name77"></a> <input id="225_73_11375_77_" value="Благовещенск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11375_77_">Благовещенск</label> </div> <div id="region11391" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11391"></a> <input id="225_73_11375_11391_" value="Тында" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11375_11391_">Тында</label> </div> </div> <div id="region10243" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10243"></a> <input id="225_73_10243_" value="Еврейская автономная область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_10243_">Еврейская автономная область</label> </div> <div id="region11398" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11398"></a> <input id="225_73_11398_" value="Камчатский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11398_">Камчатский край</label> </div> <div id="region11403" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11403"></a> <input id="225_73_11403_" value="Магадан и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11403_">Магадан и область</label> </div> <div id="region11409" style="display: none;"> <a name="name11409" style="text-decoration: none" id="link11409" href="javascript://" onclick="regtree(75);regtree(974);regtree(11426);changeSign(11409);">+</a>&nbsp; <input id="225_73_11409_" value="Приморский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11409_">Приморский край</label> <div id="region75" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name75"></a> <input id="225_73_11409_75_" value="Владивосток" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11409_75_">Владивосток</label> </div> <div id="region974" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name974"></a> <input id="225_73_11409_974_" value="Находка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11409_974_">Находка</label> </div> <div id="region11426" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11426"></a> <input id="225_73_11409_11426_" value="Уссурийск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11409_11426_">Уссурийск</label> </div> </div> <div id="region11443" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11443"></a> <input id="225_73_11443_" value="Республика Саха (Якутия)" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11443_">Республика Саха (Якутия)</label> </div> <div id="region11457" style="display: none;"> <a name="name11457" style="text-decoration: none" id="link11457" href="javascript://" onclick="regtree(11453);regtree(76);changeSign(11457);">+</a>&nbsp; <input id="225_73_11457_" value="Хабаровский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11457_">Хабаровский край</label> <div id="region11453" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11453"></a> <input id="225_73_11457_11453_" value="Комсомольск-на-Амуре" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11457_11453_">Комсомольск-на-Амуре</label> </div> <div id="region76" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name76"></a> <input id="225_73_11457_76_" value="Хабаровск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11457_76_">Хабаровск</label> </div> </div> <div id="region10251" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10251"></a> <input id="225_73_10251_" value="Чукотский автономный округ" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_10251_">Чукотский автономный округ</label> </div> <div id="region11450" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11450"></a> <input id="225_73_11450_" value="Южно-Сахалинск и Сахалинская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_73_11450_">Южно-Сахалинск и Сахалинская область</label> </div> </div> <div id="region102444" style="display: none; "> <a name="name102444" style="text-decoration: none" id="link102444" href="javascript://" onclick="regtree(11020);regtree(11010);regtree(11012);regtree(11013);regtree(11021);regtree(11069);regtree(11024);changeSign(102444);">+</a>&nbsp; <input id="225_102444_" value="Северный Кавказ" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_">Северный Кавказ</label> <div id="region11020" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11020"></a> <input id="225_102444_11020_" value="Карачаево-Черкесская Республика" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11020_">Карачаево-Черкесская Республика</label> </div> <div id="region11010" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11010"></a> <input id="225_102444_11010_" value="Республика Дагестан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11010_">Республика Дагестан</label> </div> <div id="region11012" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11012"></a> <input id="225_102444_11012_" value="Республика Ингушетия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11012_">Республика Ингушетия</label> </div> <div id="region11013" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11013"></a> <input id="225_102444_11013_" value="Республика Кабардино-Балкария" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11013_">Республика Кабардино-Балкария</label> </div> <div id="region11021" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11021"></a> <input id="225_102444_11021_" value="Республика Северная Осетия-Алания" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11021_">Республика Северная Осетия-Алания</label> </div> <div id="region11069" style="display: none;"> <a name="name11069" style="text-decoration: none" id="link11069" href="javascript://" onclick="regtree(11057);regtree(11062);regtree(11063);regtree(11064);regtree(11067);regtree(36);changeSign(11069);">+</a>&nbsp; <input id="225_102444_11069_" value="Ставропольский край" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_">Ставропольский край</label> <div id="region11057" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11057"></a> <input id="225_102444_11069_11057_" value="Ессентуки" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_11057_">Ессентуки</label> </div> <div id="region11062" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11062"></a> <input id="225_102444_11069_11062_" value="Кисловодск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_11062_">Кисловодск</label> </div> <div id="region11063" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11063"></a> <input id="225_102444_11069_11063_" value="Минеральные Воды" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_11063_">Минеральные Воды</label> </div> <div id="region11064" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11064"></a> <input id="225_102444_11069_11064_" value="Невинномысск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_11064_">Невинномысск</label> </div> <div id="region11067" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11067"></a> <input id="225_102444_11069_11067_" value="Пятигорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_11067_">Пятигорск</label> </div> <div id="region36" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name36"></a> <input id="225_102444_11069_36_" value="Ставрополь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11069_36_">Ставрополь</label> </div> </div> <div id="region11024" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11024"></a> <input id="225_102444_11024_" value="Чеченская Республика" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_102444_11024_">Чеченская Республика</label> </div> </div> <div id="region52" style="display: none; "> <a name="name52" style="text-decoration: none" id="link52" href="javascript://" onclick="regtree(11162);regtree(11158);regtree(11176);regtree(11193);regtree(11225);regtree(11232);changeSign(52);">+</a>&nbsp; <input id="225_52_" value="Урал" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_">Урал</label> <div id="region11162" style="display: none;"> <a name="name11162" style="text-decoration: none" id="link11162" href="javascript://" onclick="regtree(54);regtree(11164);regtree(11168);regtree(11171);changeSign(11162);">+</a>&nbsp; <input id="225_52_11162_" value="Екатеринбург и Свердловская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11162_">Екатеринбург и Свердловская область</label> <div id="region54" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name54"></a> <input id="225_52_11162_54_" value="Екатеринбург" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11162_54_">Екатеринбург</label> </div> <div id="region11164" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11164"></a> <input id="225_52_11162_11164_" value="Каменск-Уральский" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11162_11164_">Каменск-Уральский</label> </div> <div id="region11168" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11168"></a> <input id="225_52_11162_11168_" value="Нижний Тагил" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11162_11168_">Нижний Тагил</label> </div> <div id="region11171" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11171"></a> <input id="225_52_11162_11171_" value="Первоуральск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11162_11171_">Первоуральск</label> </div> </div> <div id="region11158" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11158"></a> <input id="225_52_11158_" value="Курган и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11158_">Курган и область</label> </div> <div id="region11176" style="display: none;"> <a name="name11176" style="text-decoration: none" id="link11176" href="javascript://" onclick="regtree(11173);regtree(11175);regtree(55);changeSign(11176);">+</a>&nbsp; <input id="225_52_11176_" value="Тюмень и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11176_">Тюмень и область</label> <div id="region11173" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11173"></a> <input id="225_52_11176_11173_" value="Ишим" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11176_11173_">Ишим</label> </div> <div id="region11175" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11175"></a> <input id="225_52_11176_11175_" value="Тобольск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11176_11175_">Тобольск</label> </div> <div id="region55" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name55"></a> <input id="225_52_11176_55_" value="Тюмень" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11176_55_">Тюмень</label> </div> </div> <div id="region11193" style="display: none;"> <a name="name11193" style="text-decoration: none" id="link11193" href="javascript://" onclick="regtree(11184);regtree(1091);regtree(973);regtree(57);changeSign(11193);">+</a>&nbsp; <input id="225_52_11193_" value="Ханты-Мансийский АО" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11193_">Ханты-Мансийский АО</label> <div id="region11184" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11184"></a> <input id="225_52_11193_11184_" value="Нефтеюганск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11193_11184_">Нефтеюганск</label> </div> <div id="region1091" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name1091"></a> <input id="225_52_11193_1091_" value="Нижневартовск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11193_1091_">Нижневартовск</label> </div> <div id="region973" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name973"></a> <input id="225_52_11193_973_" value="Сургут" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11193_973_">Сургут</label> </div> <div id="region57" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name57"></a> <input id="225_52_11193_57_" value="Ханты-Мансийск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11193_57_">Ханты-Мансийск</label> </div> </div> <div id="region11225" style="display: none;"> <a name="name11225" style="text-decoration: none" id="link11225" href="javascript://" onclick="regtree(235);regtree(11212);regtree(11214);regtree(11217);regtree(56);changeSign(11225);">+</a>&nbsp; <input id="225_52_11225_" value="Челябинск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11225_">Челябинск и область</label> <div id="region235" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name235"></a> <input id="225_52_11225_235_" value="Магнитогорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11225_235_">Магнитогорск</label> </div> <div id="region11212" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11212"></a> <input id="225_52_11225_11212_" value="Миасс" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11225_11212_">Миасс</label> </div> <div id="region11214" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11214"></a> <input id="225_52_11225_11214_" value="Озерск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11225_11214_">Озерск</label> </div> <div id="region11217" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11217"></a> <input id="225_52_11225_11217_" value="Сатка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11225_11217_">Сатка</label> </div> <div id="region56" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name56"></a> <input id="225_52_11225_56_" value="Челябинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11225_56_">Челябинск</label> </div> </div> <div id="region11232" style="display: none;"> <a name="name11232" style="text-decoration: none" id="link11232" href="javascript://" onclick="regtree(11230);regtree(11231);regtree(58);changeSign(11232);">+</a>&nbsp; <input id="225_52_11232_" value="Ямало-Ненецкий АО" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11232_">Ямало-Ненецкий АО</label> <div id="region11230" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11230"></a> <input id="225_52_11232_11230_" value="Новый Уренгой" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11232_11230_">Новый Уренгой</label> </div> <div id="region11231" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11231"></a> <input id="225_52_11232_11231_" value="Ноябрьск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11232_11231_">Ноябрьск</label> </div> <div id="region58" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name58"></a> <input id="225_52_11232_58_" value="Салехард" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="225_52_11232_58_">Салехард</label> </div> </div> </div> </div> <div id="region166" style="display: block;"> <a name="name166" style="text-decoration: none" id="link166" href="javascript://" onclick="regtree(29386);regtree(167);regtree(168);regtree(149);regtree(159);regtree(207);regtree(208);regtree(209);regtree(170);regtree(171);regtree(187);changeSign(166);">+</a>&nbsp; <input id="166_" value="СНГ (исключая Россию)" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_">СНГ (исключая Россию)</label> <div id="region29386" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29386"></a> <input id="166_29386_" value="Абхазия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_29386_">Абхазия</label> </div> <div id="region167" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name167"></a> <input id="166_167_" value="Азербайджан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_167_">Азербайджан</label> </div> <div id="region168" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name168"></a> <input id="166_168_" value="Армения" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_168_">Армения</label> </div> <div id="region149" style="display: none;"> <a name="name149" style="text-decoration: none" id="link149" href="javascript://" onclick="regtree(29632);regtree(29633);regtree(29631);regtree(29634);regtree(29630);regtree(29629);changeSign(149);">+</a>&nbsp; <input id="166_149_" value="Беларусь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_">Беларусь</label> <div id="region29632" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29632"></a> <input id="166_149_29632_" value="Брест и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_29632_">Брест и область</label> </div> <div id="region29633" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29633"></a> <input id="166_149_29633_" value="Витебск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_29633_">Витебск и область</label> </div> <div id="region29631" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29631"></a> <input id="166_149_29631_" value="Гомель и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_29631_">Гомель и область</label> </div> <div id="region29634" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29634"></a> <input id="166_149_29634_" value="Гродно и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_29634_">Гродно и область</label> </div> <div id="region29630" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29630"></a> <input id="166_149_29630_" value="Минск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_29630_">Минск и область</label> </div> <div id="region29629" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29629"></a> <input id="166_149_29629_" value="Могилёв и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_149_29629_">Могилёв и область</label> </div> </div> <div id="region159" style="display: none;"> <a name="name159" style="text-decoration: none" id="link159" href="javascript://" onclick="regtree(29414);regtree(29404);regtree(29406);regtree(29403);regtree(29407);regtree(29408);regtree(29410);regtree(29411);regtree(29412);regtree(29413);regtree(29415);regtree(29416);regtree(29409);regtree(29417);changeSign(159);">+</a>&nbsp; <input id="166_159_" value="Казахстан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_">Казахстан</label> <div id="region29414" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29414"></a> <input id="166_159_29414_" value="Актау и Мангистауская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29414_">Актау и Мангистауская область</label> </div> <div id="region29404" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29404"></a> <input id="166_159_29404_" value="Актобе и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29404_">Актобе и область</label> </div> <div id="region29406" style="display: none;"> <a name="name29406" style="text-decoration: none" id="link29406" href="javascript://" onclick="regtree(162);regtree(10303);changeSign(29406);">+</a>&nbsp; <input id="166_159_29406_" value="Алматы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29406_">Алматы и область</label> <div id="region162" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name162"></a> <input id="166_159_29406_162_" value="Алматы" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29406_162_">Алматы</label> </div> <div id="region10303" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10303"></a> <input id="166_159_29406_10303_" value="Талдыкорган" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29406_10303_">Талдыкорган</label> </div> </div> <div id="region29403" style="display: none;"> <a name="name29403" style="text-decoration: none" id="link29403" href="javascript://" onclick="regtree(163);regtree(20809);changeSign(29403);">+</a>&nbsp; <input id="166_159_29403_" value="Астана и Акмолинская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29403_">Астана и Акмолинская область</label> <div id="region163" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name163"></a> <input id="166_159_29403_163_" value="Астана" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29403_163_">Астана</label> </div> <div id="region20809" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20809"></a> <input id="166_159_29403_20809_" value="Кокшетау" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29403_20809_">Кокшетау</label> </div> </div> <div id="region29407" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29407"></a> <input id="166_159_29407_" value="Атырау и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29407_">Атырау и область</label> </div> <div id="region29408" style="display: none;"> <a name="name29408" style="text-decoration: none" id="link29408" href="javascript://" onclick="regtree(165);regtree(10306);changeSign(29408);">+</a>&nbsp; <input id="166_159_29408_" value="Восточно-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29408_">Восточно-Казахстанская область</label> <div id="region165" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name165"></a> <input id="166_159_29408_165_" value="Семей" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29408_165_">Семей</label> </div> <div id="region10306" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10306"></a> <input id="166_159_29408_10306_" value="Усть-Каменогорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29408_10306_">Усть-Каменогорск</label> </div> </div> <div id="region29410" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29410"></a> <input id="166_159_29410_" value="Западно-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29410_">Западно-Казахстанская область</label> </div> <div id="region29411" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29411"></a> <input id="166_159_29411_" value="Караганда и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29411_">Караганда и область</label> </div> <div id="region29412" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29412"></a> <input id="166_159_29412_" value="Костанай и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29412_">Костанай и область</label> </div> <div id="region29413" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29413"></a> <input id="166_159_29413_" value="Кызылорда и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29413_">Кызылорда и область</label> </div> <div id="region29415" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29415"></a> <input id="166_159_29415_" value="Павлодар и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29415_">Павлодар и область</label> </div> <div id="region29416" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29416"></a> <input id="166_159_29416_" value="Северо-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29416_">Северо-Казахстанская область</label> </div> <div id="region29409" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29409"></a> <input id="166_159_29409_" value="Тараз и Жамбылская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29409_">Тараз и Жамбылская область</label> </div> <div id="region29417" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name29417"></a> <input id="166_159_29417_" value="Южно-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_159_29417_">Южно-Казахстанская область</label> </div> </div> <div id="region207" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name207"></a> <input id="166_207_" value="Киргизия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_207_">Киргизия</label> </div> <div id="region208" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name208"></a> <input id="166_208_" value="Молдова" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_208_">Молдова</label> </div> <div id="region209" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name209"></a> <input id="166_209_" value="Таджикистан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_209_">Таджикистан</label> </div> <div id="region170" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name170"></a> <input id="166_170_" value="Туркмения" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_170_">Туркмения</label> </div> <div id="region171" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name171"></a> <input id="166_171_" value="Узбекистан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_171_">Узбекистан</label> </div> <div id="region187" style="display: none;"> <a name="name187" style="text-decoration: none" id="link187" href="javascript://" onclick="regtree(20525);regtree(20524);regtree(977);regtree(20528);regtree(20527);regtree(20526);changeSign(187);">+</a>&nbsp; <input id="166_187_" value="Украина" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_">Украина</label> <div id="region20525" style="display: none;"> <a name="name20525" style="text-decoration: none" id="link20525" href="javascript://" onclick="regtree(20537);regtree(20536);regtree(20539);regtree(20540);regtree(20538);changeSign(20525);">+</a>&nbsp; <input id="166_187_20525_" value="Восток" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_">Восток</label> <div id="region20537" style="display: none;"> <a name="name20537" style="text-decoration: none" id="link20537" href="javascript://" onclick="regtree(21775);regtree(141);regtree(10347);regtree(21773);regtree(28401);changeSign(20537);">+</a>&nbsp; <input id="166_187_20525_20537_" value="Днепропетровск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20537_">Днепропетровск и область</label> <div id="region21775" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21775"></a> <input id="166_187_20525_20537_21775_" value="Днепродзержинск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20537_21775_">Днепродзержинск</label> </div> <div id="region141" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name141"></a> <input id="166_187_20525_20537_141_" value="Днепропетровск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20537_141_">Днепропетровск</label> </div> <div id="region10347" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10347"></a> <input id="166_187_20525_20537_10347_" value="Кривой Рог" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20537_10347_">Кривой Рог</label> </div> <div id="region21773" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21773"></a> <input id="166_187_20525_20537_21773_" value="Никополь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20537_21773_">Никополь</label> </div> <div id="region28401" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name28401"></a> <input id="166_187_20525_20537_28401_" value="Павлоград" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20537_28401_">Павлоград</label> </div> </div> <div id="region20536" style="display: none;"> <a name="name20536" style="text-decoration: none" id="link20536" href="javascript://" onclick="regtree(21774);regtree(142);regtree(20554);regtree(24876);regtree(10366);changeSign(20536);">+</a>&nbsp; <input id="166_187_20525_20536_" value="Донецк и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20536_">Донецк и область</label> <div id="region21774" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21774"></a> <input id="166_187_20525_20536_21774_" value="Горловка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20536_21774_">Горловка</label> </div> <div id="region142" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name142"></a> <input id="166_187_20525_20536_142_" value="Донецк" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20536_142_">Донецк</label> </div> <div id="region20554" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20554"></a> <input id="166_187_20525_20536_20554_" value="Краматорск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20536_20554_">Краматорск</label> </div> <div id="region24876" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name24876"></a> <input id="166_187_20525_20536_24876_" value="Макеевка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20536_24876_">Макеевка</label> </div> <div id="region10366" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10366"></a> <input id="166_187_20525_20536_10366_" value="Мариуполь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20536_10366_">Мариуполь</label> </div> </div> <div id="region20539" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20539"></a> <input id="166_187_20525_20539_" value="Запорожье и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20539_">Запорожье и область</label> </div> <div id="region20540" style="display: none;"> <a name="name20540" style="text-decoration: none" id="link20540" href="javascript://" onclick="regtree(24885);regtree(222);regtree(24893);changeSign(20540);">+</a>&nbsp; <input id="166_187_20525_20540_" value="Луганск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20540_">Луганск и область</label> <div id="region24885" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name24885"></a> <input id="166_187_20525_20540_24885_" value="Алчевск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20540_24885_">Алчевск</label> </div> <div id="region222" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name222"></a> <input id="166_187_20525_20540_222_" value="Луганск" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20540_222_">Луганск</label> </div> <div id="region24893" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name24893"></a> <input id="166_187_20525_20540_24893_" value="Северодонецк" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20540_24893_">Северодонецк</label> </div> </div> <div id="region20538" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20538"></a> <input id="166_187_20525_20538_" value="Харьков и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20525_20538_">Харьков и область</label> </div> </div> <div id="region20524" style="display: none;"> <a name="name20524" style="text-decoration: none" id="link20524" href="javascript://" onclick="regtree(20532);regtree(20550);regtree(20529);regtree(20534);regtree(20531);regtree(20530);regtree(20535);regtree(20533);changeSign(20524);">+</a>&nbsp; <input id="166_187_20524_" value="Запад" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_">Запад</label> <div id="region20532" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20532"></a> <input id="166_187_20524_20532_" value="Ивано-Франковск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20532_">Ивано-Франковск и область</label> </div> <div id="region20550" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20550"></a> <input id="166_187_20524_20550_" value="Луцк и Волынская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20550_">Луцк и Волынская область</label> </div> <div id="region20529" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20529"></a> <input id="166_187_20524_20529_" value="Львов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20529_">Львов и область</label> </div> <div id="region20534" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20534"></a> <input id="166_187_20524_20534_" value="Ровно и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20534_">Ровно и область</label> </div> <div id="region20531" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20531"></a> <input id="166_187_20524_20531_" value="Тернополь и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20531_">Тернополь и область</label> </div> <div id="region20530" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20530"></a> <input id="166_187_20524_20530_" value="Ужгород и Закарпатская область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20530_">Ужгород и Закарпатская область</label> </div> <div id="region20535" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20535"></a> <input id="166_187_20524_20535_" value="Хмельницкий и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20535_">Хмельницкий и область</label> </div> <div id="region20533" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20533"></a> <input id="166_187_20524_20533_" value="Черновцы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20524_20533_">Черновцы и область</label> </div> </div> <div id="region977" style="display: none;"> <a name="name977" style="text-decoration: none" id="link977" href="javascript://" onclick="regtree(11463);regtree(11464);regtree(959);regtree(146);regtree(11469);regtree(11470);changeSign(977);">+</a>&nbsp; <input id="166_187_977_" value="Крым" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_">Крым</label> <div id="region11463" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11463"></a> <input id="166_187_977_11463_" value="Евпатория" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_11463_">Евпатория</label> </div> <div id="region11464" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11464"></a> <input id="166_187_977_11464_" value="Керчь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_11464_">Керчь</label> </div> <div id="region959" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name959"></a> <input id="166_187_977_959_" value="Севастополь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_959_">Севастополь</label> </div> <div id="region146" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name146"></a> <input id="166_187_977_146_" value="Симферополь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_146_">Симферополь</label> </div> <div id="region11469" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11469"></a> <input id="166_187_977_11469_" value="Феодосия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_11469_">Феодосия</label> </div> <div id="region11470" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name11470"></a> <input id="166_187_977_11470_" value="Ялта" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_977_11470_">Ялта</label> </div> </div> <div id="region20528" style="display: none;"> <a name="name20528" style="text-decoration: none" id="link20528" href="javascript://" onclick="regtree(20552);regtree(20551);changeSign(20528);">+</a>&nbsp; <input id="166_187_20528_" value="Север" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20528_">Север</label> <div id="region20552" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20552"></a> <input id="166_187_20528_20552_" value="Сумы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20528_20552_">Сумы и область</label> </div> <div id="region20551" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20551"></a> <input id="166_187_20528_20551_" value="Чернигов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20528_20551_">Чернигов и область</label> </div> </div> <div id="region20527" style="display: none;"> <a name="name20527" style="text-decoration: none" id="link20527" href="javascript://" onclick="regtree(20545);regtree(20547);regtree(20544);regtree(20548);regtree(20549);regtree(20546);changeSign(20527);">+</a>&nbsp; <input id="166_187_20527_" value="Центр" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_">Центр</label> <div id="region20545" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20545"></a> <input id="166_187_20527_20545_" value="Винница и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20545_">Винница и область</label> </div> <div id="region20547" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20547"></a> <input id="166_187_20527_20547_" value="Житомир и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20547_">Житомир и область</label> </div> <div id="region20544" style="display: none;"> <a name="name20544" style="text-decoration: none" id="link20544" href="javascript://" onclick="regtree(10369);regtree(143);changeSign(20544);">+</a>&nbsp; <input id="166_187_20527_20544_" value="Киев и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20544_">Киев и область</label> <div id="region10369" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10369"></a> <input id="166_187_20527_20544_10369_" value="Белая Церковь" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20544_10369_">Белая Церковь</label> </div> <div id="region143" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name143"></a> <input id="166_187_20527_20544_143_" value="Киев" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20544_143_">Киев</label> </div> </div> <div id="region20548" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20548"></a> <input id="166_187_20527_20548_" value="Кировоград и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20548_">Кировоград и область</label> </div> <div id="region20549" style="display: none;"> <a name="name20549" style="text-decoration: none" id="link20549" href="javascript://" onclick="regtree(21609);regtree(964);changeSign(20549);">+</a>&nbsp; <input id="166_187_20527_20549_" value="Полтава и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20549_">Полтава и область</label> <div id="region21609" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name21609"></a> <input id="166_187_20527_20549_21609_" value="Кременчуг" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20549_21609_">Кременчуг</label> </div> <div id="region964" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name964"></a> <input id="166_187_20527_20549_964_" value="Полтава" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20549_964_">Полтава</label> </div> </div> <div id="region20546" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20546"></a> <input id="166_187_20527_20546_" value="Черкассы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20527_20546_">Черкассы и область</label> </div> </div> <div id="region20526" style="display: none;"> <a name="name20526" style="text-decoration: none" id="link20526" href="javascript://" onclick="regtree(20543);regtree(20541);regtree(20542);changeSign(20526);">+</a>&nbsp; <input id="166_187_20526_" value="Юг" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20526_">Юг</label> <div id="region20543" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20543"></a> <input id="166_187_20526_20543_" value="Николаев и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20526_20543_">Николаев и область</label> </div> <div id="region20541" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20541"></a> <input id="166_187_20526_20541_" value="Одесса и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20526_20541_">Одесса и область</label> </div> <div id="region20542" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20542"></a> <input id="166_187_20526_20542_" value="Херсон и область" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="166_187_20526_20542_">Херсон и область</label> </div> </div> </div> </div> <div id="region111" style="display: block;"> <a name="name111" style="text-decoration: none" id="link111" href="javascript://" onclick="regtree(113);regtree(114);regtree(115);regtree(102);regtree(116);regtree(96);regtree(246);regtree(203);regtree(204);regtree(205);regtree(20574);regtree(118);regtree(119);regtree(120);regtree(180);regtree(121);regtree(122);regtree(980);regtree(983);regtree(123);regtree(124);regtree(10083);regtree(125);regtree(126);regtree(127);changeSign(111);">+</a>&nbsp; <input id="111_" value="Европа" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_">Европа</label> <div id="region113" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name113"></a> <input id="111_113_" value="Австрия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_113_">Австрия</label> </div> <div id="region114" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name114"></a> <input id="111_114_" value="Бельгия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_114_">Бельгия</label> </div> <div id="region115" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name115"></a> <input id="111_115_" value="Болгария" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_115_">Болгария</label> </div> <div id="region102" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name102"></a> <input id="111_102_" value="Великобритания" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_102_">Великобритания</label> </div> <div id="region116" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name116"></a> <input id="111_116_" value="Венгрия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_116_">Венгрия</label> </div> <div id="region96" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name96"></a> <input id="111_96_" value="Германия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_96_">Германия</label> </div> <div id="region246" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name246"></a> <input id="111_246_" value="Греция" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_246_">Греция</label> </div> <div id="region203" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name203"></a> <input id="111_203_" value="Дания" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_203_">Дания</label> </div> <div id="region204" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name204"></a> <input id="111_204_" value="Испания" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_204_">Испания</label> </div> <div id="region205" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name205"></a> <input id="111_205_" value="Италия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_205_">Италия</label> </div> <div id="region20574" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20574"></a> <input id="111_20574_" value="Кипр" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_20574_">Кипр</label> </div> <div id="region118" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name118"></a> <input id="111_118_" value="Нидерланды" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_118_">Нидерланды</label> </div> <div id="region119" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name119"></a> <input id="111_119_" value="Норвегия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_119_">Норвегия</label> </div> <div id="region120" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name120"></a> <input id="111_120_" value="Польша" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_120_">Польша</label> </div> <div id="region180" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name180"></a> <input id="111_180_" value="Сербия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_180_">Сербия</label> </div> <div id="region121" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name121"></a> <input id="111_121_" value="Словакия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_121_">Словакия</label> </div> <div id="region122" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name122"></a> <input id="111_122_" value="Словения" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_122_">Словения</label> </div> <div id="region980" style="display: none;"> <a name="name980" style="text-decoration: none" id="link980" href="javascript://" onclick="regtree(206);regtree(117);regtree(179);changeSign(980);">+</a>&nbsp; <input id="111_980_" value="Страны Балтии" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_980_">Страны Балтии</label> <div id="region206" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name206"></a> <input id="111_980_206_" value="Латвия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_980_206_">Латвия</label> </div> <div id="region117" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name117"></a> <input id="111_980_117_" value="Литва" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_980_117_">Литва</label> </div> <div id="region179" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name179"></a> <input id="111_980_179_" value="Эстония" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_980_179_">Эстония</label> </div> </div> <div id="region983" style="display: none;"> <a name="name983" style="text-decoration: none" id="link983" href="javascript://" onclick="regtree(103668);regtree(103669);regtree(103670);regtree(103671);regtree(103672);regtree(103673);regtree(103674);regtree(103675);regtree(103676);regtree(103677);regtree(103678);regtree(103679);regtree(103680);regtree(103681);regtree(103682);regtree(103683);regtree(103684);regtree(103685);regtree(103686);regtree(103687);regtree(103688);regtree(103689);regtree(103690);regtree(103691);regtree(103692);regtree(103693);regtree(103694);regtree(103695);regtree(103696);regtree(103697);regtree(103742);regtree(103698);regtree(103699);regtree(103700);regtree(103701);regtree(103702);regtree(103703);regtree(103704);regtree(103705);regtree(103706);regtree(103707);regtree(103708);regtree(103709);regtree(103710);regtree(103711);regtree(103712);regtree(103713);regtree(103714);regtree(103715);regtree(103716);regtree(103717);regtree(103718);regtree(103719);regtree(103720);regtree(103721);regtree(103722);regtree(103723);regtree(103724);regtree(103725);regtree(103726);regtree(103727);regtree(103728);regtree(103729);regtree(103730);regtree(103731);regtree(103732);regtree(103733);regtree(103734);regtree(103735);regtree(103736);regtree(103737);regtree(103738);regtree(103739);regtree(103740);regtree(103741);regtree(103743);regtree(103744);regtree(103745);regtree(103746);regtree(103747);regtree(103748);changeSign(983);">+</a>&nbsp; <input id="111_983_" value="Турция" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_">Турция</label> <div id="region103668" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103668"></a> <input id="111_983_103668_" value="Провинция Агры" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103668_">Провинция Агры</label> </div> <div id="region103669" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103669"></a> <input id="111_983_103669_" value="Провинция Адана" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103669_">Провинция Адана</label> </div> <div id="region103670" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103670"></a> <input id="111_983_103670_" value="Провинция Адыяман" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103670_">Провинция Адыяман</label> </div> <div id="region103671" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103671"></a> <input id="111_983_103671_" value="Провинция Айдын" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103671_">Провинция Айдын</label> </div> <div id="region103672" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103672"></a> <input id="111_983_103672_" value="Провинция Аксарай" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103672_">Провинция Аксарай</label> </div> <div id="region103673" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103673"></a> <input id="111_983_103673_" value="Провинция Амасья" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103673_">Провинция Амасья</label> </div> <div id="region103674" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103674"></a> <input id="111_983_103674_" value="Провинция Анкара" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103674_">Провинция Анкара</label> </div> <div id="region103675" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103675"></a> <input id="111_983_103675_" value="Провинция Анталья" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103675_">Провинция Анталья</label> </div> <div id="region103676" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103676"></a> <input id="111_983_103676_" value="Провинция Ардахан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103676_">Провинция Ардахан</label> </div> <div id="region103677" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103677"></a> <input id="111_983_103677_" value="Провинция Артвин" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103677_">Провинция Артвин</label> </div> <div id="region103678" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103678"></a> <input id="111_983_103678_" value="Провинция Афьонкарахисар" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103678_">Провинция Афьонкарахисар</label> </div> <div id="region103679" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103679"></a> <input id="111_983_103679_" value="Провинция Байбурт" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103679_">Провинция Байбурт</label> </div> <div id="region103680" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103680"></a> <input id="111_983_103680_" value="Провинция Балыкесир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103680_">Провинция Балыкесир</label> </div> <div id="region103681" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103681"></a> <input id="111_983_103681_" value="Провинция Бартын" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103681_">Провинция Бартын</label> </div> <div id="region103682" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103682"></a> <input id="111_983_103682_" value="Провинция Батман" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103682_">Провинция Батман</label> </div> <div id="region103683" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103683"></a> <input id="111_983_103683_" value="Провинция Биледжик" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103683_">Провинция Биледжик</label> </div> <div id="region103684" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103684"></a> <input id="111_983_103684_" value="Провинция Бингёль" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103684_">Провинция Бингёль</label> </div> <div id="region103685" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103685"></a> <input id="111_983_103685_" value="Провинция Битлис" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103685_">Провинция Битлис</label> </div> <div id="region103686" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103686"></a> <input id="111_983_103686_" value="Провинция Болу" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103686_">Провинция Болу</label> </div> <div id="region103687" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103687"></a> <input id="111_983_103687_" value="Провинция Бурдур" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103687_">Провинция Бурдур</label> </div> <div id="region103688" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103688"></a> <input id="111_983_103688_" value="Провинция Бурса" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103688_">Провинция Бурса</label> </div> <div id="region103689" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103689"></a> <input id="111_983_103689_" value="Провинция Ван" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103689_">Провинция Ван</label> </div> <div id="region103690" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103690"></a> <input id="111_983_103690_" value="Провинция Газиантеп" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103690_">Провинция Газиантеп</label> </div> <div id="region103691" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103691"></a> <input id="111_983_103691_" value="Провинция Гиресун" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103691_">Провинция Гиресун</label> </div> <div id="region103692" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103692"></a> <input id="111_983_103692_" value="Провинция Гюмюшхане" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103692_">Провинция Гюмюшхане</label> </div> <div id="region103693" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103693"></a> <input id="111_983_103693_" value="Провинция Денизли" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103693_">Провинция Денизли</label> </div> <div id="region103694" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103694"></a> <input id="111_983_103694_" value="Провинция Диярбакыр" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103694_">Провинция Диярбакыр</label> </div> <div id="region103695" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103695"></a> <input id="111_983_103695_" value="Провинция Дюздже" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103695_">Провинция Дюздже</label> </div> <div id="region103696" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103696"></a> <input id="111_983_103696_" value="Провинция Зонгулдак" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103696_">Провинция Зонгулдак</label> </div> <div id="region103697" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103697"></a> <input id="111_983_103697_" value="Провинция Измир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103697_">Провинция Измир</label> </div> <div id="region103742" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103742"></a> <input id="111_983_103742_" value="Провинция Испарта" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103742_">Провинция Испарта</label> </div> <div id="region103698" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103698"></a> <input id="111_983_103698_" value="Провинция Йозгат" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103698_">Провинция Йозгат</label> </div> <div id="region103699" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103699"></a> <input id="111_983_103699_" value="Провинция Кайсери" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103699_">Провинция Кайсери</label> </div> <div id="region103700" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103700"></a> <input id="111_983_103700_" value="Провинция Карабюк" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103700_">Провинция Карабюк</label> </div> <div id="region103701" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103701"></a> <input id="111_983_103701_" value="Провинция Караман" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103701_">Провинция Караман</label> </div> <div id="region103702" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103702"></a> <input id="111_983_103702_" value="Провинция Карс" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103702_">Провинция Карс</label> </div> <div id="region103703" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103703"></a> <input id="111_983_103703_" value="Провинция Кастамону" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103703_">Провинция Кастамону</label> </div> <div id="region103704" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103704"></a> <input id="111_983_103704_" value="Провинция Кахраманмараш" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103704_">Провинция Кахраманмараш</label> </div> <div id="region103705" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103705"></a> <input id="111_983_103705_" value="Провинция Килис" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103705_">Провинция Килис</label> </div> <div id="region103706" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103706"></a> <input id="111_983_103706_" value="Провинция Коджаэли" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103706_">Провинция Коджаэли</label> </div> <div id="region103707" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103707"></a> <input id="111_983_103707_" value="Провинция Конья" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103707_">Провинция Конья</label> </div> <div id="region103708" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103708"></a> <input id="111_983_103708_" value="Провинция Кыркларели" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103708_">Провинция Кыркларели</label> </div> <div id="region103709" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103709"></a> <input id="111_983_103709_" value="Провинция Кыршехир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103709_">Провинция Кыршехир</label> </div> <div id="region103710" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103710"></a> <input id="111_983_103710_" value="Провинция Кырыккале" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103710_">Провинция Кырыккале</label> </div> <div id="region103711" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103711"></a> <input id="111_983_103711_" value="Провинция Кютахья" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103711_">Провинция Кютахья</label> </div> <div id="region103712" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103712"></a> <input id="111_983_103712_" value="Провинция Малатья" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103712_">Провинция Малатья</label> </div> <div id="region103713" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103713"></a> <input id="111_983_103713_" value="Провинция Маниса" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103713_">Провинция Маниса</label> </div> <div id="region103714" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103714"></a> <input id="111_983_103714_" value="Провинция Мардин" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103714_">Провинция Мардин</label> </div> <div id="region103715" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103715"></a> <input id="111_983_103715_" value="Провинция Мерсин" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103715_">Провинция Мерсин</label> </div> <div id="region103716" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103716"></a> <input id="111_983_103716_" value="Провинция Мугла" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103716_">Провинция Мугла</label> </div> <div id="region103717" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103717"></a> <input id="111_983_103717_" value="Провинция Муш" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103717_">Провинция Муш</label> </div> <div id="region103718" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103718"></a> <input id="111_983_103718_" value="Провинция Невшехир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103718_">Провинция Невшехир</label> </div> <div id="region103719" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103719"></a> <input id="111_983_103719_" value="Провинция Нигде" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103719_">Провинция Нигде</label> </div> <div id="region103720" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103720"></a> <input id="111_983_103720_" value="Провинция Орду" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103720_">Провинция Орду</label> </div> <div id="region103721" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103721"></a> <input id="111_983_103721_" value="Провинция Османие" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103721_">Провинция Османие</label> </div> <div id="region103722" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103722"></a> <input id="111_983_103722_" value="Провинция Ризе" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103722_">Провинция Ризе</label> </div> <div id="region103723" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103723"></a> <input id="111_983_103723_" value="Провинция Сакарья" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103723_">Провинция Сакарья</label> </div> <div id="region103724" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103724"></a> <input id="111_983_103724_" value="Провинция Самсун" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103724_">Провинция Самсун</label> </div> <div id="region103725" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103725"></a> <input id="111_983_103725_" value="Провинция Сивас" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103725_">Провинция Сивас</label> </div> <div id="region103726" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103726"></a> <input id="111_983_103726_" value="Провинция Сиирт" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103726_">Провинция Сиирт</label> </div> <div id="region103727" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103727"></a> <input id="111_983_103727_" value="Провинция Синоп" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103727_">Провинция Синоп</label> </div> <div id="region103728" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103728"></a> <input id="111_983_103728_" value="Провинция Стамбул" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103728_">Провинция Стамбул</label> </div> <div id="region103729" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103729"></a> <input id="111_983_103729_" value="Провинция Текирдаг" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103729_">Провинция Текирдаг</label> </div> <div id="region103730" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103730"></a> <input id="111_983_103730_" value="Провинция Токат" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103730_">Провинция Токат</label> </div> <div id="region103731" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103731"></a> <input id="111_983_103731_" value="Провинция Трабзон" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103731_">Провинция Трабзон</label> </div> <div id="region103732" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103732"></a> <input id="111_983_103732_" value="Провинция Тунджели" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103732_">Провинция Тунджели</label> </div> <div id="region103733" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103733"></a> <input id="111_983_103733_" value="Провинция Ушак" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103733_">Провинция Ушак</label> </div> <div id="region103734" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103734"></a> <input id="111_983_103734_" value="Провинция Хаккяри" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103734_">Провинция Хаккяри</label> </div> <div id="region103735" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103735"></a> <input id="111_983_103735_" value="Провинция Хатай" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103735_">Провинция Хатай</label> </div> <div id="region103736" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103736"></a> <input id="111_983_103736_" value="Провинция Чанаккале" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103736_">Провинция Чанаккале</label> </div> <div id="region103737" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103737"></a> <input id="111_983_103737_" value="Провинция Чанкыры" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103737_">Провинция Чанкыры</label> </div> <div id="region103738" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103738"></a> <input id="111_983_103738_" value="Провинция Чорум" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103738_">Провинция Чорум</label> </div> <div id="region103739" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103739"></a> <input id="111_983_103739_" value="Провинция Шанлыурфа" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103739_">Провинция Шанлыурфа</label> </div> <div id="region103740" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103740"></a> <input id="111_983_103740_" value="Провинция Ширнак" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103740_">Провинция Ширнак</label> </div> <div id="region103741" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103741"></a> <input id="111_983_103741_" value="Провинция Ыгдыр" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103741_">Провинция Ыгдыр</label> </div> <div id="region103743" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103743"></a> <input id="111_983_103743_" value="Провинция Эдирне" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103743_">Провинция Эдирне</label> </div> <div id="region103744" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103744"></a> <input id="111_983_103744_" value="Провинция Элязыг" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103744_">Провинция Элязыг</label> </div> <div id="region103745" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103745"></a> <input id="111_983_103745_" value="Провинция Эрзинджан" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103745_">Провинция Эрзинджан</label> </div> <div id="region103746" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103746"></a> <input id="111_983_103746_" value="Провинция Эрзурум" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103746_">Провинция Эрзурум</label> </div> <div id="region103747" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103747"></a> <input id="111_983_103747_" value="Провинция Эскишехир" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103747_">Провинция Эскишехир</label> </div> <div id="region103748" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name103748"></a> <input id="111_983_103748_" value="Провинция Ялова" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_983_103748_">Провинция Ялова</label> </div> </div> <div id="region123" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name123"></a> <input id="111_123_" value="Финляндия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_123_">Финляндия</label> </div> <div id="region124" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name124"></a> <input id="111_124_" value="Франция" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_124_">Франция</label> </div> <div id="region10083" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name10083"></a> <input id="111_10083_" value="Хорватия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_10083_">Хорватия</label> </div> <div id="region125" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name125"></a> <input id="111_125_" value="Чехия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_125_">Чехия</label> </div> <div id="region126" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name126"></a> <input id="111_126_" value="Швейцария" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_126_">Швейцария</label> </div> <div id="region127" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name127"></a> <input id="111_127_" value="Швеция" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="111_127_">Швеция</label> </div> </div> <div id="region183" style="display: block;"> <a name="name183" style="text-decoration: none" id="link183" href="javascript://" onclick="regtree(1004);regtree(169);regtree(994);regtree(20975);regtree(134);regtree(995);regtree(135);regtree(137);changeSign(183);">+</a>&nbsp; <input id="183_" value="Азия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_">Азия</label> <div id="region1004" style="display: none;"> <a name="name1004" style="text-decoration: none" id="link1004" href="javascript://" onclick="regtree(1056);regtree(181);regtree(210);changeSign(1004);">+</a>&nbsp; <input id="183_1004_" value="Ближний Восток" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_1004_">Ближний Восток</label> <div id="region1056" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name1056"></a> <input id="183_1004_1056_" value="Египет" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_1004_1056_">Египет</label> </div> <div id="region181" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name181"></a> <input id="183_1004_181_" value="Израиль" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_1004_181_">Израиль</label> </div> <div id="region210" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name210"></a> <input id="183_1004_210_" value="Объединенные Арабские Эмираты" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_1004_210_">Объединенные Арабские Эмираты</label> </div> </div> <div id="region169" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name169"></a> <input id="183_169_" value="Грузия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_169_">Грузия</label> </div> <div id="region994" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name994"></a> <input id="183_994_" value="Индия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_994_">Индия</label> </div> <div id="region20975" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name20975"></a> <input id="183_20975_" value="Камбоджа" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_20975_">Камбоджа</label> </div> <div id="region134" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name134"></a> <input id="183_134_" value="Китай" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_134_">Китай</label> </div> <div id="region995" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name995"></a> <input id="183_995_" value="Таиланд" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_995_">Таиланд</label> </div> <div id="region135" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name135"></a> <input id="183_135_" value="Южная Корея" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_135_">Южная Корея</label> </div> <div id="region137" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name137"></a> <input id="183_137_" value="Япония" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="183_137_">Япония</label> </div> </div> <div id="region241" style="display: block;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name241"></a> <input id="241_" value="Африка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="241_">Африка</label> </div> <div id="region10002" style="display: block;"> <a name="name10002" style="text-decoration: none" id="link10002" href="javascript://" onclick="regtree(95);regtree(84);changeSign(10002);">+</a>&nbsp; <input id="10002_" value="Северная Америка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="10002_">Северная Америка</label> <div id="region95" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name95"></a> <input id="10002_95_" value="Канада" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="10002_95_">Канада</label> </div> <div id="region84" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name84"></a> <input id="10002_84_" value="США" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="10002_84_">США</label> </div> </div> <div id="region10003" style="display: block;"> <a name="name10003" style="text-decoration: none" id="link10003" href="javascript://" onclick="regtree(93);regtree(94);changeSign(10003);">+</a>&nbsp; <input id="10003_" value="Южная Америка" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="10003_">Южная Америка</label> <div id="region93" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name93"></a> <input id="10003_93_" value="Аргентина" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="10003_93_">Аргентина</label> </div> <div id="region94" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name94"></a> <input id="10003_94_" value="Бразилия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="10003_94_">Бразилия</label> </div> </div> <div id="region138" style="display: block;"> <a name="name138" style="text-decoration: none" id="link138" href="javascript://" onclick="regtree(211);regtree(139);changeSign(138);">+</a>&nbsp; <input id="138_" value="Австралия и Океания" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="138_">Австралия и Океания</label> <div id="region211" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name211"></a> <input id="138_211_" value="Австралия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="138_211_">Австралия</label> </div> <div id="region139" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;<a name="name139"></a> <input id="138_139_" value="Новая Зеландия" type="checkbox" name="reg" onclick="javascript:Generate(this)"> <label for="138_139_">Новая Зеландия</label> </div> </div>
 
-</td>
-</tr>
-<tr>
+            <div id="region225" style="display: block;"> <a name="name225" style="text-decoration: none" id="link225" href="javascript://" onclick="regtree(3);regtree(17);regtree(40);regtree(26);regtree(59);regtree(73);regtree(102444);regtree(52);changeSign(225);">+</a>&nbsp;
+              <input id="225_" value="Россия"
+              type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="225_">Россия</label>
+              <div id="region3" style="display: none; "> <a name="name3" style="text-decoration: none" id="link3" href="javascript://" onclick="regtree(1);regtree(10645);regtree(10650);regtree(10658);regtree(10672);regtree(10687);regtree(10693);regtree(10699);regtree(10705);regtree(10712);regtree(10772);regtree(10776);regtree(10795);regtree(10802);regtree(10819);regtree(10832);regtree(10841);changeSign(3);">+</a>&nbsp;
+                <input id="225_3_" value="Центр" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_3_">Центр</label>
+                <div id="region1" style="display: none;"> <a name="name1" style="text-decoration: none" id="link1" href="javascript://" onclick="regtree(213);regtree(10716);regtree(10722);regtree(10723);regtree(214);regtree(215);regtree(21622);regtree(20571);regtree(21623);regtree(37147);regtree(10734);regtree(20728);regtree(10735);regtree(10739);regtree(10745);regtree(10747);regtree(217);regtree(10750);regtree(10752);regtree(10754);regtree(21619);regtree(219);regtree(10765);regtree(21620);changeSign(1);">+</a>&nbsp;
+                  <input id="225_3_1_" value="Москва и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_1_">Москва и область</label>
+                  <div id="region213" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name213"></a>
+                    <input id="225_3_1_213_" value="Москва" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_213_">Москва</label>
+                  </div>
+                  <div id="region10716" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10716"></a>
+                    <input id="225_3_1_10716_" value="Балашиха" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10716_">Балашиха</label>
+                  </div>
+                  <div id="region10722" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10722"></a>
+                    <input id="225_3_1_10722_" value="Воскресенск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10722_">Воскресенск</label>
+                  </div>
+                  <div id="region10723" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10723"></a>
+                    <input id="225_3_1_10723_" value="Дмитров" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10723_">Дмитров</label>
+                  </div>
+                  <div id="region214" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name214"></a>
+                    <input id="225_3_1_214_" value="Долгопрудный" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_214_">Долгопрудный</label>
+                  </div>
+                  <div id="region215" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name215"></a>
+                    <input id="225_3_1_215_" value="Дубна" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_215_">Дубна</label>
+                  </div>
+                  <div id="region21622" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name21622"></a>
+                    <input id="225_3_1_21622_" value="Железнодорожный" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_21622_">Железнодорожный</label>
+                  </div>
+                  <div id="region20571" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20571"></a>
+                    <input id="225_3_1_20571_" value="Жуковский" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_20571_">Жуковский</label>
+                  </div>
+                  <div id="region21623" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name21623"></a>
+                    <input id="225_3_1_21623_" value="Ивантеевка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_21623_">Ивантеевка</label>
+                  </div>
+                  <div id="region37147" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name37147"></a>
+                    <input id="225_3_1_37147_" value="Климовск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_37147_">Климовск</label>
+                  </div>
+                  <div id="region10734" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10734"></a>
+                    <input id="225_3_1_10734_" value="Коломна" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10734_">Коломна</label>
+                  </div>
+                  <div id="region20728" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20728"></a>
+                    <input id="225_3_1_20728_" value="Королёв" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_20728_">Королёв</label>
+                  </div>
+                  <div id="region10735" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10735"></a>
+                    <input id="225_3_1_10735_" value="Красногорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10735_">Красногорск</label>
+                  </div>
+                  <div id="region10739" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10739"></a>
+                    <input id="225_3_1_10739_" value="Можайск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10739_">Можайск</label>
+                  </div>
+                  <div id="region10745" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10745"></a>
+                    <input id="225_3_1_10745_" value="Орехово-Зуево" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10745_">Орехово-Зуево</label>
+                  </div>
+                  <div id="region10747" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10747"></a>
+                    <input id="225_3_1_10747_" value="Подольск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10747_">Подольск</label>
+                  </div>
+                  <div id="region217" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name217"></a>
+                    <input id="225_3_1_217_" value="Пущино" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_217_">Пущино</label>
+                  </div>
+                  <div id="region10750" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10750"></a>
+                    <input id="225_3_1_10750_" value="Раменское" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10750_">Раменское</label>
+                  </div>
+                  <div id="region10752" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10752"></a>
+                    <input id="225_3_1_10752_" value="Сергиев Посад" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10752_">Сергиев Посад</label>
+                  </div>
+                  <div id="region10754" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10754"></a>
+                    <input id="225_3_1_10754_" value="Серпухов" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10754_">Серпухов</label>
+                  </div>
+                  <div id="region21619" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name21619"></a>
+                    <input id="225_3_1_21619_" value="Фрязино" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_21619_">Фрязино</label>
+                  </div>
+                  <div id="region219" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name219"></a>
+                    <input id="225_3_1_219_" value="Черноголовка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_219_">Черноголовка</label>
+                  </div>
+                  <div id="region10765" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10765"></a>
+                    <input id="225_3_1_10765_" value="Щелково" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_10765_">Щелково</label>
+                  </div>
+                  <div id="region21620" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name21620"></a>
+                    <input id="225_3_1_21620_" value="Юбилейный" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_1_21620_">Юбилейный</label>
+                  </div>
+                </div>
+                <div id="region10645" style="display: none;"> <a name="name10645" style="text-decoration: none" id="link10645" href="javascript://" onclick="regtree(4);regtree(10649);changeSign(10645);">+</a>&nbsp;
+                  <input id="225_3_10645_" value="Белгород и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10645_">Белгород и область</label>
+                  <div id="region4" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name4"></a>
+                    <input id="225_3_10645_4_" value="Белгород" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10645_4_">Белгород</label>
+                  </div>
+                  <div id="region10649" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10649"></a>
+                    <input id="225_3_10645_10649_" value="Старый Оскол" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10645_10649_">Старый Оскол</label>
+                  </div>
+                </div>
+                <div id="region10650" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10650"></a>
+                  <input id="225_3_10650_" value="Брянск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10650_">Брянск и область</label>
+                </div>
+                <div id="region10658" style="display: none;"> <a name="name10658" style="text-decoration: none" id="link10658" href="javascript://" onclick="regtree(192);regtree(10664);regtree(10668);changeSign(10658);">+</a>&nbsp;
+                  <input id="225_3_10658_" value="Владимир и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10658_">Владимир и область</label>
+                  <div id="region192" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name192"></a>
+                    <input id="225_3_10658_192_" value="Владимир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10658_192_">Владимир</label>
+                  </div>
+                  <div id="region10664" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10664"></a>
+                    <input id="225_3_10658_10664_" value="Ковров" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10658_10664_">Ковров</label>
+                  </div>
+                  <div id="region10668" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10668"></a>
+                    <input id="225_3_10658_10668_" value="Муром" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10658_10668_">Муром</label>
+                  </div>
+                </div>
+                <div id="region10672" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10672"></a>
+                  <input id="225_3_10672_" value="Воронеж и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10672_">Воронеж и область</label>
+                </div>
+                <div id="region10687" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10687"></a>
+                  <input id="225_3_10687_" value="Иваново и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10687_">Иваново и область</label>
+                </div>
+                <div id="region10693" style="display: none;"> <a name="name10693" style="text-decoration: none" id="link10693" href="javascript://" onclick="regtree(6);regtree(967);changeSign(10693);">+</a>&nbsp;
+                  <input id="225_3_10693_" value="Калуга и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10693_">Калуга и область</label>
+                  <div id="region6" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name6"></a>
+                    <input id="225_3_10693_6_" value="Калуга" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10693_6_">Калуга</label>
+                  </div>
+                  <div id="region967" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name967"></a>
+                    <input id="225_3_10693_967_" value="Обнинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10693_967_">Обнинск</label>
+                  </div>
+                </div>
+                <div id="region10699" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10699"></a>
+                  <input id="225_3_10699_" value="Кострома и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10699_">Кострома и область</label>
+                </div>
+                <div id="region10705" style="display: none;"> <a name="name10705" style="text-decoration: none" id="link10705" href="javascript://" onclick="regtree(10710);regtree(8);changeSign(10705);">+</a>&nbsp;
+                  <input id="225_3_10705_" value="Курск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10705_">Курск и область</label>
+                  <div id="region10710" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10710"></a>
+                    <input id="225_3_10705_10710_" value="Железногорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10705_10710_">Железногорск</label>
+                  </div>
+                  <div id="region8" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name8"></a>
+                    <input id="225_3_10705_8_" value="Курск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10705_8_">Курск</label>
+                  </div>
+                </div>
+                <div id="region10712" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10712"></a>
+                  <input id="225_3_10712_" value="Липецк и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10712_">Липецк и область</label>
+                </div>
+                <div id="region10772" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10772"></a>
+                  <input id="225_3_10772_" value="Орел и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10772_">Орел и область</label>
+                </div>
+                <div id="region10776" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10776"></a>
+                  <input id="225_3_10776_" value="Рязань и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10776_">Рязань и область</label>
+                </div>
+                <div id="region10795" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10795"></a>
+                  <input id="225_3_10795_" value="Смоленск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10795_">Смоленск и область</label>
+                </div>
+                <div id="region10802" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10802"></a>
+                  <input id="225_3_10802_" value="Тамбов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10802_">Тамбов и область</label>
+                </div>
+                <div id="region10819" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10819"></a>
+                  <input id="225_3_10819_" value="Тверь и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10819_">Тверь и область</label>
+                </div>
+                <div id="region10832" style="display: none;"> <a name="name10832" style="text-decoration: none" id="link10832" href="javascript://" onclick="regtree(10830);regtree(15);changeSign(10832);">+</a>&nbsp;
+                  <input id="225_3_10832_" value="Тула и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10832_">Тула и область</label>
+                  <div id="region10830" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10830"></a>
+                    <input id="225_3_10832_10830_" value="Новомосковск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10832_10830_">Новомосковск</label>
+                  </div>
+                  <div id="region15" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name15"></a>
+                    <input id="225_3_10832_15_" value="Тула" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10832_15_">Тула</label>
+                  </div>
+                </div>
+                <div id="region10841" style="display: none;"> <a name="name10841" style="text-decoration: none" id="link10841" href="javascript://" onclick="regtree(10839);regtree(21154);regtree(16);changeSign(10841);">+</a>&nbsp;
+                  <input id="225_3_10841_" value="Ярославль и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_3_10841_">Ярославль и область</label>
+                  <div id="region10839" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10839"></a>
+                    <input id="225_3_10841_10839_" value="Рыбинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10841_10839_">Рыбинск</label>
+                  </div>
+                  <div id="region21154" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name21154"></a>
+                    <input id="225_3_10841_21154_" value="Тутаев" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10841_21154_">Тутаев</label>
+                  </div>
+                  <div id="region16" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name16"></a>
+                    <input id="225_3_10841_16_" value="Ярославль" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_3_10841_16_">Ярославль</label>
+                  </div>
+                </div>
+              </div>
+              <div id="region17" style="display: none; "> <a name="name17" style="text-decoration: none" id="link17" href="javascript://" onclick="regtree(10174);regtree(10842);regtree(10904);regtree(10853);regtree(10857);regtree(10897);regtree(10176);regtree(10926);regtree(10933);regtree(10939);changeSign(17);">+</a>&nbsp;
+                <input id="225_17_" value="Северо-Запад" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_17_">Северо-Запад</label>
+                <div id="region10174" style="display: none;"> <a name="name10174" style="text-decoration: none" id="link10174" href="javascript://" onclick="regtree(10864);regtree(10865);regtree(969);regtree(10867);regtree(10871);regtree(2);regtree(10891);regtree(10892);changeSign(10174);">+</a>&nbsp;
+                  <input id="225_17_10174_" value="Санкт-Петербург и Ленинградская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10174_">Санкт-Петербург и Ленинградская область</label>
+                  <div id="region10864" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10864"></a>
+                    <input id="225_17_10174_10864_" value="Волхов" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_10864_">Волхов</label>
+                  </div>
+                  <div id="region10865" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10865"></a>
+                    <input id="225_17_10174_10865_" value="Всеволожск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_10865_">Всеволожск</label>
+                  </div>
+                  <div id="region969" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name969"></a>
+                    <input id="225_17_10174_969_" value="Выборг" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_969_">Выборг</label>
+                  </div>
+                  <div id="region10867" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10867"></a>
+                    <input id="225_17_10174_10867_" value="Гатчина" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_10867_">Гатчина</label>
+                  </div>
+                  <div id="region10871" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10871"></a>
+                    <input id="225_17_10174_10871_" value="Кириши" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_10871_">Кириши</label>
+                  </div>
+                  <div id="region2" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name2"></a>
+                    <input id="225_17_10174_2_" value="Санкт-Петербург" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_2_">Санкт-Петербург</label>
+                  </div>
+                  <div id="region10891" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10891"></a>
+                    <input id="225_17_10174_10891_" value="Сосновый Бор" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_10891_">Сосновый Бор</label>
+                  </div>
+                  <div id="region10892" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10892"></a>
+                    <input id="225_17_10174_10892_" value="Тихвин" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10174_10892_">Тихвин</label>
+                  </div>
+                </div>
+                <div id="region10842" style="display: none;"> <a name="name10842" style="text-decoration: none" id="link10842" href="javascript://" onclick="regtree(20);regtree(10849);changeSign(10842);">+</a>&nbsp;
+                  <input id="225_17_10842_" value="Архангельск и область" type="checkbox" name="reg"
+                  onclick="javascript:Generate(this)">
+                  <label for="225_17_10842_">Архангельск и область</label>
+                  <div id="region20" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20"></a>
+                    <input id="225_17_10842_20_" value="Архангельск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10842_20_">Архангельск</label>
+                  </div>
+                  <div id="region10849" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10849"></a>
+                    <input id="225_17_10842_10849_" value="Северодвинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10842_10849_">Северодвинск</label>
+                  </div>
+                </div>
+                <div id="region10904" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10904"></a>
+                  <input id="225_17_10904_" value="Великий Новгород и Новгородская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10904_">Великий Новгород и Новгородская область</label>
+                </div>
+                <div id="region10853" style="display: none;"> <a name="name10853" style="text-decoration: none" id="link10853" href="javascript://" onclick="regtree(21);regtree(968);changeSign(10853);">+</a>&nbsp;
+                  <input id="225_17_10853_" value="Вологда и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10853_">Вологда и область</label>
+                  <div id="region21" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name21"></a>
+                    <input id="225_17_10853_21_" value="Вологда" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10853_21_">Вологда</label>
+                  </div>
+                  <div id="region968" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name968"></a>
+                    <input id="225_17_10853_968_" value="Череповец" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10853_968_">Череповец</label>
+                  </div>
+                </div>
+                <div id="region10857" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10857"></a>
+                  <input id="225_17_10857_" value="Калининград и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10857_">Калининград и область</label>
+                </div>
+                <div id="region10897" style="display: none;"> <a name="name10897" style="text-decoration: none" id="link10897" href="javascript://" onclick="regtree(10894);regtree(23);changeSign(10897);">+</a>&nbsp;
+                  <input id="225_17_10897_" value="Мурманск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10897_">Мурманск и область</label>
+                  <div id="region10894" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10894"></a>
+                    <input id="225_17_10897_10894_" value="Апатиты" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10897_10894_">Апатиты</label>
+                  </div>
+                  <div id="region23" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name23"></a>
+                    <input id="225_17_10897_23_" value="Мурманск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10897_23_">Мурманск</label>
+                  </div>
+                </div>
+                <div id="region10176" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10176"></a>
+                  <input id="225_17_10176_" value="Ненецкий автономный округ" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10176_">Ненецкий автономный округ</label>
+                </div>
+                <div id="region10926" style="display: none;"> <a name="name10926" style="text-decoration: none" id="link10926" href="javascript://" onclick="regtree(10928);regtree(25);changeSign(10926);">+</a>&nbsp;
+                  <input id="225_17_10926_" value="Псков и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10926_">Псков и область</label>
+                  <div id="region10928" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10928"></a>
+                    <input id="225_17_10926_10928_" value="Великие Луки" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10926_10928_">Великие Луки</label>
+                  </div>
+                  <div id="region25" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name25"></a>
+                    <input id="225_17_10926_25_" value="Псков" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10926_25_">Псков</label>
+                  </div>
+                </div>
+                <div id="region10933" style="display: none;"> <a name="name10933" style="text-decoration: none" id="link10933" href="javascript://" onclick="regtree(10934);regtree(18);regtree(10937);changeSign(10933);">+</a>&nbsp;
+                  <input id="225_17_10933_" value="Республика Карелия" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10933_">Республика Карелия</label>
+                  <div id="region10934" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10934"></a>
+                    <input id="225_17_10933_10934_" value="Кондопога" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10933_10934_">Кондопога</label>
+                  </div>
+                  <div id="region18" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name18"></a>
+                    <input id="225_17_10933_18_" value="Петрозаводск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10933_18_">Петрозаводск</label>
+                  </div>
+                  <div id="region10937" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10937"></a>
+                    <input id="225_17_10933_10937_" value="Сортавала" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10933_10937_">Сортавала</label>
+                  </div>
+                </div>
+                <div id="region10939" style="display: none;"> <a name="name10939" style="text-decoration: none" id="link10939" href="javascript://" onclick="regtree(10940);regtree(19);regtree(10944);regtree(10945);changeSign(10939);">+</a>&nbsp;
+                  <input id="225_17_10939_" value="Республика Коми" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_17_10939_">Республика Коми</label>
+                  <div id="region10940" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10940"></a>
+                    <input id="225_17_10939_10940_" value="Воркута" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10939_10940_">Воркута</label>
+                  </div>
+                  <div id="region19" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name19"></a>
+                    <input id="225_17_10939_19_" value="Сыктывкар" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10939_19_">Сыктывкар</label>
+                  </div>
+                  <div id="region10944" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10944"></a>
+                    <input id="225_17_10939_10944_" value="Усинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10939_10944_">Усинск</label>
+                  </div>
+                  <div id="region10945" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10945"></a>
+                    <input id="225_17_10939_10945_" value="Ухта" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_17_10939_10945_">Ухта</label>
+                  </div>
+                </div>
+              </div>
+              <div id="region40" style="display: none; "> <a name="name40" style="text-decoration: none" id="link40" href="javascript://" onclick="regtree(11070);regtree(11079);regtree(11084);regtree(11095);regtree(11108);regtree(11111);regtree(11077);regtree(11117);regtree(11119);regtree(11131);regtree(11146);regtree(11148);regtree(11153);regtree(11156);changeSign(40);">+</a>&nbsp;
+                <input id="225_40_" value="Поволжье" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_40_">Поволжье</label>
+                <div id="region11070" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11070"></a>
+                  <input id="225_40_11070_" value="Киров и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11070_">Киров и область</label>
+                </div>
+                <div id="region11079" style="display: none;"> <a name="name11079" style="text-decoration: none" id="link11079" href="javascript://" onclick="regtree(20040);regtree(972);regtree(20044);regtree(47);regtree(11083);changeSign(11079);">+</a>&nbsp;
+                  <input id="225_40_11079_" value="Нижний Новгород и область"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11079_">Нижний Новгород и область</label>
+                  <div id="region20040" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20040"></a>
+                    <input id="225_40_11079_20040_" value="Выкса" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11079_20040_">Выкса</label>
+                  </div>
+                  <div id="region972" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name972"></a>
+                    <input id="225_40_11079_972_" value="Дзержинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11079_972_">Дзержинск</label>
+                  </div>
+                  <div id="region20044" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20044"></a>
+                    <input id="225_40_11079_20044_" value="Кстово" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11079_20044_">Кстово</label>
+                  </div>
+                  <div id="region47" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name47"></a>
+                    <input id="225_40_11079_47_" value="Нижний Новгород" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11079_47_">Нижний Новгород</label>
+                  </div>
+                  <div id="region11083" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11083"></a>
+                    <input id="225_40_11079_11083_" value="Саров" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11079_11083_">Саров</label>
+                  </div>
+                </div>
+                <div id="region11084" style="display: none;"> <a name="name11084" style="text-decoration: none" id="link11084" href="javascript://" onclick="regtree(48);regtree(11091);changeSign(11084);">+</a>&nbsp;
+                  <input id="225_40_11084_" value="Оренбург и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11084_">Оренбург и область</label>
+                  <div id="region48" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name48"></a>
+                    <input id="225_40_11084_48_" value="Оренбург" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11084_48_">Оренбург</label>
+                  </div>
+                  <div id="region11091" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11091"></a>
+                    <input id="225_40_11084_11091_" value="Орск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11084_11091_">Орск</label>
+                  </div>
+                </div>
+                <div id="region11095" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11095"></a>
+                  <input id="225_40_11095_" value="Пенза и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11095_">Пенза и область</label>
+                </div>
+                <div id="region11108" style="display: none;"> <a name="name11108" style="text-decoration: none" id="link11108" href="javascript://" onclick="regtree(20237);regtree(50);changeSign(11108);">+</a>&nbsp;
+                  <input id="225_40_11108_" value="Пермский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11108_">Пермский край</label>
+                  <div id="region20237" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20237"></a>
+                    <input id="225_40_11108_20237_" value="Березники" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11108_20237_">Березники</label>
+                  </div>
+                  <div id="region50" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name50"></a>
+                    <input id="225_40_11108_50_" value="Пермь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11108_50_">Пермь</label>
+                  </div>
+                </div>
+                <div id="region11111" style="display: none;"> <a name="name11111" style="text-decoration: none" id="link11111" href="javascript://" onclick="regtree(11114);regtree(20235);regtree(11115);regtree(11116);regtree(172);changeSign(11111);">+</a>&nbsp;
+                  <input id="225_40_11111_" value="Республика Башкортостан"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11111_">Республика Башкортостан</label>
+                  <div id="region11114" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11114"></a>
+                    <input id="225_40_11111_11114_" value="Нефтекамск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11111_11114_">Нефтекамск</label>
+                  </div>
+                  <div id="region20235" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20235"></a>
+                    <input id="225_40_11111_20235_" value="Октябрьский" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11111_20235_">Октябрьский</label>
+                  </div>
+                  <div id="region11115" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11115"></a>
+                    <input id="225_40_11111_11115_" value="Салават" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11111_11115_">Салават</label>
+                  </div>
+                  <div id="region11116" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11116"></a>
+                    <input id="225_40_11111_11116_" value="Стерлитамак" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11111_11116_">Стерлитамак</label>
+                  </div>
+                  <div id="region172" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name172"></a>
+                    <input id="225_40_11111_172_" value="Уфа" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11111_172_">Уфа</label>
+                  </div>
+                </div>
+                <div id="region11077" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11077"></a>
+                  <input id="225_40_11077_" value="Республика Марий Эл" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11077_">Республика Марий Эл</label>
+                </div>
+                <div id="region11117" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11117"></a>
+                  <input id="225_40_11117_" value="Республика Мордовия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11117_">Республика Мордовия</label>
+                </div>
+                <div id="region11119" style="display: none;"> <a name="name11119" style="text-decoration: none" id="link11119" href="javascript://" onclick="regtree(11121);regtree(11122);regtree(43);regtree(236);regtree(11127);changeSign(11119);">+</a>&nbsp;
+                  <input id="225_40_11119_" value="Республика Татарстан"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11119_">Республика Татарстан</label>
+                  <div id="region11121" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11121"></a>
+                    <input id="225_40_11119_11121_" value="Альметьевск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11119_11121_">Альметьевск</label>
+                  </div>
+                  <div id="region11122" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11122"></a>
+                    <input id="225_40_11119_11122_" value="Бугульма" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11119_11122_">Бугульма</label>
+                  </div>
+                  <div id="region43" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name43"></a>
+                    <input id="225_40_11119_43_" value="Казань" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11119_43_">Казань</label>
+                  </div>
+                  <div id="region236" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name236"></a>
+                    <input id="225_40_11119_236_" value="Набережные Челны" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11119_236_">Набережные Челны</label>
+                  </div>
+                  <div id="region11127" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11127"></a>
+                    <input id="225_40_11119_11127_" value="Нижнекамск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11119_11127_">Нижнекамск</label>
+                  </div>
+                </div>
+                <div id="region11131" style="display: none;"> <a name="name11131" style="text-decoration: none" id="link11131" href="javascript://" onclick="regtree(11132);regtree(51);regtree(11139);regtree(240);changeSign(11131);">+</a>&nbsp;
+                  <input id="225_40_11131_" value="Самара и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11131_">Самара и область</label>
+                  <div id="region11132" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11132"></a>
+                    <input id="225_40_11131_11132_" value="Жигулевск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11131_11132_">Жигулевск</label>
+                  </div>
+                  <div id="region51" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name51"></a>
+                    <input id="225_40_11131_51_" value="Самара" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11131_51_">Самара</label>
+                  </div>
+                  <div id="region11139" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11139"></a>
+                    <input id="225_40_11131_11139_" value="Сызрань" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11131_11139_">Сызрань</label>
+                  </div>
+                  <div id="region240" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name240"></a>
+                    <input id="225_40_11131_240_" value="Тольятти" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11131_240_">Тольятти</label>
+                  </div>
+                </div>
+                <div id="region11146" style="display: none;"> <a name="name11146" style="text-decoration: none" id="link11146" href="javascript://" onclick="regtree(11143);regtree(194);regtree(11147);changeSign(11146);">+</a>&nbsp;
+                  <input id="225_40_11146_" value="Саратов и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11146_">Саратов и область</label>
+                  <div id="region11143" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11143"></a>
+                    <input id="225_40_11146_11143_" value="Балаково" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11146_11143_">Балаково</label>
+                  </div>
+                  <div id="region194" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name194"></a>
+                    <input id="225_40_11146_194_" value="Саратов" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11146_194_">Саратов</label>
+                  </div>
+                  <div id="region11147" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11147"></a>
+                    <input id="225_40_11146_11147_" value="Энгельс" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11146_11147_">Энгельс</label>
+                  </div>
+                </div>
+                <div id="region11148" style="display: none;"> <a name="name11148" style="text-decoration: none" id="link11148" href="javascript://" onclick="regtree(11150);regtree(44);regtree(11152);changeSign(11148);">+</a>&nbsp;
+                  <input id="225_40_11148_" value="Удмуртская Республика" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_40_11148_">Удмуртская Республика</label>
+                  <div id="region11150" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11150"></a>
+                    <input id="225_40_11148_11150_" value="Глазов" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11148_11150_">Глазов</label>
+                  </div>
+                  <div id="region44" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name44"></a>
+                    <input id="225_40_11148_44_" value="Ижевск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11148_44_">Ижевск</label>
+                  </div>
+                  <div id="region11152" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11152"></a>
+                    <input id="225_40_11148_11152_" value="Сарапул" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11148_11152_">Сарапул</label>
+                  </div>
+                </div>
+                <div id="region11153" style="display: none;"> <a name="name11153" style="text-decoration: none" id="link11153" href="javascript://" onclick="regtree(11155);regtree(195);changeSign(11153);">+</a>&nbsp;
+                  <input id="225_40_11153_" value="Ульяновск и область" type="checkbox" name="reg"
+                  onclick="javascript:Generate(this)">
+                  <label for="225_40_11153_">Ульяновск и область</label>
+                  <div id="region11155" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11155"></a>
+                    <input id="225_40_11153_11155_" value="Димитровград" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11153_11155_">Димитровград</label>
+                  </div>
+                  <div id="region195" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name195"></a>
+                    <input id="225_40_11153_195_" value="Ульяновск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11153_195_">Ульяновск</label>
+                  </div>
+                </div>
+                <div id="region11156" style="display: none;"> <a name="name11156" style="text-decoration: none" id="link11156" href="javascript://" onclick="regtree(37133);regtree(45);changeSign(11156);">+</a>&nbsp;
+                  <input id="225_40_11156_" value="Чувашская Республика" type="checkbox" name="reg"
+                  onclick="javascript:Generate(this)">
+                  <label for="225_40_11156_">Чувашская Республика</label>
+                  <div id="region37133" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name37133"></a>
+                    <input id="225_40_11156_37133_" value="Новочебоксарск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11156_37133_">Новочебоксарск</label>
+                  </div>
+                  <div id="region45" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name45"></a>
+                    <input id="225_40_11156_45_" value="Чебоксары" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_40_11156_45_">Чебоксары</label>
+                  </div>
+                </div>
+              </div>
+              <div id="region26" style="display: none; "> <a name="name26" style="text-decoration: none" id="link26" href="javascript://" onclick="regtree(10946);regtree(10950);regtree(10995);regtree(11004);regtree(11015);regtree(11029);changeSign(26);">+</a>&nbsp;
+                <input id="225_26_" value="Юг"
+                type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_26_">Юг</label>
+                <div id="region10946" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10946"></a>
+                  <input id="225_26_10946_" value="Астрахань и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_26_10946_">Астрахань и область</label>
+                </div>
+                <div id="region10950" style="display: none;"> <a name="name10950" style="text-decoration: none" id="link10950" href="javascript://" onclick="regtree(38);regtree(10951);regtree(10959);changeSign(10950);">+</a>&nbsp;
+                  <input id="225_26_10950_" value="Волгоград и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_26_10950_">Волгоград и область</label>
+                  <div id="region38" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name38"></a>
+                    <input id="225_26_10950_38_" value="Волгоград" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10950_38_">Волгоград</label>
+                  </div>
+                  <div id="region10951" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10951"></a>
+                    <input id="225_26_10950_10951_" value="Волжский" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10950_10951_">Волжский</label>
+                  </div>
+                  <div id="region10959" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10959"></a>
+                    <input id="225_26_10950_10959_" value="Камышин" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10950_10959_">Камышин</label>
+                  </div>
+                </div>
+                <div id="region10995" style="display: none;"> <a name="name10995" style="text-decoration: none" id="link10995" href="javascript://" onclick="regtree(1107);regtree(10987);regtree(10993);regtree(35);regtree(970);regtree(239);regtree(1058);changeSign(10995);">+</a>&nbsp;
+                  <input id="225_26_10995_"
+                  value="Краснодарский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_26_10995_">Краснодарский край</label>
+                  <div id="region1107" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name1107"></a>
+                    <input id="225_26_10995_1107_" value="Анапа" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_1107_">Анапа</label>
+                  </div>
+                  <div id="region10987" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10987"></a>
+                    <input id="225_26_10995_10987_" value="Армавир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_10987_">Армавир</label>
+                  </div>
+                  <div id="region10993" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10993"></a>
+                    <input id="225_26_10995_10993_" value="Ейск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_10993_">Ейск</label>
+                  </div>
+                  <div id="region35" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name35"></a>
+                    <input id="225_26_10995_35_" value="Краснодар" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_35_">Краснодар</label>
+                  </div>
+                  <div id="region970" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name970"></a>
+                    <input id="225_26_10995_970_" value="Новороссийск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_970_">Новороссийск</label>
+                  </div>
+                  <div id="region239" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name239"></a>
+                    <input id="225_26_10995_239_" value="Сочи" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_239_">Сочи</label>
+                  </div>
+                  <div id="region1058" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name1058"></a>
+                    <input id="225_26_10995_1058_" value="Туапсе" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_10995_1058_">Туапсе</label>
+                  </div>
+                </div>
+                <div id="region11004" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11004"></a>
+                  <input id="225_26_11004_" value="Республика Адыгея" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_26_11004_">Республика Адыгея</label>
+                </div>
+                <div id="region11015" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11015"></a>
+                  <input id="225_26_11015_" value="Республика Калмыкия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_26_11015_">Республика Калмыкия</label>
+                </div>
+                <div id="region11029" style="display: none;"> <a name="name11029" style="text-decoration: none" id="link11029" href="javascript://" onclick="regtree(11036);regtree(11043);regtree(238);regtree(39);regtree(971);regtree(11053);changeSign(11029);">+</a>&nbsp;
+                  <input id="225_26_11029_"
+                  value="Ростов-на-Дону и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_26_11029_">Ростов-на-Дону и область</label>
+                  <div id="region11036" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11036"></a>
+                    <input id="225_26_11029_11036_" value="Волгодонск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_11029_11036_">Волгодонск</label>
+                  </div>
+                  <div id="region11043" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11043"></a>
+                    <input id="225_26_11029_11043_" value="Каменск-Шахтинский" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_11029_11043_">Каменск-Шахтинский</label>
+                  </div>
+                  <div id="region238" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name238"></a>
+                    <input id="225_26_11029_238_" value="Новочеркасск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_11029_238_">Новочеркасск</label>
+                  </div>
+                  <div id="region39" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name39"></a>
+                    <input id="225_26_11029_39_" value="Ростов-на-Дону" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_11029_39_">Ростов-на-Дону</label>
+                  </div>
+                  <div id="region971" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name971"></a>
+                    <input id="225_26_11029_971_" value="Таганрог" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_11029_971_">Таганрог</label>
+                  </div>
+                  <div id="region11053" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11053"></a>
+                    <input id="225_26_11029_11053_" value="Шахты" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_26_11029_11053_">Шахты</label>
+                  </div>
+                </div>
+              </div>
+              <div id="region59" style="display: none; "> <a name="name59" style="text-decoration: none" id="link59" href="javascript://" onclick="regtree(11235);regtree(21949);regtree(11266);regtree(11282);regtree(11309);regtree(11316);regtree(11318);regtree(10231);regtree(11330);regtree(10233);regtree(11340);regtree(11353);changeSign(59);">+</a>&nbsp;
+                <input id="225_59_" value="Сибирь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_59_">Сибирь</label>
+                <div id="region11235" style="display: none;"> <a name="name11235" style="text-decoration: none" id="link11235" href="javascript://" onclick="regtree(197);regtree(975);changeSign(11235);">+</a>&nbsp;
+                  <input id="225_59_11235_" value="Алтайский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11235_">Алтайский край</label>
+                  <div id="region197" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name197"></a>
+                    <input id="225_59_11235_197_" value="Барнаул" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11235_197_">Барнаул</label>
+                  </div>
+                  <div id="region975" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name975"></a>
+                    <input id="225_59_11235_975_" value="Бийск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11235_975_">Бийск</label>
+                  </div>
+                </div>
+                <div id="region21949" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name21949"></a>
+                  <input id="225_59_21949_" value="Забайкальский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_21949_">Забайкальский край</label>
+                </div>
+                <div id="region11266" style="display: none;"> <a name="name11266" style="text-decoration: none" id="link11266" href="javascript://" onclick="regtree(11256);regtree(976);regtree(63);regtree(11273);changeSign(11266);">+</a>&nbsp;
+                  <input id="225_59_11266_" value="Иркутск и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11266_">Иркутск и область</label>
+                  <div id="region11256" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11256"></a>
+                    <input id="225_59_11266_11256_" value="Ангарск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11266_11256_">Ангарск</label>
+                  </div>
+                  <div id="region976" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name976"></a>
+                    <input id="225_59_11266_976_" value="Братск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11266_976_">Братск</label>
+                  </div>
+                  <div id="region63" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name63"></a>
+                    <input id="225_59_11266_63_" value="Иркутск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11266_63_">Иркутск</label>
+                  </div>
+                  <div id="region11273" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11273"></a>
+                    <input id="225_59_11266_11273_" value="Усть-Илимск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11266_11273_">Усть-Илимск</label>
+                  </div>
+                </div>
+                <div id="region11282" style="display: none;"> <a name="name11282" style="text-decoration: none" id="link11282" href="javascript://" onclick="regtree(64);regtree(11287);regtree(237);changeSign(11282);">+</a>&nbsp;
+                  <input id="225_59_11282_" value="Кемерово и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11282_">Кемерово и область</label>
+                  <div id="region64" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name64"></a>
+                    <input id="225_59_11282_64_" value="Кемерово" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11282_64_">Кемерово</label>
+                  </div>
+                  <div id="region11287" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11287"></a>
+                    <input id="225_59_11282_11287_" value="Междуреченск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11282_11287_">Междуреченск</label>
+                  </div>
+                  <div id="region237" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name237"></a>
+                    <input id="225_59_11282_237_" value="Новокузнецк" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11282_237_">Новокузнецк</label>
+                  </div>
+                </div>
+                <div id="region11309" style="display: none;"> <a name="name11309" style="text-decoration: none" id="link11309" href="javascript://" onclick="regtree(11302);regtree(20086);regtree(62);regtree(11310);regtree(11311);changeSign(11309);">+</a>&nbsp;
+                  <input id="225_59_11309_" value="Красноярский край"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11309_">Красноярский край</label>
+                  <div id="region11302" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11302"></a>
+                    <input id="225_59_11309_11302_" value="Ачинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11309_11302_">Ачинск</label>
+                  </div>
+                  <div id="region20086" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20086"></a>
+                    <input id="225_59_11309_20086_" value="Железногорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11309_20086_">Железногорск</label>
+                  </div>
+                  <div id="region62" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name62"></a>
+                    <input id="225_59_11309_62_" value="Красноярск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11309_62_">Красноярск</label>
+                  </div>
+                  <div id="region11310" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11310"></a>
+                    <input id="225_59_11309_11310_" value="Минусинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11309_11310_">Минусинск</label>
+                  </div>
+                  <div id="region11311" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11311"></a>
+                    <input id="225_59_11309_11311_" value="Норильск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11309_11311_">Норильск</label>
+                  </div>
+                </div>
+                <div id="region11316" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11316"></a>
+                  <input id="225_59_11316_" value="Новосибирск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11316_">Новосибирск и область</label>
+                </div>
+                <div id="region11318" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11318"></a>
+                  <input id="225_59_11318_" value="Омск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11318_">Омск и область</label>
+                </div>
+                <div id="region10231" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10231"></a>
+                  <input id="225_59_10231_" value="Республика Алтай" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_10231_">Республика Алтай</label>
+                </div>
+                <div id="region11330" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11330"></a>
+                  <input id="225_59_11330_" value="Республика Бурятия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11330_">Республика Бурятия</label>
+                </div>
+                <div id="region10233" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10233"></a>
+                  <input id="225_59_10233_" value="Республика Тыва" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_10233_">Республика Тыва</label>
+                </div>
+                <div id="region11340" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11340"></a>
+                  <input id="225_59_11340_" value="Республика Хакасия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11340_">Республика Хакасия</label>
+                </div>
+                <div id="region11353" style="display: none;"> <a name="name11353" style="text-decoration: none" id="link11353" href="javascript://" onclick="regtree(11351);regtree(67);changeSign(11353);">+</a>&nbsp;
+                  <input id="225_59_11353_" value="Томск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_59_11353_">Томск и область</label>
+                  <div id="region11351" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11351"></a>
+                    <input id="225_59_11353_11351_" value="Северск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11353_11351_">Северск</label>
+                  </div>
+                  <div id="region67" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name67"></a>
+                    <input id="225_59_11353_67_" value="Томск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_59_11353_67_">Томск</label>
+                  </div>
+                </div>
+              </div>
+              <div id="region73" style="display: none; "> <a name="name73" style="text-decoration: none" id="link73" href="javascript://" onclick="regtree(11375);regtree(10243);regtree(11398);regtree(11403);regtree(11409);regtree(11443);regtree(11457);regtree(10251);regtree(11450);changeSign(73);">+</a>&nbsp;
+                <input id="225_73_" value="Дальний Восток" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_73_">Дальний Восток</label>
+                <div id="region11375" style="display: none;"> <a name="name11375" style="text-decoration: none" id="link11375" href="javascript://" onclick="regtree(11374);regtree(77);regtree(11391);changeSign(11375);">+</a>&nbsp;
+                  <input id="225_73_11375_" value="Благовещенск и Амурская область"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_11375_">Благовещенск и Амурская область</label>
+                  <div id="region11374" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11374"></a>
+                    <input id="225_73_11375_11374_" value="Белогорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11375_11374_">Белогорск</label>
+                  </div>
+                  <div id="region77" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name77"></a>
+                    <input id="225_73_11375_77_" value="Благовещенск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11375_77_">Благовещенск</label>
+                  </div>
+                  <div id="region11391" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11391"></a>
+                    <input id="225_73_11375_11391_" value="Тында" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11375_11391_">Тында</label>
+                  </div>
+                </div>
+                <div id="region10243" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10243"></a>
+                  <input id="225_73_10243_" value="Еврейская автономная область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_10243_">Еврейская автономная область</label>
+                </div>
+                <div id="region11398" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11398"></a>
+                  <input id="225_73_11398_" value="Камчатский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_11398_">Камчатский край</label>
+                </div>
+                <div id="region11403" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11403"></a>
+                  <input id="225_73_11403_" value="Магадан и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_11403_">Магадан и область</label>
+                </div>
+                <div id="region11409" style="display: none;"> <a name="name11409" style="text-decoration: none" id="link11409" href="javascript://" onclick="regtree(75);regtree(974);regtree(11426);changeSign(11409);">+</a>&nbsp;
+                  <input id="225_73_11409_" value="Приморский край" type="checkbox" name="reg"
+                  onclick="javascript:Generate(this)">
+                  <label for="225_73_11409_">Приморский край</label>
+                  <div id="region75" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name75"></a>
+                    <input id="225_73_11409_75_" value="Владивосток" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11409_75_">Владивосток</label>
+                  </div>
+                  <div id="region974" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name974"></a>
+                    <input id="225_73_11409_974_" value="Находка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11409_974_">Находка</label>
+                  </div>
+                  <div id="region11426" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11426"></a>
+                    <input id="225_73_11409_11426_" value="Уссурийск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11409_11426_">Уссурийск</label>
+                  </div>
+                </div>
+                <div id="region11443" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11443"></a>
+                  <input id="225_73_11443_" value="Республика Саха (Якутия)" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_11443_">Республика Саха (Якутия)</label>
+                </div>
+                <div id="region11457" style="display: none;"> <a name="name11457" style="text-decoration: none" id="link11457" href="javascript://" onclick="regtree(11453);regtree(76);changeSign(11457);">+</a>&nbsp;
+                  <input id="225_73_11457_" value="Хабаровский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_11457_">Хабаровский край</label>
+                  <div id="region11453" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11453"></a>
+                    <input id="225_73_11457_11453_" value="Комсомольск-на-Амуре" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11457_11453_">Комсомольск-на-Амуре</label>
+                  </div>
+                  <div id="region76" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name76"></a>
+                    <input id="225_73_11457_76_" value="Хабаровск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_73_11457_76_">Хабаровск</label>
+                  </div>
+                </div>
+                <div id="region10251" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name10251"></a>
+                  <input id="225_73_10251_" value="Чукотский автономный округ" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_10251_">Чукотский автономный округ</label>
+                </div>
+                <div id="region11450" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11450"></a>
+                  <input id="225_73_11450_" value="Южно-Сахалинск и Сахалинская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_73_11450_">Южно-Сахалинск и Сахалинская область</label>
+                </div>
+              </div>
+              <div id="region102444" style="display: none; "> <a name="name102444" style="text-decoration: none" id="link102444" href="javascript://" onclick="regtree(11020);regtree(11010);regtree(11012);regtree(11013);regtree(11021);regtree(11069);regtree(11024);changeSign(102444);">+</a>&nbsp;
+                <input
+                id="225_102444_" value="Северный Кавказ" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_102444_">Северный Кавказ</label>
+                  <div id="region11020" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11020"></a>
+                    <input id="225_102444_11020_" value="Карачаево-Черкесская Республика" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11020_">Карачаево-Черкесская Республика</label>
+                  </div>
+                  <div id="region11010" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11010"></a>
+                    <input id="225_102444_11010_" value="Республика Дагестан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11010_">Республика Дагестан</label>
+                  </div>
+                  <div id="region11012" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11012"></a>
+                    <input id="225_102444_11012_" value="Республика Ингушетия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11012_">Республика Ингушетия</label>
+                  </div>
+                  <div id="region11013" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11013"></a>
+                    <input id="225_102444_11013_" value="Республика Кабардино-Балкария" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11013_">Республика Кабардино-Балкария</label>
+                  </div>
+                  <div id="region11021" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11021"></a>
+                    <input id="225_102444_11021_" value="Республика Северная Осетия-Алания" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11021_">Республика Северная Осетия-Алания</label>
+                  </div>
+                  <div id="region11069" style="display: none;"> <a name="name11069" style="text-decoration: none" id="link11069" href="javascript://" onclick="regtree(11057);regtree(11062);regtree(11063);regtree(11064);regtree(11067);regtree(36);changeSign(11069);">+</a>&nbsp;
+                    <input id="225_102444_11069_"
+                    value="Ставропольский край" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11069_">Ставропольский край</label>
+                    <div id="region11057" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name11057"></a>
+                      <input id="225_102444_11069_11057_" value="Ессентуки" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="225_102444_11069_11057_">Ессентуки</label>
+                    </div>
+                    <div id="region11062" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name11062"></a>
+                      <input id="225_102444_11069_11062_" value="Кисловодск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="225_102444_11069_11062_">Кисловодск</label>
+                    </div>
+                    <div id="region11063" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name11063"></a>
+                      <input id="225_102444_11069_11063_" value="Минеральные Воды" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="225_102444_11069_11063_">Минеральные Воды</label>
+                    </div>
+                    <div id="region11064" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name11064"></a>
+                      <input id="225_102444_11069_11064_" value="Невинномысск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="225_102444_11069_11064_">Невинномысск</label>
+                    </div>
+                    <div id="region11067" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name11067"></a>
+                      <input id="225_102444_11069_11067_" value="Пятигорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="225_102444_11069_11067_">Пятигорск</label>
+                    </div>
+                    <div id="region36" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name36"></a>
+                      <input id="225_102444_11069_36_" value="Ставрополь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="225_102444_11069_36_">Ставрополь</label>
+                    </div>
+                  </div>
+                  <div id="region11024" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11024"></a>
+                    <input id="225_102444_11024_" value="Чеченская Республика" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_102444_11024_">Чеченская Республика</label>
+                  </div>
+              </div>
+              <div id="region52" style="display: none; "> <a name="name52" style="text-decoration: none" id="link52" href="javascript://" onclick="regtree(11162);regtree(11158);regtree(11176);regtree(11193);regtree(11225);regtree(11232);changeSign(52);">+</a>&nbsp;
+                <input id="225_52_" value="Урал"
+                type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="225_52_">Урал</label>
+                <div id="region11162" style="display: none;"> <a name="name11162" style="text-decoration: none" id="link11162" href="javascript://" onclick="regtree(54);regtree(11164);regtree(11168);regtree(11171);changeSign(11162);">+</a>&nbsp;
+                  <input id="225_52_11162_" value="Екатеринбург и Свердловская область"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_52_11162_">Екатеринбург и Свердловская область</label>
+                  <div id="region54" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name54"></a>
+                    <input id="225_52_11162_54_" value="Екатеринбург" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11162_54_">Екатеринбург</label>
+                  </div>
+                  <div id="region11164" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11164"></a>
+                    <input id="225_52_11162_11164_" value="Каменск-Уральский" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11162_11164_">Каменск-Уральский</label>
+                  </div>
+                  <div id="region11168" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11168"></a>
+                    <input id="225_52_11162_11168_" value="Нижний Тагил" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11162_11168_">Нижний Тагил</label>
+                  </div>
+                  <div id="region11171" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11171"></a>
+                    <input id="225_52_11162_11171_" value="Первоуральск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11162_11171_">Первоуральск</label>
+                  </div>
+                </div>
+                <div id="region11158" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name11158"></a>
+                  <input id="225_52_11158_" value="Курган и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_52_11158_">Курган и область</label>
+                </div>
+                <div id="region11176" style="display: none;"> <a name="name11176" style="text-decoration: none" id="link11176" href="javascript://" onclick="regtree(11173);regtree(11175);regtree(55);changeSign(11176);">+</a>&nbsp;
+                  <input id="225_52_11176_" value="Тюмень и область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_52_11176_">Тюмень и область</label>
+                  <div id="region11173" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11173"></a>
+                    <input id="225_52_11176_11173_" value="Ишим" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11176_11173_">Ишим</label>
+                  </div>
+                  <div id="region11175" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11175"></a>
+                    <input id="225_52_11176_11175_" value="Тобольск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11176_11175_">Тобольск</label>
+                  </div>
+                  <div id="region55" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name55"></a>
+                    <input id="225_52_11176_55_" value="Тюмень" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11176_55_">Тюмень</label>
+                  </div>
+                </div>
+                <div id="region11193" style="display: none;"> <a name="name11193" style="text-decoration: none" id="link11193" href="javascript://" onclick="regtree(11184);regtree(1091);regtree(973);regtree(57);changeSign(11193);">+</a>&nbsp;
+                  <input id="225_52_11193_" value="Ханты-Мансийский АО"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_52_11193_">Ханты-Мансийский АО</label>
+                  <div id="region11184" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11184"></a>
+                    <input id="225_52_11193_11184_" value="Нефтеюганск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11193_11184_">Нефтеюганск</label>
+                  </div>
+                  <div id="region1091" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name1091"></a>
+                    <input id="225_52_11193_1091_" value="Нижневартовск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11193_1091_">Нижневартовск</label>
+                  </div>
+                  <div id="region973" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name973"></a>
+                    <input id="225_52_11193_973_" value="Сургут" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11193_973_">Сургут</label>
+                  </div>
+                  <div id="region57" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name57"></a>
+                    <input id="225_52_11193_57_" value="Ханты-Мансийск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11193_57_">Ханты-Мансийск</label>
+                  </div>
+                </div>
+                <div id="region11225" style="display: none;"> <a name="name11225" style="text-decoration: none" id="link11225" href="javascript://" onclick="regtree(235);regtree(11212);regtree(11214);regtree(11217);regtree(56);changeSign(11225);">+</a>&nbsp;
+                  <input id="225_52_11225_" value="Челябинск и область"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_52_11225_">Челябинск и область</label>
+                  <div id="region235" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name235"></a>
+                    <input id="225_52_11225_235_" value="Магнитогорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11225_235_">Магнитогорск</label>
+                  </div>
+                  <div id="region11212" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11212"></a>
+                    <input id="225_52_11225_11212_" value="Миасс" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11225_11212_">Миасс</label>
+                  </div>
+                  <div id="region11214" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11214"></a>
+                    <input id="225_52_11225_11214_" value="Озерск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11225_11214_">Озерск</label>
+                  </div>
+                  <div id="region11217" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11217"></a>
+                    <input id="225_52_11225_11217_" value="Сатка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11225_11217_">Сатка</label>
+                  </div>
+                  <div id="region56" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name56"></a>
+                    <input id="225_52_11225_56_" value="Челябинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11225_56_">Челябинск</label>
+                  </div>
+                </div>
+                <div id="region11232" style="display: none;"> <a name="name11232" style="text-decoration: none" id="link11232" href="javascript://" onclick="regtree(11230);regtree(11231);regtree(58);changeSign(11232);">+</a>&nbsp;
+                  <input id="225_52_11232_" value="Ямало-Ненецкий АО" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="225_52_11232_">Ямало-Ненецкий АО</label>
+                  <div id="region11230" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11230"></a>
+                    <input id="225_52_11232_11230_" value="Новый Уренгой" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11232_11230_">Новый Уренгой</label>
+                  </div>
+                  <div id="region11231" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11231"></a>
+                    <input id="225_52_11232_11231_" value="Ноябрьск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11232_11231_">Ноябрьск</label>
+                  </div>
+                  <div id="region58" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name58"></a>
+                    <input id="225_52_11232_58_" value="Салехард" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="225_52_11232_58_">Салехард</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div id="region166" style="display: block;"> <a name="name166" style="text-decoration: none" id="link166" href="javascript://" onclick="regtree(29386);regtree(167);regtree(168);regtree(149);regtree(159);regtree(207);regtree(208);regtree(209);regtree(170);regtree(171);regtree(187);changeSign(166);">+</a>&nbsp;
+              <input id="166_" value="СНГ (исключая Россию)" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="166_">СНГ (исключая Россию)</label>
+              <div id="region29386" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name29386"></a>
+                <input id="166_29386_" value="Абхазия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_29386_">Абхазия</label>
+              </div>
+              <div id="region167" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name167"></a>
+                <input id="166_167_" value="Азербайджан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_167_">Азербайджан</label>
+              </div>
+              <div id="region168" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name168"></a>
+                <input id="166_168_" value="Армения" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_168_">Армения</label>
+              </div>
+              <div id="region149" style="display: none;"> <a name="name149" style="text-decoration: none" id="link149" href="javascript://" onclick="regtree(29632);regtree(29633);regtree(29631);regtree(29634);regtree(29630);regtree(29629);changeSign(149);">+</a>&nbsp;
+                <input id="166_149_" value="Беларусь"
+                type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_149_">Беларусь</label>
+                <div id="region29632" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29632"></a>
+                  <input id="166_149_29632_" value="Брест и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_149_29632_">Брест и область</label>
+                </div>
+                <div id="region29633" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29633"></a>
+                  <input id="166_149_29633_" value="Витебск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_149_29633_">Витебск и область</label>
+                </div>
+                <div id="region29631" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29631"></a>
+                  <input id="166_149_29631_" value="Гомель и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_149_29631_">Гомель и область</label>
+                </div>
+                <div id="region29634" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29634"></a>
+                  <input id="166_149_29634_" value="Гродно и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_149_29634_">Гродно и область</label>
+                </div>
+                <div id="region29630" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29630"></a>
+                  <input id="166_149_29630_" value="Минск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_149_29630_">Минск и область</label>
+                </div>
+                <div id="region29629" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29629"></a>
+                  <input id="166_149_29629_" value="Могилёв и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_149_29629_">Могилёв и область</label>
+                </div>
+              </div>
+              <div id="region159" style="display: none;"> <a name="name159" style="text-decoration: none" id="link159" href="javascript://" onclick="regtree(29414);regtree(29404);regtree(29406);regtree(29403);regtree(29407);regtree(29408);regtree(29410);regtree(29411);regtree(29412);regtree(29413);regtree(29415);regtree(29416);regtree(29409);regtree(29417);changeSign(159);">+</a>&nbsp;
+                <input id="166_159_" value="Казахстан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_159_">Казахстан</label>
+                <div id="region29414" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29414"></a>
+                  <input id="166_159_29414_" value="Актау и Мангистауская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29414_">Актау и Мангистауская область</label>
+                </div>
+                <div id="region29404" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29404"></a>
+                  <input id="166_159_29404_" value="Актобе и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29404_">Актобе и область</label>
+                </div>
+                <div id="region29406" style="display: none;"> <a name="name29406" style="text-decoration: none" id="link29406" href="javascript://" onclick="regtree(162);regtree(10303);changeSign(29406);">+</a>&nbsp;
+                  <input id="166_159_29406_" value="Алматы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29406_">Алматы и область</label>
+                  <div id="region162" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name162"></a>
+                    <input id="166_159_29406_162_" value="Алматы" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_159_29406_162_">Алматы</label>
+                  </div>
+                  <div id="region10303" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10303"></a>
+                    <input id="166_159_29406_10303_" value="Талдыкорган" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_159_29406_10303_">Талдыкорган</label>
+                  </div>
+                </div>
+                <div id="region29403" style="display: none;"> <a name="name29403" style="text-decoration: none" id="link29403" href="javascript://" onclick="regtree(163);regtree(20809);changeSign(29403);">+</a>&nbsp;
+                  <input id="166_159_29403_" value="Астана и Акмолинская область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29403_">Астана и Акмолинская область</label>
+                  <div id="region163" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name163"></a>
+                    <input id="166_159_29403_163_" value="Астана" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_159_29403_163_">Астана</label>
+                  </div>
+                  <div id="region20809" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20809"></a>
+                    <input id="166_159_29403_20809_" value="Кокшетау" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_159_29403_20809_">Кокшетау</label>
+                  </div>
+                </div>
+                <div id="region29407" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29407"></a>
+                  <input id="166_159_29407_" value="Атырау и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29407_">Атырау и область</label>
+                </div>
+                <div id="region29408" style="display: none;"> <a name="name29408" style="text-decoration: none" id="link29408" href="javascript://" onclick="regtree(165);regtree(10306);changeSign(29408);">+</a>&nbsp;
+                  <input id="166_159_29408_" value="Восточно-Казахстанская область" type="checkbox"
+                  name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29408_">Восточно-Казахстанская область</label>
+                  <div id="region165" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name165"></a>
+                    <input id="166_159_29408_165_" value="Семей" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_159_29408_165_">Семей</label>
+                  </div>
+                  <div id="region10306" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name10306"></a>
+                    <input id="166_159_29408_10306_" value="Усть-Каменогорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_159_29408_10306_">Усть-Каменогорск</label>
+                  </div>
+                </div>
+                <div id="region29410" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29410"></a>
+                  <input id="166_159_29410_" value="Западно-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29410_">Западно-Казахстанская область</label>
+                </div>
+                <div id="region29411" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29411"></a>
+                  <input id="166_159_29411_" value="Караганда и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29411_">Караганда и область</label>
+                </div>
+                <div id="region29412" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29412"></a>
+                  <input id="166_159_29412_" value="Костанай и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29412_">Костанай и область</label>
+                </div>
+                <div id="region29413" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29413"></a>
+                  <input id="166_159_29413_" value="Кызылорда и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29413_">Кызылорда и область</label>
+                </div>
+                <div id="region29415" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29415"></a>
+                  <input id="166_159_29415_" value="Павлодар и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29415_">Павлодар и область</label>
+                </div>
+                <div id="region29416" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29416"></a>
+                  <input id="166_159_29416_" value="Северо-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29416_">Северо-Казахстанская область</label>
+                </div>
+                <div id="region29409" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29409"></a>
+                  <input id="166_159_29409_" value="Тараз и Жамбылская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29409_">Тараз и Жамбылская область</label>
+                </div>
+                <div id="region29417" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name29417"></a>
+                  <input id="166_159_29417_" value="Южно-Казахстанская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_159_29417_">Южно-Казахстанская область</label>
+                </div>
+              </div>
+              <div id="region207" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name207"></a>
+                <input id="166_207_" value="Киргизия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_207_">Киргизия</label>
+              </div>
+              <div id="region208" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name208"></a>
+                <input id="166_208_" value="Молдова" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_208_">Молдова</label>
+              </div>
+              <div id="region209" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name209"></a>
+                <input id="166_209_" value="Таджикистан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_209_">Таджикистан</label>
+              </div>
+              <div id="region170" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name170"></a>
+                <input id="166_170_" value="Туркмения" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_170_">Туркмения</label>
+              </div>
+              <div id="region171" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name171"></a>
+                <input id="166_171_" value="Узбекистан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_171_">Узбекистан</label>
+              </div>
+              <div id="region187" style="display: none;"> <a name="name187" style="text-decoration: none" id="link187" href="javascript://" onclick="regtree(20525);regtree(20524);regtree(977);regtree(20528);regtree(20527);regtree(20526);changeSign(187);">+</a>&nbsp;
+                <input id="166_187_" value="Украина"
+                type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="166_187_">Украина</label>
+                <div id="region20525" style="display: none;"> <a name="name20525" style="text-decoration: none" id="link20525" href="javascript://" onclick="regtree(20537);regtree(20536);regtree(20539);regtree(20540);regtree(20538);changeSign(20525);">+</a>&nbsp;
+                  <input id="166_187_20525_" value="Восток"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_187_20525_">Восток</label>
+                  <div id="region20537" style="display: none;"> <a name="name20537" style="text-decoration: none" id="link20537" href="javascript://" onclick="regtree(21775);regtree(141);regtree(10347);regtree(21773);regtree(28401);changeSign(20537);">+</a>&nbsp;
+                    <input id="166_187_20525_20537_"
+                    value="Днепропетровск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20525_20537_">Днепропетровск и область</label>
+                    <div id="region21775" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name21775"></a>
+                      <input id="166_187_20525_20537_21775_" value="Днепродзержинск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20537_21775_">Днепродзержинск</label>
+                    </div>
+                    <div id="region141" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name141"></a>
+                      <input id="166_187_20525_20537_141_" value="Днепропетровск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20537_141_">Днепропетровск</label>
+                    </div>
+                    <div id="region10347" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name10347"></a>
+                      <input id="166_187_20525_20537_10347_" value="Кривой Рог" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20537_10347_">Кривой Рог</label>
+                    </div>
+                    <div id="region21773" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name21773"></a>
+                      <input id="166_187_20525_20537_21773_" value="Никополь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20537_21773_">Никополь</label>
+                    </div>
+                    <div id="region28401" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name28401"></a>
+                      <input id="166_187_20525_20537_28401_" value="Павлоград" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20537_28401_">Павлоград</label>
+                    </div>
+                  </div>
+                  <div id="region20536" style="display: none;"> <a name="name20536" style="text-decoration: none" id="link20536" href="javascript://" onclick="regtree(21774);regtree(142);regtree(20554);regtree(24876);regtree(10366);changeSign(20536);">+</a>&nbsp;
+                    <input id="166_187_20525_20536_"
+                    value="Донецк и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20525_20536_">Донецк и область</label>
+                    <div id="region21774" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name21774"></a>
+                      <input id="166_187_20525_20536_21774_" value="Горловка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20536_21774_">Горловка</label>
+                    </div>
+                    <div id="region142" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name142"></a>
+                      <input id="166_187_20525_20536_142_" value="Донецк" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20536_142_">Донецк</label>
+                    </div>
+                    <div id="region20554" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name20554"></a>
+                      <input id="166_187_20525_20536_20554_" value="Краматорск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20536_20554_">Краматорск</label>
+                    </div>
+                    <div id="region24876" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name24876"></a>
+                      <input id="166_187_20525_20536_24876_" value="Макеевка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20536_24876_">Макеевка</label>
+                    </div>
+                    <div id="region10366" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name10366"></a>
+                      <input id="166_187_20525_20536_10366_" value="Мариуполь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20536_10366_">Мариуполь</label>
+                    </div>
+                  </div>
+                  <div id="region20539" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20539"></a>
+                    <input id="166_187_20525_20539_" value="Запорожье и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20525_20539_">Запорожье и область</label>
+                  </div>
+                  <div id="region20540" style="display: none;"> <a name="name20540" style="text-decoration: none" id="link20540" href="javascript://" onclick="regtree(24885);regtree(222);regtree(24893);changeSign(20540);">+</a>&nbsp;
+                    <input id="166_187_20525_20540_" value="Луганск и область" type="checkbox"
+                    name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20525_20540_">Луганск и область</label>
+                    <div id="region24885" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name24885"></a>
+                      <input id="166_187_20525_20540_24885_" value="Алчевск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20540_24885_">Алчевск</label>
+                    </div>
+                    <div id="region222" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name222"></a>
+                      <input id="166_187_20525_20540_222_" value="Луганск" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20540_222_">Луганск</label>
+                    </div>
+                    <div id="region24893" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name24893"></a>
+                      <input id="166_187_20525_20540_24893_" value="Северодонецк" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20525_20540_24893_">Северодонецк</label>
+                    </div>
+                  </div>
+                  <div id="region20538" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20538"></a>
+                    <input id="166_187_20525_20538_" value="Харьков и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20525_20538_">Харьков и область</label>
+                  </div>
+                </div>
+                <div id="region20524" style="display: none;"> <a name="name20524" style="text-decoration: none" id="link20524" href="javascript://" onclick="regtree(20532);regtree(20550);regtree(20529);regtree(20534);regtree(20531);regtree(20530);regtree(20535);regtree(20533);changeSign(20524);">+</a>&nbsp;
+                  <input id="166_187_20524_" value="Запад" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_187_20524_">Запад</label>
+                  <div id="region20532" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20532"></a>
+                    <input id="166_187_20524_20532_" value="Ивано-Франковск и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20532_">Ивано-Франковск и область</label>
+                  </div>
+                  <div id="region20550" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20550"></a>
+                    <input id="166_187_20524_20550_" value="Луцк и Волынская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20550_">Луцк и Волынская область</label>
+                  </div>
+                  <div id="region20529" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20529"></a>
+                    <input id="166_187_20524_20529_" value="Львов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20529_">Львов и область</label>
+                  </div>
+                  <div id="region20534" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20534"></a>
+                    <input id="166_187_20524_20534_" value="Ровно и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20534_">Ровно и область</label>
+                  </div>
+                  <div id="region20531" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20531"></a>
+                    <input id="166_187_20524_20531_" value="Тернополь и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20531_">Тернополь и область</label>
+                  </div>
+                  <div id="region20530" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20530"></a>
+                    <input id="166_187_20524_20530_" value="Ужгород и Закарпатская область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20530_">Ужгород и Закарпатская область</label>
+                  </div>
+                  <div id="region20535" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20535"></a>
+                    <input id="166_187_20524_20535_" value="Хмельницкий и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20535_">Хмельницкий и область</label>
+                  </div>
+                  <div id="region20533" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20533"></a>
+                    <input id="166_187_20524_20533_" value="Черновцы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20524_20533_">Черновцы и область</label>
+                  </div>
+                </div>
+                <div id="region977" style="display: none;"> <a name="name977" style="text-decoration: none" id="link977" href="javascript://" onclick="regtree(11463);regtree(11464);regtree(959);regtree(146);regtree(11469);regtree(11470);changeSign(977);">+</a>&nbsp;
+                  <input id="166_187_977_" value="Крым"
+                  type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_187_977_">Крым</label>
+                  <div id="region11463" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11463"></a>
+                    <input id="166_187_977_11463_" value="Евпатория" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_977_11463_">Евпатория</label>
+                  </div>
+                  <div id="region11464" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11464"></a>
+                    <input id="166_187_977_11464_" value="Керчь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_977_11464_">Керчь</label>
+                  </div>
+                  <div id="region959" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name959"></a>
+                    <input id="166_187_977_959_" value="Севастополь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_977_959_">Севастополь</label>
+                  </div>
+                  <div id="region146" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name146"></a>
+                    <input id="166_187_977_146_" value="Симферополь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_977_146_">Симферополь</label>
+                  </div>
+                  <div id="region11469" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11469"></a>
+                    <input id="166_187_977_11469_" value="Феодосия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_977_11469_">Феодосия</label>
+                  </div>
+                  <div id="region11470" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name11470"></a>
+                    <input id="166_187_977_11470_" value="Ялта" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_977_11470_">Ялта</label>
+                  </div>
+                </div>
+                <div id="region20528" style="display: none;"> <a name="name20528" style="text-decoration: none" id="link20528" href="javascript://" onclick="regtree(20552);regtree(20551);changeSign(20528);">+</a>&nbsp;
+                  <input id="166_187_20528_" value="Север" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_187_20528_">Север</label>
+                  <div id="region20552" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20552"></a>
+                    <input id="166_187_20528_20552_" value="Сумы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20528_20552_">Сумы и область</label>
+                  </div>
+                  <div id="region20551" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20551"></a>
+                    <input id="166_187_20528_20551_" value="Чернигов и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20528_20551_">Чернигов и область</label>
+                  </div>
+                </div>
+                <div id="region20527" style="display: none;"> <a name="name20527" style="text-decoration: none" id="link20527" href="javascript://" onclick="regtree(20545);regtree(20547);regtree(20544);regtree(20548);regtree(20549);regtree(20546);changeSign(20527);">+</a>&nbsp;
+                  <input id="166_187_20527_"
+                  value="Центр" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="166_187_20527_">Центр</label>
+                  <div id="region20545" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20545"></a>
+                    <input id="166_187_20527_20545_" value="Винница и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20527_20545_">Винница и область</label>
+                  </div>
+                  <div id="region20547" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20547"></a>
+                    <input id="166_187_20527_20547_" value="Житомир и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20527_20547_">Житомир и область</label>
+                  </div>
+                  <div id="region20544" style="display: none;"> <a name="name20544" style="text-decoration: none" id="link20544" href="javascript://" onclick="regtree(10369);regtree(143);changeSign(20544);">+</a>&nbsp;
+                    <input id="166_187_20527_20544_" value="Киев и область" type="checkbox" name="reg"
+                    onclick="javascript:Generate(this)">
+                    <label for="166_187_20527_20544_">Киев и область</label>
+                    <div id="region10369" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name10369"></a>
+                      <input id="166_187_20527_20544_10369_" value="Белая Церковь" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20527_20544_10369_">Белая Церковь</label>
+                    </div>
+                    <div id="region143" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name143"></a>
+                      <input id="166_187_20527_20544_143_" value="Киев" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20527_20544_143_">Киев</label>
+                    </div>
+                  </div>
+                  <div id="region20548" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20548"></a>
+                    <input id="166_187_20527_20548_" value="Кировоград и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20527_20548_">Кировоград и область</label>
+                  </div>
+                  <div id="region20549" style="display: none;"> <a name="name20549" style="text-decoration: none" id="link20549" href="javascript://" onclick="regtree(21609);regtree(964);changeSign(20549);">+</a>&nbsp;
+                    <input id="166_187_20527_20549_" value="Полтава и область" type="checkbox" name="reg"
+                    onclick="javascript:Generate(this)">
+                    <label for="166_187_20527_20549_">Полтава и область</label>
+                    <div id="region21609" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name21609"></a>
+                      <input id="166_187_20527_20549_21609_" value="Кременчуг" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20527_20549_21609_">Кременчуг</label>
+                    </div>
+                    <div id="region964" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                      <a name="name964"></a>
+                      <input id="166_187_20527_20549_964_" value="Полтава" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                      <label for="166_187_20527_20549_964_">Полтава</label>
+                    </div>
+                  </div>
+                  <div id="region20546" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20546"></a>
+                    <input id="166_187_20527_20546_" value="Черкассы и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20527_20546_">Черкассы и область</label>
+                  </div>
+                </div>
+                <div id="region20526" style="display: none;"> <a name="name20526" style="text-decoration: none" id="link20526" href="javascript://" onclick="regtree(20543);regtree(20541);regtree(20542);changeSign(20526);">+</a>&nbsp;
+                  <input id="166_187_20526_" value="Юг" type="checkbox" name="reg"
+                  onclick="javascript:Generate(this)">
+                  <label for="166_187_20526_">Юг</label>
+                  <div id="region20543" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20543"></a>
+                    <input id="166_187_20526_20543_" value="Николаев и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20526_20543_">Николаев и область</label>
+                  </div>
+                  <div id="region20541" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20541"></a>
+                    <input id="166_187_20526_20541_" value="Одесса и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20526_20541_">Одесса и область</label>
+                  </div>
+                  <div id="region20542" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                    <a name="name20542"></a>
+                    <input id="166_187_20526_20542_" value="Херсон и область" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                    <label for="166_187_20526_20542_">Херсон и область</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div id="region111" style="display: block;"> <a name="name111" style="text-decoration: none" id="link111" href="javascript://" onclick="regtree(113);regtree(114);regtree(115);regtree(102);regtree(116);regtree(96);regtree(246);regtree(203);regtree(204);regtree(205);regtree(20574);regtree(118);regtree(119);regtree(120);regtree(180);regtree(121);regtree(122);regtree(980);regtree(983);regtree(123);regtree(124);regtree(10083);regtree(125);regtree(126);regtree(127);changeSign(111);">+</a>&nbsp;
+              <input id="111_" value="Европа" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="111_">Европа</label>
+              <div id="region113" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name113"></a>
+                <input id="111_113_" value="Австрия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_113_">Австрия</label>
+              </div>
+              <div id="region114" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name114"></a>
+                <input id="111_114_" value="Бельгия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_114_">Бельгия</label>
+              </div>
+              <div id="region115" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name115"></a>
+                <input id="111_115_" value="Болгария" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_115_">Болгария</label>
+              </div>
+              <div id="region102" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name102"></a>
+                <input id="111_102_" value="Великобритания" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_102_">Великобритания</label>
+              </div>
+              <div id="region116" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name116"></a>
+                <input id="111_116_" value="Венгрия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_116_">Венгрия</label>
+              </div>
+              <div id="region96" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name96"></a>
+                <input id="111_96_" value="Германия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_96_">Германия</label>
+              </div>
+              <div id="region246" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name246"></a>
+                <input id="111_246_" value="Греция" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_246_">Греция</label>
+              </div>
+              <div id="region203" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name203"></a>
+                <input id="111_203_" value="Дания" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_203_">Дания</label>
+              </div>
+              <div id="region204" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name204"></a>
+                <input id="111_204_" value="Испания" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_204_">Испания</label>
+              </div>
+              <div id="region205" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name205"></a>
+                <input id="111_205_" value="Италия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_205_">Италия</label>
+              </div>
+              <div id="region20574" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name20574"></a>
+                <input id="111_20574_" value="Кипр" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_20574_">Кипр</label>
+              </div>
+              <div id="region118" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name118"></a>
+                <input id="111_118_" value="Нидерланды" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_118_">Нидерланды</label>
+              </div>
+              <div id="region119" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name119"></a>
+                <input id="111_119_" value="Норвегия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_119_">Норвегия</label>
+              </div>
+              <div id="region120" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name120"></a>
+                <input id="111_120_" value="Польша" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_120_">Польша</label>
+              </div>
+              <div id="region180" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name180"></a>
+                <input id="111_180_" value="Сербия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_180_">Сербия</label>
+              </div>
+              <div id="region121" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name121"></a>
+                <input id="111_121_" value="Словакия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_121_">Словакия</label>
+              </div>
+              <div id="region122" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name122"></a>
+                <input id="111_122_" value="Словения" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_122_">Словения</label>
+              </div>
+              <div id="region980" style="display: none;"> <a name="name980" style="text-decoration: none" id="link980" href="javascript://" onclick="regtree(206);regtree(117);regtree(179);changeSign(980);">+</a>&nbsp;
+                <input id="111_980_" value="Страны Балтии" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_980_">Страны Балтии</label>
+                <div id="region206" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name206"></a>
+                  <input id="111_980_206_" value="Латвия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_980_206_">Латвия</label>
+                </div>
+                <div id="region117" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name117"></a>
+                  <input id="111_980_117_" value="Литва" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_980_117_">Литва</label>
+                </div>
+                <div id="region179" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name179"></a>
+                  <input id="111_980_179_" value="Эстония" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_980_179_">Эстония</label>
+                </div>
+              </div>
+              <div id="region983" style="display: none;"> <a name="name983" style="text-decoration: none" id="link983" href="javascript://" onclick="regtree(103668);regtree(103669);regtree(103670);regtree(103671);regtree(103672);regtree(103673);regtree(103674);regtree(103675);regtree(103676);regtree(103677);regtree(103678);regtree(103679);regtree(103680);regtree(103681);regtree(103682);regtree(103683);regtree(103684);regtree(103685);regtree(103686);regtree(103687);regtree(103688);regtree(103689);regtree(103690);regtree(103691);regtree(103692);regtree(103693);regtree(103694);regtree(103695);regtree(103696);regtree(103697);regtree(103742);regtree(103698);regtree(103699);regtree(103700);regtree(103701);regtree(103702);regtree(103703);regtree(103704);regtree(103705);regtree(103706);regtree(103707);regtree(103708);regtree(103709);regtree(103710);regtree(103711);regtree(103712);regtree(103713);regtree(103714);regtree(103715);regtree(103716);regtree(103717);regtree(103718);regtree(103719);regtree(103720);regtree(103721);regtree(103722);regtree(103723);regtree(103724);regtree(103725);regtree(103726);regtree(103727);regtree(103728);regtree(103729);regtree(103730);regtree(103731);regtree(103732);regtree(103733);regtree(103734);regtree(103735);regtree(103736);regtree(103737);regtree(103738);regtree(103739);regtree(103740);regtree(103741);regtree(103743);regtree(103744);regtree(103745);regtree(103746);regtree(103747);regtree(103748);changeSign(983);">+</a>&nbsp;
+                <input id="111_983_" value="Турция" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_983_">Турция</label>
+                <div id="region103668" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103668"></a>
+                  <input id="111_983_103668_" value="Провинция Агры" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103668_">Провинция Агры</label>
+                </div>
+                <div id="region103669" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103669"></a>
+                  <input id="111_983_103669_" value="Провинция Адана" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103669_">Провинция Адана</label>
+                </div>
+                <div id="region103670" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103670"></a>
+                  <input id="111_983_103670_" value="Провинция Адыяман" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103670_">Провинция Адыяман</label>
+                </div>
+                <div id="region103671" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103671"></a>
+                  <input id="111_983_103671_" value="Провинция Айдын" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103671_">Провинция Айдын</label>
+                </div>
+                <div id="region103672" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103672"></a>
+                  <input id="111_983_103672_" value="Провинция Аксарай" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103672_">Провинция Аксарай</label>
+                </div>
+                <div id="region103673" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103673"></a>
+                  <input id="111_983_103673_" value="Провинция Амасья" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103673_">Провинция Амасья</label>
+                </div>
+                <div id="region103674" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103674"></a>
+                  <input id="111_983_103674_" value="Провинция Анкара" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103674_">Провинция Анкара</label>
+                </div>
+                <div id="region103675" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103675"></a>
+                  <input id="111_983_103675_" value="Провинция Анталья" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103675_">Провинция Анталья</label>
+                </div>
+                <div id="region103676" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103676"></a>
+                  <input id="111_983_103676_" value="Провинция Ардахан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103676_">Провинция Ардахан</label>
+                </div>
+                <div id="region103677" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103677"></a>
+                  <input id="111_983_103677_" value="Провинция Артвин" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103677_">Провинция Артвин</label>
+                </div>
+                <div id="region103678" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103678"></a>
+                  <input id="111_983_103678_" value="Провинция Афьонкарахисар" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103678_">Провинция Афьонкарахисар</label>
+                </div>
+                <div id="region103679" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103679"></a>
+                  <input id="111_983_103679_" value="Провинция Байбурт" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103679_">Провинция Байбурт</label>
+                </div>
+                <div id="region103680" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103680"></a>
+                  <input id="111_983_103680_" value="Провинция Балыкесир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103680_">Провинция Балыкесир</label>
+                </div>
+                <div id="region103681" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103681"></a>
+                  <input id="111_983_103681_" value="Провинция Бартын" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103681_">Провинция Бартын</label>
+                </div>
+                <div id="region103682" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103682"></a>
+                  <input id="111_983_103682_" value="Провинция Батман" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103682_">Провинция Батман</label>
+                </div>
+                <div id="region103683" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103683"></a>
+                  <input id="111_983_103683_" value="Провинция Биледжик" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103683_">Провинция Биледжик</label>
+                </div>
+                <div id="region103684" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103684"></a>
+                  <input id="111_983_103684_" value="Провинция Бингёль" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103684_">Провинция Бингёль</label>
+                </div>
+                <div id="region103685" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103685"></a>
+                  <input id="111_983_103685_" value="Провинция Битлис" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103685_">Провинция Битлис</label>
+                </div>
+                <div id="region103686" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103686"></a>
+                  <input id="111_983_103686_" value="Провинция Болу" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103686_">Провинция Болу</label>
+                </div>
+                <div id="region103687" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103687"></a>
+                  <input id="111_983_103687_" value="Провинция Бурдур" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103687_">Провинция Бурдур</label>
+                </div>
+                <div id="region103688" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103688"></a>
+                  <input id="111_983_103688_" value="Провинция Бурса" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103688_">Провинция Бурса</label>
+                </div>
+                <div id="region103689" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103689"></a>
+                  <input id="111_983_103689_" value="Провинция Ван" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103689_">Провинция Ван</label>
+                </div>
+                <div id="region103690" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103690"></a>
+                  <input id="111_983_103690_" value="Провинция Газиантеп" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103690_">Провинция Газиантеп</label>
+                </div>
+                <div id="region103691" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103691"></a>
+                  <input id="111_983_103691_" value="Провинция Гиресун" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103691_">Провинция Гиресун</label>
+                </div>
+                <div id="region103692" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103692"></a>
+                  <input id="111_983_103692_" value="Провинция Гюмюшхане" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103692_">Провинция Гюмюшхане</label>
+                </div>
+                <div id="region103693" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103693"></a>
+                  <input id="111_983_103693_" value="Провинция Денизли" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103693_">Провинция Денизли</label>
+                </div>
+                <div id="region103694" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103694"></a>
+                  <input id="111_983_103694_" value="Провинция Диярбакыр" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103694_">Провинция Диярбакыр</label>
+                </div>
+                <div id="region103695" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103695"></a>
+                  <input id="111_983_103695_" value="Провинция Дюздже" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103695_">Провинция Дюздже</label>
+                </div>
+                <div id="region103696" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103696"></a>
+                  <input id="111_983_103696_" value="Провинция Зонгулдак" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103696_">Провинция Зонгулдак</label>
+                </div>
+                <div id="region103697" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103697"></a>
+                  <input id="111_983_103697_" value="Провинция Измир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103697_">Провинция Измир</label>
+                </div>
+                <div id="region103742" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103742"></a>
+                  <input id="111_983_103742_" value="Провинция Испарта" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103742_">Провинция Испарта</label>
+                </div>
+                <div id="region103698" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103698"></a>
+                  <input id="111_983_103698_" value="Провинция Йозгат" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103698_">Провинция Йозгат</label>
+                </div>
+                <div id="region103699" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103699"></a>
+                  <input id="111_983_103699_" value="Провинция Кайсери" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103699_">Провинция Кайсери</label>
+                </div>
+                <div id="region103700" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103700"></a>
+                  <input id="111_983_103700_" value="Провинция Карабюк" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103700_">Провинция Карабюк</label>
+                </div>
+                <div id="region103701" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103701"></a>
+                  <input id="111_983_103701_" value="Провинция Караман" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103701_">Провинция Караман</label>
+                </div>
+                <div id="region103702" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103702"></a>
+                  <input id="111_983_103702_" value="Провинция Карс" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103702_">Провинция Карс</label>
+                </div>
+                <div id="region103703" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103703"></a>
+                  <input id="111_983_103703_" value="Провинция Кастамону" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103703_">Провинция Кастамону</label>
+                </div>
+                <div id="region103704" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103704"></a>
+                  <input id="111_983_103704_" value="Провинция Кахраманмараш" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103704_">Провинция Кахраманмараш</label>
+                </div>
+                <div id="region103705" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103705"></a>
+                  <input id="111_983_103705_" value="Провинция Килис" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103705_">Провинция Килис</label>
+                </div>
+                <div id="region103706" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103706"></a>
+                  <input id="111_983_103706_" value="Провинция Коджаэли" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103706_">Провинция Коджаэли</label>
+                </div>
+                <div id="region103707" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103707"></a>
+                  <input id="111_983_103707_" value="Провинция Конья" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103707_">Провинция Конья</label>
+                </div>
+                <div id="region103708" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103708"></a>
+                  <input id="111_983_103708_" value="Провинция Кыркларели" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103708_">Провинция Кыркларели</label>
+                </div>
+                <div id="region103709" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103709"></a>
+                  <input id="111_983_103709_" value="Провинция Кыршехир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103709_">Провинция Кыршехир</label>
+                </div>
+                <div id="region103710" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103710"></a>
+                  <input id="111_983_103710_" value="Провинция Кырыккале" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103710_">Провинция Кырыккале</label>
+                </div>
+                <div id="region103711" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103711"></a>
+                  <input id="111_983_103711_" value="Провинция Кютахья" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103711_">Провинция Кютахья</label>
+                </div>
+                <div id="region103712" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103712"></a>
+                  <input id="111_983_103712_" value="Провинция Малатья" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103712_">Провинция Малатья</label>
+                </div>
+                <div id="region103713" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103713"></a>
+                  <input id="111_983_103713_" value="Провинция Маниса" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103713_">Провинция Маниса</label>
+                </div>
+                <div id="region103714" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103714"></a>
+                  <input id="111_983_103714_" value="Провинция Мардин" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103714_">Провинция Мардин</label>
+                </div>
+                <div id="region103715" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103715"></a>
+                  <input id="111_983_103715_" value="Провинция Мерсин" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103715_">Провинция Мерсин</label>
+                </div>
+                <div id="region103716" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103716"></a>
+                  <input id="111_983_103716_" value="Провинция Мугла" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103716_">Провинция Мугла</label>
+                </div>
+                <div id="region103717" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103717"></a>
+                  <input id="111_983_103717_" value="Провинция Муш" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103717_">Провинция Муш</label>
+                </div>
+                <div id="region103718" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103718"></a>
+                  <input id="111_983_103718_" value="Провинция Невшехир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103718_">Провинция Невшехир</label>
+                </div>
+                <div id="region103719" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103719"></a>
+                  <input id="111_983_103719_" value="Провинция Нигде" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103719_">Провинция Нигде</label>
+                </div>
+                <div id="region103720" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103720"></a>
+                  <input id="111_983_103720_" value="Провинция Орду" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103720_">Провинция Орду</label>
+                </div>
+                <div id="region103721" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103721"></a>
+                  <input id="111_983_103721_" value="Провинция Османие" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103721_">Провинция Османие</label>
+                </div>
+                <div id="region103722" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103722"></a>
+                  <input id="111_983_103722_" value="Провинция Ризе" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103722_">Провинция Ризе</label>
+                </div>
+                <div id="region103723" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103723"></a>
+                  <input id="111_983_103723_" value="Провинция Сакарья" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103723_">Провинция Сакарья</label>
+                </div>
+                <div id="region103724" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103724"></a>
+                  <input id="111_983_103724_" value="Провинция Самсун" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103724_">Провинция Самсун</label>
+                </div>
+                <div id="region103725" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103725"></a>
+                  <input id="111_983_103725_" value="Провинция Сивас" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103725_">Провинция Сивас</label>
+                </div>
+                <div id="region103726" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103726"></a>
+                  <input id="111_983_103726_" value="Провинция Сиирт" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103726_">Провинция Сиирт</label>
+                </div>
+                <div id="region103727" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103727"></a>
+                  <input id="111_983_103727_" value="Провинция Синоп" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103727_">Провинция Синоп</label>
+                </div>
+                <div id="region103728" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103728"></a>
+                  <input id="111_983_103728_" value="Провинция Стамбул" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103728_">Провинция Стамбул</label>
+                </div>
+                <div id="region103729" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103729"></a>
+                  <input id="111_983_103729_" value="Провинция Текирдаг" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103729_">Провинция Текирдаг</label>
+                </div>
+                <div id="region103730" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103730"></a>
+                  <input id="111_983_103730_" value="Провинция Токат" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103730_">Провинция Токат</label>
+                </div>
+                <div id="region103731" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103731"></a>
+                  <input id="111_983_103731_" value="Провинция Трабзон" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103731_">Провинция Трабзон</label>
+                </div>
+                <div id="region103732" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103732"></a>
+                  <input id="111_983_103732_" value="Провинция Тунджели" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103732_">Провинция Тунджели</label>
+                </div>
+                <div id="region103733" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103733"></a>
+                  <input id="111_983_103733_" value="Провинция Ушак" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103733_">Провинция Ушак</label>
+                </div>
+                <div id="region103734" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103734"></a>
+                  <input id="111_983_103734_" value="Провинция Хаккяри" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103734_">Провинция Хаккяри</label>
+                </div>
+                <div id="region103735" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103735"></a>
+                  <input id="111_983_103735_" value="Провинция Хатай" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103735_">Провинция Хатай</label>
+                </div>
+                <div id="region103736" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103736"></a>
+                  <input id="111_983_103736_" value="Провинция Чанаккале" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103736_">Провинция Чанаккале</label>
+                </div>
+                <div id="region103737" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103737"></a>
+                  <input id="111_983_103737_" value="Провинция Чанкыры" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103737_">Провинция Чанкыры</label>
+                </div>
+                <div id="region103738" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103738"></a>
+                  <input id="111_983_103738_" value="Провинция Чорум" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103738_">Провинция Чорум</label>
+                </div>
+                <div id="region103739" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103739"></a>
+                  <input id="111_983_103739_" value="Провинция Шанлыурфа" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103739_">Провинция Шанлыурфа</label>
+                </div>
+                <div id="region103740" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103740"></a>
+                  <input id="111_983_103740_" value="Провинция Ширнак" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103740_">Провинция Ширнак</label>
+                </div>
+                <div id="region103741" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103741"></a>
+                  <input id="111_983_103741_" value="Провинция Ыгдыр" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103741_">Провинция Ыгдыр</label>
+                </div>
+                <div id="region103743" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103743"></a>
+                  <input id="111_983_103743_" value="Провинция Эдирне" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103743_">Провинция Эдирне</label>
+                </div>
+                <div id="region103744" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103744"></a>
+                  <input id="111_983_103744_" value="Провинция Элязыг" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103744_">Провинция Элязыг</label>
+                </div>
+                <div id="region103745" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103745"></a>
+                  <input id="111_983_103745_" value="Провинция Эрзинджан" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103745_">Провинция Эрзинджан</label>
+                </div>
+                <div id="region103746" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103746"></a>
+                  <input id="111_983_103746_" value="Провинция Эрзурум" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103746_">Провинция Эрзурум</label>
+                </div>
+                <div id="region103747" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103747"></a>
+                  <input id="111_983_103747_" value="Провинция Эскишехир" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103747_">Провинция Эскишехир</label>
+                </div>
+                <div id="region103748" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name103748"></a>
+                  <input id="111_983_103748_" value="Провинция Ялова" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="111_983_103748_">Провинция Ялова</label>
+                </div>
+              </div>
+              <div id="region123" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name123"></a>
+                <input id="111_123_" value="Финляндия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_123_">Финляндия</label>
+              </div>
+              <div id="region124" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name124"></a>
+                <input id="111_124_" value="Франция" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_124_">Франция</label>
+              </div>
+              <div id="region10083" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name10083"></a>
+                <input id="111_10083_" value="Хорватия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_10083_">Хорватия</label>
+              </div>
+              <div id="region125" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name125"></a>
+                <input id="111_125_" value="Чехия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_125_">Чехия</label>
+              </div>
+              <div id="region126" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name126"></a>
+                <input id="111_126_" value="Швейцария" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_126_">Швейцария</label>
+              </div>
+              <div id="region127" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name127"></a>
+                <input id="111_127_" value="Швеция" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="111_127_">Швеция</label>
+              </div>
+            </div>
+            <div id="region183" style="display: block;"> <a name="name183" style="text-decoration: none" id="link183" href="javascript://" onclick="regtree(1004);regtree(169);regtree(994);regtree(20975);regtree(134);regtree(995);regtree(135);regtree(137);changeSign(183);">+</a>&nbsp;
+              <input id="183_"
+              value="Азия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="183_">Азия</label>
+              <div id="region1004" style="display: none;"> <a name="name1004" style="text-decoration: none" id="link1004" href="javascript://" onclick="regtree(1056);regtree(181);regtree(210);changeSign(1004);">+</a>&nbsp;
+                <input id="183_1004_" value="Ближний Восток" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_1004_">Ближний Восток</label>
+                <div id="region1056" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name1056"></a>
+                  <input id="183_1004_1056_" value="Египет" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="183_1004_1056_">Египет</label>
+                </div>
+                <div id="region181" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name181"></a>
+                  <input id="183_1004_181_" value="Израиль" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="183_1004_181_">Израиль</label>
+                </div>
+                <div id="region210" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                  <a name="name210"></a>
+                  <input id="183_1004_210_" value="Объединенные Арабские Эмираты" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                  <label for="183_1004_210_">Объединенные Арабские Эмираты</label>
+                </div>
+              </div>
+              <div id="region169" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name169"></a>
+                <input id="183_169_" value="Грузия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_169_">Грузия</label>
+              </div>
+              <div id="region994" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name994"></a>
+                <input id="183_994_" value="Индия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_994_">Индия</label>
+              </div>
+              <div id="region20975" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name20975"></a>
+                <input id="183_20975_" value="Камбоджа" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_20975_">Камбоджа</label>
+              </div>
+              <div id="region134" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name134"></a>
+                <input id="183_134_" value="Китай" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_134_">Китай</label>
+              </div>
+              <div id="region995" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name995"></a>
+                <input id="183_995_" value="Таиланд" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_995_">Таиланд</label>
+              </div>
+              <div id="region135" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name135"></a>
+                <input id="183_135_" value="Южная Корея" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_135_">Южная Корея</label>
+              </div>
+              <div id="region137" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name137"></a>
+                <input id="183_137_" value="Япония" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="183_137_">Япония</label>
+              </div>
+            </div>
+            <div id="region241" style="display: block;"> &nbsp;&nbsp;&nbsp;&nbsp;
+              <a name="name241"></a>
+              <input id="241_" value="Африка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="241_">Африка</label>
+            </div>
+            <div id="region10002" style="display: block;"> <a name="name10002" style="text-decoration: none" id="link10002" href="javascript://" onclick="regtree(95);regtree(84);changeSign(10002);">+</a>&nbsp;
+              <input id="10002_" value="Северная Америка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="10002_">Северная Америка</label>
+              <div id="region95" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name95"></a>
+                <input id="10002_95_" value="Канада" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="10002_95_">Канада</label>
+              </div>
+              <div id="region84" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name84"></a>
+                <input id="10002_84_" value="США" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="10002_84_">США</label>
+              </div>
+            </div>
+            <div id="region10003" style="display: block;"> <a name="name10003" style="text-decoration: none" id="link10003" href="javascript://" onclick="regtree(93);regtree(94);changeSign(10003);">+</a>&nbsp;
+              <input id="10003_" value="Южная Америка" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="10003_">Южная Америка</label>
+              <div id="region93" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name93"></a>
+                <input id="10003_93_" value="Аргентина" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="10003_93_">Аргентина</label>
+              </div>
+              <div id="region94" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name94"></a>
+                <input id="10003_94_" value="Бразилия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="10003_94_">Бразилия</label>
+              </div>
+            </div>
+            <div id="region138" style="display: block;"> <a name="name138" style="text-decoration: none" id="link138" href="javascript://" onclick="regtree(211);regtree(139);changeSign(138);">+</a>&nbsp;
+              <input id="138_" value="Австралия и Океания" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+              <label for="138_">Австралия и Океания</label>
+              <div id="region211" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name211"></a>
+                <input id="138_211_" value="Австралия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="138_211_">Австралия</label>
+              </div>
+              <div id="region139" style="display: none;"> &nbsp;&nbsp;&nbsp;&nbsp;
+                <a name="name139"></a>
+                <input id="138_139_" value="Новая Зеландия" type="checkbox" name="reg" onclick="javascript:Generate(this)">
+                <label for="138_139_">Новая Зеландия</label>
+              </div>
+            </div>
 
-<td bgcolor="#F0F1F3" style="border-right:white 20px solid;">
+          </td>
+        </tr>
+        <tr>
 
-</td>
-</tr>
+          <td bgcolor="#F0F1F3" style="border-right:white 20px solid;">
 
-</tbody></table>  </form>
-<script type="text/javascript">
-var reg_form=document.forms['reg'];
-</script>
+          </td>
+        </tr>
 
-</body></html>
+      </tbody>
+    </table>
+  </form>
+  <script type="text/javascript">
+    var reg_form = document.forms['reg'];
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/7-calendar/solution.view/index.html b/archive/widget-tasks/7-calendar/solution.view/index.html
index 357648ca..52bfbf88 100644
--- a/archive/widget-tasks/7-calendar/solution.view/index.html
+++ b/archive/widget-tasks/7-calendar/solution.view/index.html
@@ -1,31 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link type="text/css" rel="stylesheet" href="calendar.css">
   <script src="http://code.jquery.com/jquery.min.js"></script>
   <script src="calendar.js"></script>
 </head>
+
 <body>
 
 
-<button onclick="calendar.setValue(new Date())">setValue(сегодня)</button>
+  <button onclick="calendar.setValue(new Date())">setValue(сегодня)</button>
 
-<div id="calendar-holder"></div>
-<div id="value">тут будет выбранное значение (дата)</div>
+  <div id="calendar-holder"></div>
+  <div id="value">тут будет выбранное значение (дата)</div>
 
 
-<script>
-  var calendar = new Calendar({ 
-    value: {year: 2012, month: 2 }
-  });
-  $('#calendar-holder').append(calendar.getElement());
+  <script>
+    var calendar = new Calendar({
+      value: {
+        year: 2012,
+        month: 2
+      }
+    });
+    $('#calendar-holder').append(calendar.getElement());
 
-  $(calendar).on("select", function(e) {
-    $('#value').html(e.value+'');
-  });
-</script>
+    $(calendar).on("select", function(e) {
+      $('#value').html(e.value + '');
+    });
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/7-calendar/source.view/index.html b/archive/widget-tasks/7-calendar/source.view/index.html
index 357648ca..52bfbf88 100644
--- a/archive/widget-tasks/7-calendar/source.view/index.html
+++ b/archive/widget-tasks/7-calendar/source.view/index.html
@@ -1,31 +1,37 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link type="text/css" rel="stylesheet" href="calendar.css">
   <script src="http://code.jquery.com/jquery.min.js"></script>
   <script src="calendar.js"></script>
 </head>
+
 <body>
 
 
-<button onclick="calendar.setValue(new Date())">setValue(сегодня)</button>
+  <button onclick="calendar.setValue(new Date())">setValue(сегодня)</button>
 
-<div id="calendar-holder"></div>
-<div id="value">тут будет выбранное значение (дата)</div>
+  <div id="calendar-holder"></div>
+  <div id="value">тут будет выбранное значение (дата)</div>
 
 
-<script>
-  var calendar = new Calendar({ 
-    value: {year: 2012, month: 2 }
-  });
-  $('#calendar-holder').append(calendar.getElement());
+  <script>
+    var calendar = new Calendar({
+      value: {
+        year: 2012,
+        month: 2
+      }
+    });
+    $('#calendar-holder').append(calendar.getElement());
 
-  $(calendar).on("select", function(e) {
-    $('#value').html(e.value+'');
-  });
-</script>
+    $(calendar).on("select", function(e) {
+      $('#value').html(e.value + '');
+    });
+  </script>
 
 
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/8-autocomplete/solution.view/index.html b/archive/widget-tasks/8-autocomplete/solution.view/index.html
index 542081a5..46bbc0b1 100644
--- a/archive/widget-tasks/8-autocomplete/solution.view/index.html
+++ b/archive/widget-tasks/8-autocomplete/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="autocomplete.css">
@@ -8,25 +9,27 @@
   <script src="filtering-list-provider.js"></script>
   <script src="autocomplete-list.js"></script>
 </head>
+
 <body>
-  
+
   <div class="autocomplete" id="search">
-    
+
     <input type="text" autocomplete="off">
-    
+
   </div>
-  
-  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam explicabo nostrum eum placeat aliquid voluptatem nihil modi libero nulla tempore dolore itaque accusamus distinctio veniam quae voluptatibus suscipit provident quas quaerat tempora sequi magnam.</div>
+
+  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam explicabo nostrum eum placeat aliquid voluptatem nihil modi libero nulla tempore dolore itaque accusamus distinctio veniam quae voluptatibus suscipit provident quas quaerat tempora sequi
+    magnam.</div>
 
 
   <script>
-    var dataProvider = new FilteringListProvider([ 
-        'Человек',
-        'Чело',
-        'Че Гевара',
-        'Яблоко',
-        'Ноутбук',
-        'Но Пасаран!'
+    var dataProvider = new FilteringListProvider([
+      'Человек',
+      'Чело',
+      'Че Гевара',
+      'Яблоко',
+      'Ноутбук',
+      'Но Пасаран!'
     ]);
 
     var autocomplete = new Autocomplete({
@@ -37,7 +40,7 @@
     $(autocomplete).on('change', function(e) {
       $('#search').next().html(e.value);
     });
-
   </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/archive/widget-tasks/9-hover-menu-onclick/solution.view/index.html b/archive/widget-tasks/9-hover-menu-onclick/solution.view/index.html
index 2d87849e..b842db8f 100644
--- a/archive/widget-tasks/9-hover-menu-onclick/solution.view/index.html
+++ b/archive/widget-tasks/9-hover-menu-onclick/solution.view/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML>
 <html>
+
 <head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="menu.css">
@@ -7,8 +8,9 @@
   <script src="hoverintent.js"></script>
   <script src="menu.js"></script>
 </head>
+
 <body>
-  
+
   <!--   Разрешить вложенные меню -->
   <div class="menu" id="menu">
     <a href="#" class="title">Моё меню</a>
@@ -17,7 +19,7 @@
         <a href="#a1">Элемент 1</a>
         <ol>
           <li><a href="#a1.1">Элемент 1.1</a></li>
-          <li class="has-children">  
+          <li class="has-children">
             <a href="#a1.2">Элемент 1.2</a>
             <ol>
               <li><a href="#a1.2.1">Элемент 1.2.1</a></li>
@@ -39,12 +41,11 @@
       <li><a href="#a4">Элемент 4</a></li>
       <li><a href="#a5">Элемент 5</a></li>
     </ol>
-    
+
   </div>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor eos.
-  
-  <script>
 
+  <script>
     var menu = new Menu({
       elem: $('#menu')
     });
@@ -53,9 +54,8 @@
       if (!e.value) return;
       alert(e.value);
     });
-
-
   </script>
-  
+
 </body>
-</html>
+
+</html>
\ No newline at end of file