diff --git a/3/bundle.e0c298bc55f37dc6e8bb.js b/3/bundle.e0c298bc55f37dc6e8bb.js
new file mode 100644
index 0000000..237aa35
--- /dev/null
+++ b/3/bundle.e0c298bc55f37dc6e8bb.js
@@ -0,0 +1,2 @@
+(()=>{"use strict";function e(e){var t=document.createElement("div");return t.innerHTML=e,t.firstElementChild}function t(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"beforeend";t.insertAdjacentElement(n,e.getElement())}function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(e){var t=function(e){if("object"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}var o=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<section class="trip-main__trip-info  trip-info">\n      <div class="trip-info__main">\n        <h1 class="trip-info__title">'.concat("Amsterdam &mdash; Chamonix &mdash; Geneva",'</h1>\n        <p class="trip-info__dates">').concat("18&nbsp;&mdash;&nbsp;20 Mar",'</p>\n      </div>\n      <p class="trip-info__cost">\n        Total: &euro;&nbsp;<span class="trip-info__cost-value">').concat("1230","</span>\n      </p>\n    </section>")}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&r(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,u(r.key),r)}}function u(e){var t=function(e){if("object"!=l(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==l(t)?t:t+""}var c=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<form class="trip-filters" action="#" method="get"></form>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&a(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,f(r.key),r)}}function f(e){var t=function(e){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}var p=["everything","future","present","past"],m=["checked","","",""],y=["","disabled","",""],b=-1,d=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return b++,'<div class="trip-filters__filter">\n            <input id="filter-'.concat(p[b],'" class="trip-filters__filter-input  visually-hidden" type="radio" name="trip-filter" value=').concat(p[b]," ").concat(m[b]," ").concat(y[b],' >\n            <label class="trip-filters__filter-label" for="filter-').concat(p[b],'">').concat(p[b].charAt(0).toUpperCase()+p[b].slice(1),"</label>\n          </div>")}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&v(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function _(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,g(r.key),r)}}function g(e){var t=function(e){if("object"!=h(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==h(t)?t:t+""}var S=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<form class="trip-events__trip-sort  trip-sort" action="#" method="get">\n            <div class="trip-sort__item  trip-sort__item--day">\n              <input id="sort-day" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-day" checked="">\n              <label class="trip-sort__btn" for="sort-day">Day</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--event">\n              <input id="sort-event" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-event" disabled="">\n              <label class="trip-sort__btn" for="sort-event">Event</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--time">\n              <input id="sort-time" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-time">\n              <label class="trip-sort__btn" for="sort-time">Time</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--price">\n              <input id="sort-price" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-price">\n              <label class="trip-sort__btn" for="sort-price">Price</label>\n            </div>\n\n            <div class="trip-sort__item  trip-sort__item--offer">\n              <input id="sort-offer" class="trip-sort__input  visually-hidden" type="radio" name="trip-sort" value="sort-offer" disabled="">\n              <label class="trip-sort__btn" for="sort-offer">Offers</label>\n            </div>\n          </form>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&_(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}function w(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,E(r.key),r)}}function E(e){var t=function(e){if("object"!=T(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=T(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==T(t)?t:t+""}var k=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<ul class="trip-events__list"></ul>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&w(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function j(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,O(r.key),r)}}function O(e){var t=function(e){if("object"!=P(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=P(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==P(t)?t:t+""}var x=[{iconParth:"img/icons/taxi.png",title:"Taxi Amsterdam",eventDate:"MAR 18",eventStartTime:"2019-03-18T10:30",eventStartTimeText:"10:30",eventEndTime:"2019-03-18T11:00",eventEndTimeText:"11:00",price:"20"},{iconParth:"img/icons/flight.png",title:"Flight Chamonix",eventDate:"MAR 18",eventStartTime:"2019-03-18T12:25",eventStartTimeText:"12:25",eventEndTime:"2019-03-18T13:35",eventEndTimeText:"13:35",price:"160"},{iconParth:"img/icons/drive.png",title:"Drive Chamonix",eventDate:"MAR 18",eventStartTime:"2019-03-18T14:30",eventStartTimeText:"14:30",eventEndTime:"2019-03-18T16:05",eventEndTimeText:"16:05",price:"160"},{iconParth:"img/icons/check-in.png",title:"Check-in Chamonix",eventDate:"MAR 18",eventStartTime:"2019-03-18T16:20",eventStartTimeText:"16:20",eventEndTime:"2019-03-18T17:00",eventEndTimeText:"17:00",price:"600"},{iconParth:"img/icons/sightseeing.png",title:"Sightseeing Chamonix",eventDate:"MAR 19",eventStartTime:"2019-03-19T11:20",eventStartTimeText:"11:20",eventEndTime:"2019-03-19T13:00",eventEndTimeText:"13:00",price:"50"},{iconParth:"img/icons/drive.png",title:"Drive Geneva",eventDate:"MAR 19",eventStartTime:"2019-03-19T10:00",eventStartTimeText:"10:00",eventEndTime:"2019-03-19T11:00",eventEndTimeText:"11:00",price:"20"},{iconParth:"img/icons/flight.png",title:"Flight Geneva",eventDate:"MAR 19",eventStartTime:"2019-03-19T18:00",eventStartTimeText:"18:00",eventEndTime:"2019-03-19T19:00",eventEndTimeText:"19:00",price:"20"},{iconParth:"img/icons/taxi.png",title:"Drive Geneva",eventDate:"MAR 20",eventStartTime:"2019-03-20T08:25",eventStartTimeText:"08:25",eventEndTime:"2019-03-20T09:25",eventEndTimeText:"09:25",price:"20"},{iconParth:"img/icons/sightseeing.png",title:"Sightseeing Geneva",eventDate:"MAR 20",eventStartTime:"2019-03-20T11:15",eventStartTimeText:"11:15",eventEndTime:"2019-03-20T12:15",eventEndTimeText:"12:15",price:"180"}],C={title:["Order Uber","Add luggage","Switch to comfort","Rent a car","Add breakfast","Book tickets","Lunch in city"],price:["20","30","40","50","80","100","200"]},A=-1,D=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return A++,'<li class="trip-events__item">\n              <div class="event">\n                <time class="event__date" datetime="'.concat(x[A].eventStartTime,'">').concat(x[A].eventDate,'</time>\n                <div class="event__type">\n                  <img class="event__type-icon" width="42" height="42" src="').concat(x[A].iconParth,'" alt="Event type icon">\n                </div>\n                <h3 class="event__title">').concat(x[A].title,'</h3>\n                <div class="event__schedule">\n                  <p class="event__time">\n                    <time class="event__start-time" datetime="').concat(x[A].eventStartTime,'">').concat(x[A].eventStartTimeText,'</time>\n                    —\n                    <time class="event__end-time" datetime="').concat(x[A].eventEndTime,'">').concat(x[A].eventEndTimeText,'</time>\n                  </p>\n                  <p class="event__duration">').concat((Date.parse(x[A].eventEndTime)-Date.parse(x[A].eventStartTime))/1e3/60,'M</p>\n                </div>\n                <p class="event__price">\n                  €&nbsp;<span class="event__price-value">').concat(x[A].price,'</span>\n                </p>\n                <h4 class="visually-hidden">Offers:</h4>\n                <ul class="event__selected-offers">\n                  <li class="event__offer">\n                    <span class="event__offer-title">').concat(C.title[A],'</span>\n                    +€&nbsp;\n                    <span class="event__offer-price">').concat(C.price[A],'</span>\n                  </li>\n                </ul>\n                <button class="event__favorite-btn event__favorite-btn--active" type="button">\n                  <span class="visually-hidden">Add to favorite</span>\n                  <svg class="event__favorite-icon" width="28" height="28" viewBox="0 0 28 28">\n                    <path d="M14 21l-8.22899 4.3262 1.57159-9.1631L.685209 9.67376 9.8855 8.33688 14 0l4.1145 8.33688 9.2003 1.33688-6.6574 6.48934 1.5716 9.1631L14 21z"></path>\n                  </svg>\n                </button>\n                <button class="event__rollup-btn" type="button">\n                  <span class="visually-hidden">Open event</span>\n                </button>\n              </div>\n            </li>')}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&j(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function M(e){return M="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},M(e)}function q(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,R(r.key),r)}}function R(e){var t=function(e){if("object"!=M(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=M(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==M(t)?t:t+""}var G=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<p class="trip-events__msg">Loading...</p>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&q(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function L(e){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},L(e)}function F(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,B(r.key),r)}}function B(e){var t=function(e){if("object"!=L(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=L(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==L(t)?t:t+""}var z=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<p class="trip-events__msg">Click New Event to create your first point</p>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&F(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function H(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,J(r.key),r)}}function J(e){var t=function(e){if("object"!=U(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==U(t)?t:t+""}var N=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<form class="event event--edit" action="#" method="post"></form>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&H(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function K(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Q(r.key),r)}}function Q(e){var t=function(e){if("object"!=I(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==I(t)?t:t+""}var V=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<header class="event__header">\n                  <div class="event__type-wrapper">\n                    <label class="event__type  event__type-btn" for="event-type-toggle-1">\n                      <span class="visually-hidden">Choose event type</span>\n                      <img class="event__type-icon" width="17" height="17" src="img/icons/flight.png" alt="Event type icon">\n                    </label>\n                    <input class="event__type-toggle  visually-hidden" id="event-type-toggle-1" type="checkbox">\n\n                    <div class="event__type-list">\n                      <fieldset class="event__type-group">\n                        <legend class="visually-hidden">Event type</legend>\n\n                        <div class="event__type-item">\n                          <input id="event-type-taxi-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="taxi">\n                          <label class="event__type-label  event__type-label--taxi" for="event-type-taxi-1">Taxi</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-bus-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="bus">\n                          <label class="event__type-label  event__type-label--bus" for="event-type-bus-1">Bus</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-train-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="train">\n                          <label class="event__type-label  event__type-label--train" for="event-type-train-1">Train</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-ship-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="ship">\n                          <label class="event__type-label  event__type-label--ship" for="event-type-ship-1">Ship</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-drive-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="drive">\n                          <label class="event__type-label  event__type-label--drive" for="event-type-drive-1">Drive</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-flight-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="flight" checked="">\n                          <label class="event__type-label  event__type-label--flight" for="event-type-flight-1">Flight</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-check-in-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="check-in">\n                          <label class="event__type-label  event__type-label--check-in" for="event-type-check-in-1">Check-in</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-sightseeing-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="sightseeing">\n                          <label class="event__type-label  event__type-label--sightseeing" for="event-type-sightseeing-1">Sightseeing</label>\n                        </div>\n\n                        <div class="event__type-item">\n                          <input id="event-type-restaurant-1" class="event__type-input  visually-hidden" type="radio" name="event-type" value="restaurant">\n                          <label class="event__type-label  event__type-label--restaurant" for="event-type-restaurant-1">Restaurant</label>\n                        </div>\n                      </fieldset>\n                    </div>\n                  </div>\n\n                  <div class="event__field-group  event__field-group--destination">\n                    <label class="event__label  event__type-output" for="event-destination-1">\n                      Flight\n                    </label>\n                    <input class="event__input  event__input--destination" id="event-destination-1" type="text" name="event-destination" value="Chamonix" list="destination-list-1">\n                    <datalist id="destination-list-1">\n                      <option value="Amsterdam"></option>\n                      <option value="Geneva"></option>\n                      <option value="Chamonix"></option>\n                    </datalist>\n                  </div>\n\n                  <div class="event__field-group  event__field-group--time">\n                    <label class="visually-hidden" for="event-start-time-1">From</label>\n                    <input class="event__input  event__input--time" id="event-start-time-1" type="text" name="event-start-time" value="18/03/19 12:25">\n                    —\n                    <label class="visually-hidden" for="event-end-time-1">To</label>\n                    <input class="event__input  event__input--time" id="event-end-time-1" type="text" name="event-end-time" value="18/03/19 13:35">\n                  </div>\n\n                  <div class="event__field-group  event__field-group--price">\n                    <label class="event__label" for="event-price-1">\n                      <span class="visually-hidden">Price</span>\n                      €\n                    </label>\n                    <input class="event__input  event__input--price" id="event-price-1" type="text" name="event-price" value="160">\n                  </div>\n\n                  <button class="event__save-btn  btn  btn--blue" type="submit">Save</button>\n                  <button class="event__reset-btn" type="reset">Delete</button>\n                  <button class="event__rollup-btn" type="button">\n                    <span class="visually-hidden">Open event</span>\n                  </button>\n                </header>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&K(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function W(e){return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},W(e)}function X(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Y(r.key),r)}}function Y(e){var t=function(e){if("object"!=W(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=W(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==W(t)?t:t+""}var Z=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<section class="event__details"></section>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&X(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function $(e){return $="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},$(e)}function ee(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,te(r.key),r)}}function te(e){var t=function(e){if("object"!=$(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=$(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==$(t)?t:t+""}var ne=["Offers","Destination"],re=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<h3 class="event__section-title  event__section-title--offers">'.concat(ne[0],"</h3>")}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&ee(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function ie(e){return ie="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(e)}function oe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,le(r.key),r)}}function le(e){var t=function(e){if("object"!=ie(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=ie(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ie(t)?t:t+""}var ae=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<section class="event__section  event__section--offers"></section>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&oe(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function ue(e){return ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ue(e)}function ce(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,se(r.key),r)}}function se(e){var t=function(e){if("object"!=ue(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=ue(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ue(t)?t:t+""}var ve=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<div class="event__available-offers"></div>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&ce(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function fe(e){return fe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},fe(e)}function pe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,me(r.key),r)}}function me(e){var t=function(e){if("object"!=fe(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=fe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==fe(t)?t:t+""}var ye=-1,be=[{title:"Add luggage",price:30},{title:"Switch to comfort class",price:100},{title:"Add meal",price:15},{title:"Choose seats",price:5},{title:"Travel by train",price:40}],de=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return ye++,'<div class="event__offer-selector">\n            <input class="event__offer-checkbox  visually-hidden" id="event-offer-luggage-'.concat(ye,'" type="checkbox" name="event-offer-luggage" checked="">\n            <label class="event__offer-label" for="event-offer-luggage-').concat(ye,'">\n              <span class="event__offer-title">').concat(be[ye].title,'</span>\n                          +€&nbsp;\n              <span class="event__offer-price">').concat(be[ye].price,"</span>\n            </label>\n          </div>")}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&pe(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function he(e){return he="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},he(e)}function _e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,ge(r.key),r)}}function ge(e){var t=function(e){if("object"!=he(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=he(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==he(t)?t:t+""}var Se=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<section class="event__section  event__section--destination"></section>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&_e(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function Te(e){return Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Te(e)}function we(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Ee(r.key),r)}}function Ee(e){var t=function(e){if("object"!=Te(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Te(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Te(t)?t:t+""}var ke=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<p class="event__destination-description">Geneva is a city in Switzerland that lies at the southern tip of expansive Lac Léman (Lake Geneva). Surrounded by the Alps and Jura mountains, the city has views of dramatic Mont Blanc.</p>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&we(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}function je(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Oe(r.key),r)}}function Oe(e){var t=function(e){if("object"!=Pe(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Pe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Pe(t)?t:t+""}var xe=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<div class="event__photos-tape"></div>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&je(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function Ce(e){return Ce="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ce(e)}function Ae(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,De(r.key),r)}}function De(e){var t=function(e){if("object"!=Ce(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Ce(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Ce(t)?t:t+""}var Me=["img/photos/1.jpg","img/photos/2.jpg","img/photos/3.jpg","img/photos/4.jpg","img/photos/5.jpg"],qe=-1,Re=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return qe++,'<img class="event__photo" src="'.concat(Me[qe],'" alt="Event photo"></img>')}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&Ae(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function Ge(e){return Ge="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ge(e)}function Le(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Fe(r.key),r)}}function Fe(e){var t=function(e){if("object"!=Ge(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Ge(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Ge(t)?t:t+""}var Be=function(){return t=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)},(n=[{key:"getTemplate",value:function(){return'<div class="event__photos-container"></div>'}},{key:"getElement",value:function(){return this.element||(this.element=e(this.getTemplate())),this.element}},{key:"removeElement",value:function(){this.element=null}}])&&Le(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}(),ze=document.querySelector(".trip-main"),Ue=document.querySelector(".trip-controls__filters"),He=document.querySelector(".trip-events");t(new o,ze,"afterbegin"),t(new c,Ue);for(var Je=document.querySelector(".trip-filters"),Ne=0;Ne<4;Ne++)t(new d(Ne),Je);t(new S,He),t(new k,He);for(var Ie=document.querySelector(".trip-events__list"),Ke=0;Ke<9;Ke++)t(new D,Ie);t(new G,He),t(new z,He);var Qe=document.querySelector(".trip-events__item");t(new N,Qe);var Ve=document.querySelector(".event--edit");t(new V,Ve),t(new Z,Ve);var We=document.querySelector(".event__details");t(new ae,We);var Xe=document.querySelector(".event__section--offers");t(new re(0),Xe),t(new ve,Xe);for(var Ye=document.querySelector(".event__available-offers"),Ze=0;Ze<5;Ze++)t(new de,Ye);t(new Se,We);var $e=document.querySelector(".event__section--destination");t(new re(1),$e),t(new ke,$e),t(new Be,$e);var et=document.querySelector(".event__photos-container");t(new xe,et);for(var tt=document.querySelector(".event__photos-tape"),nt=0;nt<5;nt++)t(new Re,tt)})();
+//# sourceMappingURL=bundle.e0c298bc55f37dc6e8bb.js.map
\ No newline at end of file
diff --git a/3/bundle.e0c298bc55f37dc6e8bb.js.map b/3/bundle.e0c298bc55f37dc6e8bb.js.map
new file mode 100644
index 0000000..0f0b870
--- /dev/null
+++ b/3/bundle.e0c298bc55f37dc6e8bb.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"bundle.e0c298bc55f37dc6e8bb.js","mappings":"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","sources":["webpack://big-trip/./src/render.js","webpack://big-trip/./src/view/section-trip-info-view.js","webpack://big-trip/./src/view/trip-filters-form-view.js","webpack://big-trip/./src/view/trip-filters-view.js","webpack://big-trip/./src/view/sort-view.js","webpack://big-trip/./src/view/trip-events-list-view.js","webpack://big-trip/./src/view/trip-events-item-view.js","webpack://big-trip/./src/view/loading-view.js","webpack://big-trip/./src/view/trip-events-message-view.js","webpack://big-trip/./src/view/event-edit-form-view.js","webpack://big-trip/./src/view/event-header-view.js","webpack://big-trip/./src/view/event-section-details-views.js","webpack://big-trip/./src/view/event-section-title-view.js","webpack://big-trip/./src/view/event-section-offers-view.js","webpack://big-trip/./src/view/event-available-offers-view.js","webpack://big-trip/./src/view/event-offers-selector-view.js","webpack://big-trip/./src/view/event-section-detination-view.js","webpack://big-trip/./src/view/event-destination-description-view.js","webpack://big-trip/./src/view/event-photos-tape-view.js","webpack://big-trip/./src/view/event-photo-view.js","webpack://big-trip/./src/view/event-photos-container-view.js","webpack://big-trip/./src/main.js"],"sourcesContent":["const RenderPosition = {\n  BEFOREBEGIN: 'beforebegin',\n  AFTERBEGIN: 'afterbegin',\n  BEFOREEND: 'beforeend',\n  AFTEREND: 'afterend',\n};\n\nfunction createElement(template) {\n  const newElement = document.createElement('div');\n  newElement.innerHTML = template;\n\n  return newElement.firstElementChild;\n}\n\nfunction render(component, container, place = RenderPosition.BEFOREEND) {\n  container.insertAdjacentElement(place, component.getElement());\n}\n\nexport {RenderPosition, createElement, render};\n","import {createElement} from '../render.js';\n\nconst tripInfoTitle = 'Amsterdam &mdash; Chamonix &mdash; Geneva';\nconst tripInfoDate = '18&nbsp;&mdash;&nbsp;20 Mar';\nconst tripInfoCostValue = '1230';\n\nfunction createSectionTripInfoTemplate() {\n  return `<section class=\"trip-main__trip-info  trip-info\">\n      <div class=\"trip-info__main\">\n        <h1 class=\"trip-info__title\">${tripInfoTitle}</h1>\n        <p class=\"trip-info__dates\">${tripInfoDate}</p>\n      </div>\n      <p class=\"trip-info__cost\">\n        Total: &euro;&nbsp;<span class=\"trip-info__cost-value\">${tripInfoCostValue}</span>\n      </p>\n    </section>`;\n}\n\nexport default class SectionTripInfo {\n  getTemplate() {\n    return createSectionTripInfoTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nfunction createTripFiltersFormTemplate() {\n  return '<form class=\"trip-filters\" action=\"#\" method=\"get\"></form>';\n}\n\nexport default class TripFiltersForm {\n  getTemplate() {\n    return createTripFiltersFormTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nconst filterName = ['everything', 'future', 'present', 'past'];\nconst checkedName = ['checked', '', '', ''];\nconst disabledName = ['', 'disabled', '', '',];\n\nlet i = -1;\n\nfunction createTripFiltersTemplate() {\n  i++;\n  return (\n    `<div class=\"trip-filters__filter\">\n            <input id=\"filter-${filterName[i]}\" class=\"trip-filters__filter-input  visually-hidden\" type=\"radio\" name=\"trip-filter\" value=${filterName[i]} ${checkedName[i]} ${disabledName[i]} >\n            <label class=\"trip-filters__filter-label\" for=\"filter-${filterName[i]}\">${filterName[i].charAt(0).toUpperCase() + filterName[i].slice(1)}</label>\n          </div>`\n  );\n}\n\nexport default class TripFilters {\n\n  getTemplate() {\n    return createTripFiltersTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n","import {createElement} from '../render.js';\n\nfunction createSortTemplate() {\n  return (\n    `<form class=\"trip-events__trip-sort  trip-sort\" action=\"#\" method=\"get\">\n            <div class=\"trip-sort__item  trip-sort__item--day\">\n              <input id=\"sort-day\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-day\" checked=\"\">\n              <label class=\"trip-sort__btn\" for=\"sort-day\">Day</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--event\">\n              <input id=\"sort-event\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-event\" disabled=\"\">\n              <label class=\"trip-sort__btn\" for=\"sort-event\">Event</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--time\">\n              <input id=\"sort-time\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-time\">\n              <label class=\"trip-sort__btn\" for=\"sort-time\">Time</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--price\">\n              <input id=\"sort-price\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-price\">\n              <label class=\"trip-sort__btn\" for=\"sort-price\">Price</label>\n            </div>\n\n            <div class=\"trip-sort__item  trip-sort__item--offer\">\n              <input id=\"sort-offer\" class=\"trip-sort__input  visually-hidden\" type=\"radio\" name=\"trip-sort\" value=\"sort-offer\" disabled=\"\">\n              <label class=\"trip-sort__btn\" for=\"sort-offer\">Offers</label>\n            </div>\n          </form>`\n  );\n}\n\nexport default class SortView {\n  getTemplate() {\n    return createSortTemplate();\n  }\n\n  getElement() {\n    if (!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nfunction createTripEventListTemplate() {\n  return '<ul class=\"trip-events__list\"></ul>';\n}\n\nexport default class TripEventList {\n  getTemplate() {\n    return createTripEventListTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nconst EVENTS = [\n  {\n    iconParth: 'img/icons/taxi.png',\n    title: 'Taxi Amsterdam',\n    eventDate: 'MAR 18',\n    eventStartTime: '2019-03-18T10:30',\n    eventStartTimeText: '10:30',\n    eventEndTime: '2019-03-18T11:00',\n    eventEndTimeText: '11:00',\n    price: '20',\n  },\n  {\n    iconParth: 'img/icons/flight.png',\n    title: 'Flight Chamonix',\n    eventDate: 'MAR 18',\n    eventStartTime: '2019-03-18T12:25',\n    eventStartTimeText: '12:25',\n    eventEndTime: '2019-03-18T13:35',\n    eventEndTimeText: '13:35',\n    price: '160',\n  },\n  {\n    iconParth: 'img/icons/drive.png',\n    title: 'Drive Chamonix',\n    eventDate: 'MAR 18',\n    eventStartTime: '2019-03-18T14:30',\n    eventStartTimeText: '14:30',\n    eventEndTime: '2019-03-18T16:05',\n    eventEndTimeText: '16:05',\n    price: '160',\n  },\n  {\n    iconParth: 'img/icons/check-in.png',\n    title: 'Check-in Chamonix',\n    eventDate: 'MAR 18',\n    eventStartTime: '2019-03-18T16:20',\n    eventStartTimeText: '16:20',\n    eventEndTime: '2019-03-18T17:00',\n    eventEndTimeText: '17:00',\n    price: '600',\n  },\n  {\n    iconParth: 'img/icons/sightseeing.png',\n    title: 'Sightseeing Chamonix',\n    eventDate: 'MAR 19',\n    eventStartTime: '2019-03-19T11:20',\n    eventStartTimeText: '11:20',\n    eventEndTime: '2019-03-19T13:00',\n    eventEndTimeText: '13:00',\n    price: '50',\n  },\n  {\n    iconParth: 'img/icons/drive.png',\n    title: 'Drive Geneva',\n    eventDate: 'MAR 19',\n    eventStartTime: '2019-03-19T10:00',\n    eventStartTimeText: '10:00',\n    eventEndTime: '2019-03-19T11:00',\n    eventEndTimeText: '11:00',\n    price: '20',\n  },\n  {\n    iconParth: 'img/icons/flight.png',\n    title: 'Flight Geneva',\n    eventDate: 'MAR 19',\n    eventStartTime: '2019-03-19T18:00',\n    eventStartTimeText: '18:00',\n    eventEndTime: '2019-03-19T19:00',\n    eventEndTimeText: '19:00',\n    price: '20',\n  },\n  {\n    iconParth: 'img/icons/taxi.png',\n    title: 'Drive Geneva',\n    eventDate: 'MAR 20',\n    eventStartTime: '2019-03-20T08:25',\n    eventStartTimeText: '08:25',\n    eventEndTime: '2019-03-20T09:25',\n    eventEndTimeText: '09:25',\n    price: '20',\n  },\n  {\n    iconParth: 'img/icons/sightseeing.png',\n    title: 'Sightseeing Geneva',\n    eventDate: 'MAR 20',\n    eventStartTime: '2019-03-20T11:15',\n    eventStartTimeText: '11:15',\n    eventEndTime: '2019-03-20T12:15',\n    eventEndTimeText: '12:15',\n    price: '180',\n  },\n\n];\nconst OFFERS = {\n  title: ['Order Uber', 'Add luggage', 'Switch to comfort', 'Rent a car', 'Add breakfast', 'Book tickets', 'Lunch in city', ],\n  price: ['20', '30', '40', '50', '80', '100', '200'],\n};\n\nlet i = -1;\n\nfunction createTripEventItemTemplate() {\n  i++;\n  return `<li class=\"trip-events__item\">\n              <div class=\"event\">\n                <time class=\"event__date\" datetime=\"${EVENTS[i].eventStartTime}\">${EVENTS[i].eventDate}</time>\n                <div class=\"event__type\">\n                  <img class=\"event__type-icon\" width=\"42\" height=\"42\" src=\"${EVENTS[i].iconParth}\" alt=\"Event type icon\">\n                </div>\n                <h3 class=\"event__title\">${EVENTS[i].title}</h3>\n                <div class=\"event__schedule\">\n                  <p class=\"event__time\">\n                    <time class=\"event__start-time\" datetime=\"${EVENTS[i].eventStartTime}\">${EVENTS[i].eventStartTimeText}</time>\n                    —\n                    <time class=\"event__end-time\" datetime=\"${EVENTS[i].eventEndTime}\">${EVENTS[i].eventEndTimeText}</time>\n                  </p>\n                  <p class=\"event__duration\">${((Date.parse(EVENTS[i].eventEndTime) - Date.parse(EVENTS[i].eventStartTime)) / 1000) / 60}M</p>\n                </div>\n                <p class=\"event__price\">\n                  €&nbsp;<span class=\"event__price-value\">${EVENTS[i].price}</span>\n                </p>\n                <h4 class=\"visually-hidden\">Offers:</h4>\n                <ul class=\"event__selected-offers\">\n                  <li class=\"event__offer\">\n                    <span class=\"event__offer-title\">${OFFERS.title[i]}</span>\n                    +€&nbsp;\n                    <span class=\"event__offer-price\">${OFFERS.price[i]}</span>\n                  </li>\n                </ul>\n                <button class=\"event__favorite-btn event__favorite-btn--active\" type=\"button\">\n                  <span class=\"visually-hidden\">Add to favorite</span>\n                  <svg class=\"event__favorite-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\">\n                    <path d=\"M14 21l-8.22899 4.3262 1.57159-9.1631L.685209 9.67376 9.8855 8.33688 14 0l4.1145 8.33688 9.2003 1.33688-6.6574 6.48934 1.5716 9.1631L14 21z\"></path>\n                  </svg>\n                </button>\n                <button class=\"event__rollup-btn\" type=\"button\">\n                  <span class=\"visually-hidden\">Open event</span>\n                </button>\n              </div>\n            </li>`;\n}\n\nexport default class TripEventItem {\n  getTemplate() {\n    return createTripEventItemTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nfunction createLoadingTemplate() {\n  return '<p class=\"trip-events__msg\">Loading...</p>';\n}\n\nexport default class Loading {\n  getTemplate() {\n    return createLoadingTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nfunction createTripEventsMessageTemplate() {\n  return '<p class=\"trip-events__msg\">Click New Event to create your first point</p>';\n}\n\nexport default class TripEventsMessage {\n  getTemplate() {\n    return createTripEventsMessageTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nfunction createEventEditFormTemplate() {\n  return '<form class=\"event event--edit\" action=\"#\" method=\"post\"></form>';\n}\n\nexport default class EventEditForm {\n  getTemplate() {\n    return createEventEditFormTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nfunction createEventHeaderTemplate() {\n  return `<header class=\"event__header\">\n                  <div class=\"event__type-wrapper\">\n                    <label class=\"event__type  event__type-btn\" for=\"event-type-toggle-1\">\n                      <span class=\"visually-hidden\">Choose event type</span>\n                      <img class=\"event__type-icon\" width=\"17\" height=\"17\" src=\"img/icons/flight.png\" alt=\"Event type icon\">\n                    </label>\n                    <input class=\"event__type-toggle  visually-hidden\" id=\"event-type-toggle-1\" type=\"checkbox\">\n\n                    <div class=\"event__type-list\">\n                      <fieldset class=\"event__type-group\">\n                        <legend class=\"visually-hidden\">Event type</legend>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-taxi-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"taxi\">\n                          <label class=\"event__type-label  event__type-label--taxi\" for=\"event-type-taxi-1\">Taxi</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-bus-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"bus\">\n                          <label class=\"event__type-label  event__type-label--bus\" for=\"event-type-bus-1\">Bus</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-train-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"train\">\n                          <label class=\"event__type-label  event__type-label--train\" for=\"event-type-train-1\">Train</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-ship-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"ship\">\n                          <label class=\"event__type-label  event__type-label--ship\" for=\"event-type-ship-1\">Ship</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-drive-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"drive\">\n                          <label class=\"event__type-label  event__type-label--drive\" for=\"event-type-drive-1\">Drive</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-flight-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"flight\" checked=\"\">\n                          <label class=\"event__type-label  event__type-label--flight\" for=\"event-type-flight-1\">Flight</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-check-in-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"check-in\">\n                          <label class=\"event__type-label  event__type-label--check-in\" for=\"event-type-check-in-1\">Check-in</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-sightseeing-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"sightseeing\">\n                          <label class=\"event__type-label  event__type-label--sightseeing\" for=\"event-type-sightseeing-1\">Sightseeing</label>\n                        </div>\n\n                        <div class=\"event__type-item\">\n                          <input id=\"event-type-restaurant-1\" class=\"event__type-input  visually-hidden\" type=\"radio\" name=\"event-type\" value=\"restaurant\">\n                          <label class=\"event__type-label  event__type-label--restaurant\" for=\"event-type-restaurant-1\">Restaurant</label>\n                        </div>\n                      </fieldset>\n                    </div>\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--destination\">\n                    <label class=\"event__label  event__type-output\" for=\"event-destination-1\">\n                      Flight\n                    </label>\n                    <input class=\"event__input  event__input--destination\" id=\"event-destination-1\" type=\"text\" name=\"event-destination\" value=\"Chamonix\" list=\"destination-list-1\">\n                    <datalist id=\"destination-list-1\">\n                      <option value=\"Amsterdam\"></option>\n                      <option value=\"Geneva\"></option>\n                      <option value=\"Chamonix\"></option>\n                    </datalist>\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--time\">\n                    <label class=\"visually-hidden\" for=\"event-start-time-1\">From</label>\n                    <input class=\"event__input  event__input--time\" id=\"event-start-time-1\" type=\"text\" name=\"event-start-time\" value=\"18/03/19 12:25\">\n                    —\n                    <label class=\"visually-hidden\" for=\"event-end-time-1\">To</label>\n                    <input class=\"event__input  event__input--time\" id=\"event-end-time-1\" type=\"text\" name=\"event-end-time\" value=\"18/03/19 13:35\">\n                  </div>\n\n                  <div class=\"event__field-group  event__field-group--price\">\n                    <label class=\"event__label\" for=\"event-price-1\">\n                      <span class=\"visually-hidden\">Price</span>\n                      €\n                    </label>\n                    <input class=\"event__input  event__input--price\" id=\"event-price-1\" type=\"text\" name=\"event-price\" value=\"160\">\n                  </div>\n\n                  <button class=\"event__save-btn  btn  btn--blue\" type=\"submit\">Save</button>\n                  <button class=\"event__reset-btn\" type=\"reset\">Delete</button>\n                  <button class=\"event__rollup-btn\" type=\"button\">\n                    <span class=\"visually-hidden\">Open event</span>\n                  </button>\n                </header>`;\n}\n\nexport default class EventHeader {\n  getTemplate() {\n    return createEventHeaderTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nfunction createSectionEventDetailsTemplate() {\n  return '<section class=\"event__details\"></section>';\n}\n\nexport default class SectionEventDetails {\n  getTemplate() {\n    return createSectionEventDetailsTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nconst titleOptions = ['Offers', 'Destination'];\n\n\nfunction createEventSectionTitleTemplate(i) {\n  return `<h3 class=\"event__section-title  event__section-title--offers\">${titleOptions[0]}</h3>`;\n}\n\nexport default class EventSectionTitle {\n  getTemplate() {\n    return createEventSectionTitleTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n","import {createElement} from '../render.js';\n\nfunction createEventSectionOffersTemplate() {\n  return '<section class=\"event__section  event__section--offers\"></section>';\n}\n\nexport default class EventSectionOffers {\n  getTemplate() {\n    return createEventSectionOffersTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nfunction createEventAvailableOffersTemplate() {\n  return '<div class=\"event__available-offers\"></div>';\n}\n\nexport default class EventAvailableOffers {\n  getTemplate() {\n    return createEventAvailableOffersTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nlet i = -1;\n\nconst OFFERS = [\n  {\n    title: 'Add luggage',\n    price: 30,\n  },\n  {\n    title: 'Switch to comfort class',\n    price: 100,\n  },\n  {\n    title: 'Add meal',\n    price: 15,\n  },\n  {\n    title: 'Choose seats',\n    price: 5,\n  },\n  {\n    title: 'Travel by train',\n    price: 40,\n  },\n];\n\nfunction createEventOfferSelectorTemplate() {\n  i++;\n  return `<div class=\"event__offer-selector\">\n            <input class=\"event__offer-checkbox  visually-hidden\" id=\"event-offer-luggage-${i}\" type=\"checkbox\" name=\"event-offer-luggage\" checked=\"\">\n            <label class=\"event__offer-label\" for=\"event-offer-luggage-${i}\">\n              <span class=\"event__offer-title\">${OFFERS[i].title}</span>\n                          +€&nbsp;\n              <span class=\"event__offer-price\">${OFFERS[i].price}</span>\n            </label>\n          </div>`;\n}\n\nexport default class EventOfferSelector {\n  getTemplate() {\n    return createEventOfferSelectorTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n","import {createElement} from '../render.js';\n\nfunction createEventSectionDestinationTemplate() {\n  return '<section class=\"event__section  event__section--destination\"></section>';\n}\n\nexport default class EventSectionDestination {\n  getTemplate() {\n    return createEventSectionDestinationTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n","import {createElement} from '../render.js';\n\nfunction createEventDestinationDescriptionTemplate() {\n  return '<p class=\"event__destination-description\">Geneva is a city in Switzerland that lies at the southern tip of expansive Lac Léman (Lake Geneva). Surrounded by the Alps and Jura mountains, the city has views of dramatic Mont Blanc.</p>';\n}\n\nexport default class EventDestinationDescription {\n  getTemplate() {\n    return createEventDestinationDescriptionTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nfunction createEventPhotosTapeTemplate() {\n  return '<div class=\"event__photos-tape\"></div>';\n}\n\nexport default class EventPhotosTape {\n  getTemplate() {\n    return createEventPhotosTapeTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n\n","import {createElement} from '../render.js';\n\nconst EVENT_PHOTO = ['img/photos/1.jpg', 'img/photos/2.jpg', 'img/photos/3.jpg', 'img/photos/4.jpg', 'img/photos/5.jpg', ];\n\nlet i = -1;\n\nfunction createEventPhotoTemplate() {\n  i++;\n  return `<img class=\"event__photo\" src=\"${EVENT_PHOTO[i]}\" alt=\"Event photo\"></img>`;\n}\n\nexport default class EventPhoto {\n  getTemplate() {\n    return createEventPhotoTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n","import {createElement} from '../render.js';\n\nfunction createEventPhotosContainerTemplate() {\n  return '<div class=\"event__photos-container\"></div>';\n}\n\nexport default class EventPhotosContainer {\n  getTemplate() {\n    return createEventPhotosContainerTemplate();\n  }\n\n  getElement() {\n    if(!this.element) {\n      this.element = createElement(this.getTemplate());\n    }\n\n    return this.element;\n  }\n\n  removeElement() {\n    this.element = null;\n  }\n}\n\n","import {RenderPosition, render} from './render.js';\nimport SectionTripInfo from './view/section-trip-info-view.js';\nimport TripFiltersForm from './view/trip-filters-form-view.js';\nimport TripFilters from './view/trip-filters-view.js';\nimport SortView from './view/sort-view.js';\nimport TripEventList from './view/trip-events-list-view.js';\nimport TripEventItem from './view/trip-events-item-view.js';\nimport Loading from './view/loading-view.js';\nimport TripEventsMessage from './view/trip-events-message-view.js';\nimport EventEditForm from './view/event-edit-form-view.js';\nimport EventHeader from './view/event-header-view.js';\nimport SectionEventDetails from './view/event-section-details-views.js';\nimport EventSectionTitle from './view/event-section-title-view.js';\nimport EventSectionOffers from './view/event-section-offers-view.js';\nimport EventAvailableOffers from './view/event-available-offers-view.js';\nimport EventOfferSelector from './view/event-offers-selector-view.js';\nimport EventSectionDestination from './view/event-section-detination-view.js';\nimport EventDestinationDescription from './view/event-destination-description-view.js';\nimport EventPhotosTape from './view/event-photos-tape-view.js';\nimport EventPhoto from './view/event-photo-view.js';\nimport EventPhotosContainer from './view/event-photos-container-view.js';\n\nconst tripMain = document.querySelector('.trip-main');\nconst tripControlsFilters = document.querySelector('.trip-controls__filters');\nconst tripEvents = document.querySelector('.trip-events');\n\nrender(new SectionTripInfo(), tripMain, RenderPosition.AFTERBEGIN); // Заголовок, даты, общая цена\nrender (new TripFiltersForm(), tripControlsFilters);\n\nconst tripFilters = document.querySelector('.trip-filters');\n\nfor (let i = 0; i < 4; i++) { // Создание кнопок для сортировки по времени\n  render(new TripFilters(i), tripFilters);\n}\n\nrender (new SortView(), tripEvents); // Создание кнопок для сортировки по дате, виду передвижения, цене...\nrender (new TripEventList(), tripEvents); // Создание списка элементов\n\nconst tripEventList = document.querySelector('.trip-events__list');\n\nfor (let i = 0; i < 9; i++) { // Создание элементов в списке\n  render (new TripEventItem(), tripEventList);\n}\n\nrender (new Loading(), tripEvents); // Сообщение о загрузке\nrender (new TripEventsMessage(), tripEvents);\n\nconst tripEventItem = document.querySelector('.trip-events__item');\nrender (new EventEditForm(), tripEventItem); // Создание формы(контейнера) для редактирования события\n\nconst eventEditForm = document.querySelector('.event--edit');\nrender (new EventHeader(), eventEditForm); // Создание header для редактирования события\nrender (new SectionEventDetails(), eventEditForm); // Создание Секции для редактирования деталей события\n\nconst eventSectionDetails = document.querySelector('.event__details');\nrender (new EventSectionOffers(), eventSectionDetails); //Создание секции offers\n\nconst eventSectionOffers = document.querySelector('.event__section--offers');\nrender (new EventSectionTitle(0), eventSectionOffers); // Создание заголовка для секции деталий события                 КАК ПЕРЕДАТЬ ПЕРЕМЕННЫЕ?\nrender (new EventAvailableOffers(), eventSectionOffers); // Создание контейнера для предложений\n\nconst eventAvailableOffers = document.querySelector('.event__available-offers');\n\nfor (let i = 0; i < 5; i++) { // Создание элементов в списке  предложений\n  render (new EventOfferSelector(), eventAvailableOffers);\n}\n\nrender (new EventSectionDestination(), eventSectionDetails); // создает блок destionation\n\nconst eventSectionDestination = document.querySelector('.event__section--destination');\nrender (new EventSectionTitle(1), eventSectionDestination); // Создание заголовка для секции описания\nrender (new EventDestinationDescription(), eventSectionDestination); // создает описание места\nrender (new EventPhotosContainer(), eventSectionDestination);\n\nconst EventPhotoContainer = document.querySelector('.event__photos-container');\nrender (new EventPhotosTape(), EventPhotoContainer); // создает описание места\n\nconst EventPhotoTape = document.querySelector('.event__photos-tape');\nfor (let i = 0; i < 5; i++) { // Создание элементов в списке  предложений\n  render (new EventPhoto(), EventPhotoTape); // создает фотографии места\n}\n\n"],"names":["createElement","template","newElement","document","innerHTML","firstElementChild","render","component","container","place","arguments","length","undefined","insertAdjacentElement","getElement","SectionTripInfo","_classCallCheck","key","value","concat","this","element","getTemplate","TripFiltersForm","filterName","checkedName","disabledName","i","TripFilters","charAt","toUpperCase","slice","SortView","TripEventList","EVENTS","iconParth","title","eventDate","eventStartTime","eventStartTimeText","eventEndTime","eventEndTimeText","price","OFFERS","TripEventItem","Date","parse","Loading","TripEventsMessage","EventEditForm","EventHeader","SectionEventDetails","titleOptions","EventSectionTitle","EventSectionOffers","EventAvailableOffers","EventOfferSelector","EventSectionDestination","EventDestinationDescription","EventPhotosTape","EVENT_PHOTO","EventPhoto","EventPhotosContainer","tripMain","querySelector","tripControlsFilters","tripEvents","tripFilters","tripEventList","tripEventItem","eventEditForm","eventSectionDetails","eventSectionOffers","eventAvailableOffers","eventSectionDestination","EventPhotoContainer","EventPhotoTape"],"sourceRoot":""}
\ No newline at end of file
diff --git a/3/css/style.css b/3/css/style.css
new file mode 100644
index 0000000..1a6b68f
--- /dev/null
+++ b/3/css/style.css
@@ -0,0 +1,834 @@
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/Montserrat-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/Montserrat-Medium.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 800;
+  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
+}
+
+html {
+  height: 100%; }
+
+body {
+  padding: 0;
+  margin: 0;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: transparent; }
+
+main {
+  display: block; }
+
+@-moz-document url-prefix() {
+  body {
+    font-weight: 200;
+    -moz-osx-font-smoothing: grayscale; } }
+
+.visually-hidden {
+  position: absolute;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  border: 0; }
+
+.page-body {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  height: 100%;
+  min-width: 1200px;
+  padding: 0;
+  margin: 0;
+  font-size: 17px;
+  line-height: 1.2;
+  font-family: "Montserrat", "Arial", sans-serif;
+  color: #000000;
+  background-color: #f2f2f2; }
+
+.page-body__container {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  position: relative;
+  z-index: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 1200px;
+  padding: 0 10px;
+  margin: 0 auto; }
+  .page-body__container::after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    left: 130px;
+    width: 2px;
+    background-color: rgba(255, 255, 255, 0.58); }
+
+.page-body__page-main {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column; }
+
+.btn {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  padding: 4px 16px 5px;
+  font-weight: 500;
+  font-size: 17px;
+  line-height: 21px;
+  font-family: inherit;
+  text-decoration: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  border: none;
+  border-radius: 15px;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .btn:hover {
+    opacity: 0.8; }
+  .btn:active {
+    opacity: 0.6; }
+  .btn--big {
+    padding: 17px 29px 16px;
+    font-size: 18px;
+    line-height: 21px;
+    border-radius: 27px; }
+  .btn--yellow {
+    color: #424242;
+    background-color: #ffd054; }
+  .btn--blue {
+    color: #ffffff;
+    background-color: #0d8ae4; }
+  .btn:disabled {
+    opacity: 0.46;
+    cursor: default; }
+
+.page-header {
+  padding-top: 23px;
+  color: #ffffff;
+  background-color: #078ff0;
+  background-image: url("../img/header-bg.png");
+  background-size: cover;
+  background-repeat: no-repeat; }
+  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
+    .page-header {
+      background-image: url("../img/header-bg@2x.png"); } }
+
+.page-header__container {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  padding-left: 110px; }
+
+.page-header__logo {
+  display: block;
+  width: 42px;
+  height: 42px;
+  margin-right: 18px; }
+
+.trip-main {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding-bottom: 10px; }
+  .trip-main--hidden {
+    display: none; }
+
+.trip-main__trip-info {
+  width: 100%;
+  margin-bottom: 35px; }
+
+.trip-main__trip-controls {
+  margin-top: 36px;
+  width: 600px; }
+
+.trip-main__event-add-btn {
+  min-width: 170px;
+  margin-left: auto; }
+  .trip-main__event-add-btn::before {
+    content: "\002B\000A0"; }
+  .trip-main__event-add-btn--hidden {
+    display: none; }
+
+.trip-info {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify; }
+
+.trip-info__main {
+  width: 600px; }
+
+.trip-info__title {
+  margin: 0;
+  margin-bottom: 4px;
+  font-weight: 800;
+  font-size: 17px;
+  line-height: 21px; }
+
+.trip-info__dates {
+  margin: 0;
+  font-weight: 800;
+  font-size: 13px;
+  line-height: 16px;
+  text-transform: uppercase;
+  opacity: 0.8; }
+
+.trip-info__cost {
+  width: 170px;
+  margin: 0 0 0 auto;
+  font-weight: 700;
+  font-size: 21px;
+  line-height: 25px;
+  text-align: center; }
+
+.trip-controls__trip-tabs {
+  margin-bottom: 9px; }
+
+.trip-tabs {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: start;
+      align-items: flex-start; }
+
+.trip-tabs__btn {
+  display: block;
+  font-weight: 500;
+  font-size: 21px;
+  line-height: 25px;
+  text-decoration: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: inherit;
+  opacity: 0.8;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .trip-tabs__btn:not(:last-of-type) {
+    margin-right: 26px; }
+  .trip-tabs__btn:hover {
+    opacity: 1; }
+  .trip-tabs__btn:active {
+    opacity: 0.6; }
+  .trip-tabs__btn--active, .trip-tabs__btn--active:hover, .trip-tabs__btn--active:active {
+    opacity: 1;
+    cursor: default; }
+
+.trip-filters {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: start;
+      align-items: flex-start; }
+  .trip-filters--hidden {
+    display: none; }
+
+.trip-filters__filter:not(:last-of-type) {
+  margin-right: 19px; }
+
+.trip-filters__filter-label {
+  font-weight: 800;
+  font-size: 14px;
+  line-height: 17px;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  opacity: 0.6;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .trip-filters__filter-label:hover {
+    opacity: 1; }
+  .trip-filters__filter-label:active {
+    opacity: 0.6; }
+  .trip-filters__filter-input:checked + .trip-filters__filter-label {
+    opacity: 1;
+    cursor: default; }
+  .trip-filters__filter-input:disabled + .trip-filters__filter-label {
+    opacity: 0.4;
+    cursor: default; }
+
+.trip-events {
+  padding-top: 22px; }
+  .trip-events--hidden {
+    display: none; }
+
+.trip-events__trip-sort {
+  margin-bottom: 8px; }
+
+.trip-events__msg {
+  margin: 0;
+  margin-top: 280px;
+  font-weight: 500;
+  font-size: 44px;
+  line-height: 60px;
+  text-align: center;
+  opacity: 0.89; }
+  .trip-events__msg--hidden {
+    display: none; }
+
+.trip-events__list {
+  padding: 0;
+  margin: 0;
+  list-style: none; }
+
+.trip-events__item {
+  margin-bottom: 54px;
+  margin-left: auto; }
+
+.trip-sort {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-align: center;
+      align-items: center; }
+
+.trip-sort__item {
+  margin-right: 15px;
+  font-weight: 800;
+  font-size: 13px;
+  line-height: 16px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #b4b4b4;
+  cursor: default;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s; }
+  .trip-sort__item:last-child {
+    margin-right: 0; }
+  .trip-sort__item--day {
+    width: 55px;
+    text-align: center;
+    margin-right: 83px; }
+  .trip-sort__item--event {
+    width: 300px; }
+  .trip-sort__item--time {
+    width: 225px; }
+  .trip-sort__item--price {
+    width: 90px; }
+
+.trip-sort__btn {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 7px 15px 6px 22px;
+  border: 1px solid transparent;
+  border-radius: 14px;
+  cursor: pointer; }
+  .trip-sort__btn:hover {
+    color: #000000; }
+    .trip-sort__input:checked + .trip-sort__btn {
+      position: relative;
+      color: #000000;
+      border-color: #000000; }
+      .trip-sort__input:checked +  .trip-sort__btn::before {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 8px;
+      width: 8px;
+      height: 8px;
+      background-color: #ffd054;
+      border-radius: 50%;
+      -webkit-transform: translateY(-50%);
+              transform: translateY(-50%); }
+
+.trip-sort__input:disabled + .trip-sort__btn {
+  opacity: 0.6; }
+.trip-sort__input:disabled + .trip-sort__btn:hover {
+  color: #b4b4b4;
+  cursor: default; }
+
+.event {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 20px;
+  font-size: 17px;
+  line-height: 21px; }
+  .event--edit {
+    display: block;
+    margin-left: 80px;
+    padding: 0;
+    background-color: #ffffff;
+    border-radius: 18px;
+    -webkit-box-shadow: 0 11px 20px rgba(0, 0, 0, 0.043);
+            box-shadow: 0 11px 20px rgba(0, 0, 0, 0.043); }
+
+.event__header {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 20px; }
+
+.event__date {
+  display: block;
+  min-width: 80px;
+  font-size: 13px;
+  line-height: 16px;
+  text-transform: uppercase;
+  text-align: left; }
+
+.event__type-wrapper {
+  position: relative; }
+
+.event__type {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 42px;
+  height: 42px;
+  margin-right: 18px;
+  background-color: #ffffff;
+  border-radius: 50%; }
+
+.event__type-btn {
+  padding: 0;
+  border: 1px solid #0d8ae4;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer; }
+
+.event__type-icon {
+  display: block;
+  width: 17px;
+  height: 17px; }
+
+.event__type-list {
+  position: absolute;
+  z-index: 2;
+  top: calc(100% + 7px);
+  left: -20px;
+  display: none;
+  width: 180px;
+  background-color: #ffffff;
+  border: 1px solid rgba(151, 151, 151, 0.169724);
+  -webkit-box-shadow: 0 11px 20px rgba(0, 0, 0, 0.219146);
+          box-shadow: 0 11px 20px rgba(0, 0, 0, 0.219146);
+  border-radius: 4px; }
+
+.event__type-toggle:checked + .event__type-list {
+  display: block; }
+
+.event__type-group {
+  padding: 13px 0 11px;
+  margin: 0;
+  border: none; }
+  .event__type-group:not(:last-of-type) {
+    border-bottom: 1px solid rgba(151, 151, 151, 0.33); }
+
+.event__type-item:not(:last-child) {
+  margin-bottom: 5px; }
+
+.event__type-label {
+  position: relative;
+  display: block;
+  padding: 5px 10px 5px 62px;
+  font-size: 17px;
+  line-height: 21px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s; }
+  .event__type-label::before {
+    content: "";
+    position: absolute;
+    top: calc(50% - 3px);
+    left: 32px;
+    width: 17px;
+    height: 17px;
+    background-position: 0 0;
+    background-size: 17px 17px;
+    background-repeat: no-repeat;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  .event__type-label--taxi::before {
+    background-image: url("../img/icons/taxi.png"); }
+  .event__type-label--bus::before {
+    background-image: url("../img/icons/bus.png"); }
+  .event__type-label--train::before {
+    background-image: url("../img/icons/train.png"); }
+  .event__type-label--ship::before {
+    background-image: url("../img/icons/ship.png"); }
+  .event__type-label--drive::before {
+    background-image: url("../img/icons/drive.png"); }
+  .event__type-label--flight::before {
+    background-image: url("../img/icons/flight.png"); }
+  .event__type-label--check-in::before {
+    background-image: url("../img/icons/check-in.png"); }
+  .event__type-label--sightseeing::before {
+    background-image: url("../img/icons/sightseeing.png"); }
+  .event__type-label--restaurant::before {
+    background-image: url("../img/icons/restaurant.png"); }
+  .event__type-label:hover {
+    color: #ffd054; }
+
+.event__type-input:checked + .event__type-label {
+  color: #000000;
+  background-color: #ffd054; }
+  .event__type-input:checked + .event__type-label::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 11px;
+    width: 8px;
+    height: 8px;
+    background-color: #ffffff;
+    border-radius: 50%;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+
+.event__title {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 298px;
+  margin: 0;
+  margin-right: 15px;
+  font-weight: 400;
+  font-size: inherit; }
+  .event__title::first-letter {
+    text-transform: capitalize; }
+
+.event__schedule {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 230px;
+  margin-right: 15px; }
+
+.event__time {
+  margin: 0;
+  margin-bottom: 4px; }
+
+.event__duration {
+  margin: 0;
+  font-size: 14px;
+  line-height: 17px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #999999;
+  opacity: 0.9; }
+
+.event__price {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 90px;
+  margin: 0;
+  margin-right: 15px; }
+
+.event__selected-offers {
+  width: 220px;
+  padding: 0;
+  margin: 0;
+  font-weight: 600;
+  list-style: none; }
+
+.event__rollup-btn {
+  position: relative;
+  display: block;
+  width: 40px;
+  height: 40px;
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  border: none;
+  cursor: pointer; }
+  .event__rollup-btn::after {
+    content: "";
+    position: absolute;
+    top: calc(50% - 5px);
+    left: 50%;
+    width: 10px;
+    height: 10px;
+    border-right: 2px solid #000000;
+    border-bottom: 2px solid #000000;
+    -webkit-transform: translate(-50%, -50%) rotate(45deg);
+            transform: translate(-50%, -50%) rotate(45deg);
+    -webkit-transition: border-color 0.2s, -webkit-transform 0.6s;
+    transition: border-color 0.2s, -webkit-transform 0.6s;
+    transition: border-color 0.2s, transform 0.6s;
+    transition: border-color 0.2s, transform 0.6s, -webkit-transform 0.6s; }
+  .event__rollup-btn:hover::after {
+    border-color: #0d8ae4; }
+
+.event--edit .event__rollup-btn {
+  margin-left: auto; }
+.event--edit .event__rollup-btn::after {
+  top: calc(50% + 3px);
+  -webkit-transform: translate(-50%, -50%) rotate(225deg);
+          transform: translate(-50%, -50%) rotate(225deg); }
+
+.event__field-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 5px 2px;
+  margin-right: 18px;
+  border-bottom: 1px solid #0d8ae4; }
+  .event__field-group--destination {
+    width: 290px; }
+
+.event__label {
+  margin-right: 5px;
+  cursor: pointer; }
+  .event__label::first-letter {
+    text-transform: capitalize; }
+
+.event__input {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  padding: 0;
+  font-size: inherit;
+  line-height: inherit;
+  font-family: inherit;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border: none; }
+  .event__input--destination {
+    width: 150px; }
+    .event__input--destination::-webkit-calendar-picker-indicator {
+      display: none; }
+  .event__input--time {
+    width: 130px;
+    text-align: center; }
+  .event__input--price {
+    width: 66px; }
+
+.event__save-btn {
+  margin-right: 18px; }
+
+.event__reset-btn {
+  display: block;
+  padding: 0;
+  font-weight: 500;
+  font-size: 17px;
+  line-height: 21px;
+  font-family: inherit;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: #0d8ae4;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  -webkit-transition: opacity 0.2s;
+  transition: opacity 0.2s; }
+  .event__reset-btn:hover {
+    opacity: 0.8; }
+  .event__reset-btn:active {
+    opacity: 0.6; }
+
+.event__favorite-btn {
+  margin: 0 10px;
+  margin-left: auto;
+  color: #ebebeb;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  outline: none;
+  -webkit-transition: color 0.2s;
+  transition: color 0.2s; }
+  .event__favorite-btn:hover,
+  .event__favorite-btn:focus {
+    color: rgba(255, 208, 84, 0.6); }
+  .event__favorite-btn--active {
+    color: #ffd054;
+  }
+
+.event__favorite-icon {
+  display: block;
+  width: 28px;
+  height: 28px;
+  fill: currentColor;
+  -webkit-transition: fill 0.2s;
+  transition: fill 0.2s; }
+
+.event__details {
+  padding: 20px 0 27px;
+  border-top: 2px solid #ffd054; }
+
+.event--blocked .event__details {
+  position: relative; }
+  .event--blocked .event__details::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: rgba(255, 255, 255, 0.8);
+    border-radius: 0 0 18px 18px; }
+
+.event__details-title {
+  padding-left: 20px;
+  margin: 0;
+  margin-bottom: 24px;
+  font-weight: 500;
+  font-size: 23px;
+  line-height: 27px; }
+
+.event__section:not(:last-child) {
+  margin-bottom: 28px; }
+
+.event__section--offers {
+  padding: 0 20px; }
+
+.event__section--destination {
+  padding: 0 20px; }
+
+.event__section-title {
+  margin: 0;
+  font-weight: 800;
+  font-size: 14px;
+  line-height: 17px;
+  letter-spacing: 0.6px;
+  text-transform: uppercase;
+  color: #ffd054; }
+  .event__section-title--offers {
+    margin-bottom: 15px; }
+  .event__section-title--destination {
+    margin-bottom: 8px;}
+
+.event__available-offers {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-bottom: -6px; }
+
+.event__offer::first-letter {
+  text-transform: capitalize; }
+
+.event__offer-selector {
+  margin-bottom: 6px; }
+  .event__offer-selector:not(:last-of-type) {
+    margin-right: 6px; }
+
+.event__offer-label {
+  display: block;
+  padding: 22px 30px 21px;
+  font-size: 17px;
+  line-height: 21px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-color: #f2f2f2;
+  border-radius: 32px;
+  cursor: pointer;
+  -webkit-transition: background-color 0.2s;
+  transition: background-color 0.2s; }
+  .event__offer-label:hover {
+    background-color: rgba(13, 138, 228, 0.6); }
+  .event__offer-label::first-letter {
+    text-transform: capitalize; }
+
+.event__offer-checkbox:checked + .event__offer-label {
+  background-color: #0d8ae4; }
+
+.event__destination-description {
+  width: 560px;
+  margin: 0;
+  margin-bottom: 16px;
+  font-size: 15px;
+  line-height: 18px; }
+
+.event__photos-container {
+  width: 100%;
+  overflow-x: scroll; }
+
+.event__photos-tape {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: start;
+      align-items: flex-start; }
+
+.event__photo {
+  display: block;
+  height: 152px;
+  width: auto;
+  border-radius: 4px; }
+  .event__photo:first-child {
+    padding-left: 20px; }
+  .event__photo:last-child {
+    padding-right: 20px; }
+  .event__photo:not(:last-child) {
+    margin-right: 5px; }
diff --git a/3/fonts/Montserrat-Bold.woff2 b/3/fonts/Montserrat-Bold.woff2
new file mode 100644
index 0000000..3d0b409
Binary files /dev/null and b/3/fonts/Montserrat-Bold.woff2 differ
diff --git a/3/fonts/Montserrat-ExtraBold.woff2 b/3/fonts/Montserrat-ExtraBold.woff2
new file mode 100644
index 0000000..0abb707
Binary files /dev/null and b/3/fonts/Montserrat-ExtraBold.woff2 differ
diff --git a/3/fonts/Montserrat-Medium.woff2 b/3/fonts/Montserrat-Medium.woff2
new file mode 100644
index 0000000..9dc5c7f
Binary files /dev/null and b/3/fonts/Montserrat-Medium.woff2 differ
diff --git a/3/fonts/Montserrat-Regular.woff2 b/3/fonts/Montserrat-Regular.woff2
new file mode 100644
index 0000000..70788c2
Binary files /dev/null and b/3/fonts/Montserrat-Regular.woff2 differ
diff --git a/3/fonts/Montserrat-SemiBold.woff2 b/3/fonts/Montserrat-SemiBold.woff2
new file mode 100644
index 0000000..29cc1a9
Binary files /dev/null and b/3/fonts/Montserrat-SemiBold.woff2 differ
diff --git a/3/img/header-bg.png b/3/img/header-bg.png
new file mode 100644
index 0000000..c7ccbda
Binary files /dev/null and b/3/img/header-bg.png differ
diff --git a/3/img/header-bg@2x.png b/3/img/header-bg@2x.png
new file mode 100644
index 0000000..26716e3
Binary files /dev/null and b/3/img/header-bg@2x.png differ
diff --git a/3/img/icons/bus.png b/3/img/icons/bus.png
new file mode 100644
index 0000000..bb2bad6
Binary files /dev/null and b/3/img/icons/bus.png differ
diff --git a/3/img/icons/check-in.png b/3/img/icons/check-in.png
new file mode 100644
index 0000000..866702e
Binary files /dev/null and b/3/img/icons/check-in.png differ
diff --git a/3/img/icons/drive.png b/3/img/icons/drive.png
new file mode 100644
index 0000000..ef3522d
Binary files /dev/null and b/3/img/icons/drive.png differ
diff --git a/3/img/icons/flight.png b/3/img/icons/flight.png
new file mode 100644
index 0000000..3e690ca
Binary files /dev/null and b/3/img/icons/flight.png differ
diff --git a/3/img/icons/restaurant.png b/3/img/icons/restaurant.png
new file mode 100644
index 0000000..d677771
Binary files /dev/null and b/3/img/icons/restaurant.png differ
diff --git a/3/img/icons/ship.png b/3/img/icons/ship.png
new file mode 100644
index 0000000..e854301
Binary files /dev/null and b/3/img/icons/ship.png differ
diff --git a/3/img/icons/sightseeing.png b/3/img/icons/sightseeing.png
new file mode 100644
index 0000000..a87e06b
Binary files /dev/null and b/3/img/icons/sightseeing.png differ
diff --git a/3/img/icons/taxi.png b/3/img/icons/taxi.png
new file mode 100644
index 0000000..f052e81
Binary files /dev/null and b/3/img/icons/taxi.png differ
diff --git a/3/img/icons/train.png b/3/img/icons/train.png
new file mode 100644
index 0000000..1dfd1f3
Binary files /dev/null and b/3/img/icons/train.png differ
diff --git a/3/img/icons/transport.png b/3/img/icons/transport.png
new file mode 100644
index 0000000..9200b63
Binary files /dev/null and b/3/img/icons/transport.png differ
diff --git a/3/img/logo.png b/3/img/logo.png
new file mode 100644
index 0000000..f11c3ae
Binary files /dev/null and b/3/img/logo.png differ
diff --git a/3/img/photos/1.jpg b/3/img/photos/1.jpg
new file mode 100644
index 0000000..2234819
Binary files /dev/null and b/3/img/photos/1.jpg differ
diff --git a/3/img/photos/2.jpg b/3/img/photos/2.jpg
new file mode 100644
index 0000000..833055b
Binary files /dev/null and b/3/img/photos/2.jpg differ
diff --git a/3/img/photos/3.jpg b/3/img/photos/3.jpg
new file mode 100644
index 0000000..b63e90a
Binary files /dev/null and b/3/img/photos/3.jpg differ
diff --git a/3/img/photos/4.jpg b/3/img/photos/4.jpg
new file mode 100644
index 0000000..de034f4
Binary files /dev/null and b/3/img/photos/4.jpg differ
diff --git a/3/img/photos/5.jpg b/3/img/photos/5.jpg
new file mode 100644
index 0000000..fa162ab
Binary files /dev/null and b/3/img/photos/5.jpg differ
diff --git a/3/index.html b/3/index.html
new file mode 100644
index 0000000..2e2480c
--- /dev/null
+++ b/3/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Big Trip</title><link rel="stylesheet" href="./css/style.css"><script defer="defer" src="bundle.e0c298bc55f37dc6e8bb.js"></script></head><body class="page-body"><header class="page-header"><div class="page-body__container page-header__container"><img class="page-header__logo" src="img/logo.png" width="42" height="42" alt="Trip logo"><div class="trip-main"><div class="trip-main__trip-controls trip-controls"><div class="trip-controls__filters"><h2 class="visually-hidden">Filter events</h2></div></div><button class="trip-main__event-add-btn btn btn--big btn--yellow" type="button">New event</button></div></div></header><main class="page-body__page-main page-main"><div class="page-body__container"><section class="trip-events"><h2 class="visually-hidden">Trip events</h2></section></div></main></body></html>
\ No newline at end of file