task_integra_readme

task_5/landing5/assets/1f4aa.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#EF9645" d="M15.977 9.36h3.789c.114-.191.147-.439.058-.673l-3.846-4.705V9.36z"/><path fill="#FFDC5D" d="M12.804 22.277c-.057-.349-.124-.679-.206-.973-.62-2.223-1.14-3.164-.918-5.494.29-1.584.273-4.763 4.483-4.268 1.112.131 2.843.927 3.834.91.567-.01.98-1.157 1.017-1.539.051-.526-.865-1.42-1.248-1.554-.383-.134-2.012-.631-2.681-.824-1.039-.301-.985-1.705-1.051-2.205-.031-.235.084-.467.294-.591.21-.124.375-.008.579.125l.885.648c.497.426-.874 1.24-.503 1.376 0 0 1.755.659 2.507.796.412.075 1.834-1.529 1.917-2.47.065-.74-3.398-4.083-5.867-5.381-.868-.456-1.377-.721-1.949-.694-.683.032-.898.302-1.748 1.03C8.302 4.46 4.568 11.577 4.02 13.152c-2.246 6.461-2.597 9.865-2.677 11.788-.049.59-.076 1.177-.076 1.758.065 0-1 5 0 6s5.326 1 5.326 1c10 3.989 28.57 2.948 28.57-7.233 0-12.172-18.813-10.557-22.359-4.188z"/><path fill="#EF9645" d="M20.63 32.078c-3.16-.332-5.628-1.881-5.767-1.97-.465-.297-.601-.913-.305-1.379s.913-.603 1.38-.308c.04.025 4.003 2.492 7.846 1.467 2.125-.566 3.867-2.115 5.177-4.601.258-.49.866-.676 1.351-.419.488.257.676.862.419 1.351-1.585 3.006-3.754 4.893-6.447 5.606-1.257.332-2.502.374-3.654.253z"/></svg>

task_5/landing5/assets/1f4cd.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><ellipse fill="#292F33" cx="18" cy="34.5" rx="4" ry="1.5"/><path fill="#99AAB5" d="M14.339 10.725S16.894 34.998 18.001 35c1.106.001 3.66-24.275 3.66-24.275h-7.322z"/><circle fill="#DD2E44" cx="18" cy="8" r="8"/></svg>

task_5/landing5/assets/1f60d.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#FFCC4D" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18 8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M18 21.849c-2.966 0-4.935-.346-7.369-.819-.557-.106-1.638 0-1.638 1.638 0 3.275 3.763 7.369 9.007 7.369s9.007-4.094 9.007-7.369c0-1.638-1.082-1.745-1.638-1.638-2.434.473-4.402.819-7.369.819"/><path fill="#DD2E44" d="M16.65 3.281C15.791.85 13.126-.426 10.694.431c-1.476.52-2.521 1.711-2.928 3.104-1.191-.829-2.751-1.1-4.225-.58C1.111 3.813-.167 6.48.692 8.911c.122.344.284.663.472.958 1.951 3.582 7.588 6.1 11.001 6.131 2.637-2.167 5.446-7.665 4.718-11.677-.038-.348-.113-.698-.233-1.042zm2.7 0C20.209.85 22.875-.426 25.306.431c1.476.52 2.521 1.711 2.929 3.104 1.191-.829 2.751-1.1 4.225-.58 2.43.858 3.707 3.525 2.85 5.956-.123.344-.284.663-.473.958-1.951 3.582-7.588 6.1-11.002 6.131-2.637-2.167-5.445-7.665-4.717-11.677.037-.348.112-.698.232-1.042z"/></svg>

task_5/landing5/assets/1f615.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#FFCC4D" d="M36 18c0 9.941-8.059 18-18 18-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><ellipse fill="#664500" cx="11.5" cy="16.5" rx="2.5" ry="3.5"/><ellipse fill="#664500" cx="24.5" cy="16.5" rx="2.5" ry="3.5"/><path fill="#664500" d="M12 28c2-5 13-5 13-3 0 1-8-1-13 3z"/></svg>

task_5/landing5/assets/1f97c.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#9AAAB4" d="M23 34s-2-1-5-1-5 1-5 1l.999-32h8.002L23 34z"/><path fill="#E1E8ED" d="M17.978 0h1c2 0 4.001 2 4.001 2s3.227 1.274 6.227 2.274S36.028 22.479 36 23.668c-.022.96-4.746 1.866-4.975 1.263-.517-1.361-1.718-5.296-2.83-10.804 0 11 2.416 19.707 2.416 19.707S24.978 36 21.978 36c-1-4-.999-17-.999-20S17.978 0 17.978 0z"/><path fill="#E1E8ED" d="M18 0h-1c-2 0-4.001 2-4.001 2S9.772 3.274 6.772 4.274c-3 1-6.821 18.205-6.794 19.394.022.96 4.746 1.866 4.974 1.263.517-1.361 1.717-4.993 2.83-10.804 0 11-2.416 19.707-2.416 19.707S11 36 14 36c1-4 .999-17 .999-20S18 0 18 0z"/><path fill="#F5F8FA" d="M24.002 4S21 0 19 0h-2c-2 0-5.002 4-5.002 4l2.001 1-2.001 1 3.001 10.004h6.002L24.002 6l-2.001-1 2.001-1zM12.18 28.167c-.537.062-2.668-.25-3.084-.458-.565-.283-.648-.615-.583-1.208.065-.594.311-1.344.425-3.5.909.417 2.951.542 4.535.583 0 1.812-.332 3.417-.332 3.417-.069.549-.424 1.103-.961 1.166zm11.64 0c.537.062 2.667-.25 3.084-.458.565-.283.648-.615.583-1.208-.065-.594-.311-1.344-.425-3.5-.909.417-2.951.542-4.535.583 0 1.812.332 3.417.332 3.417.069.549.424 1.103.961 1.166z"/><ellipse fill="#BB1A34" cx="23.563" cy="13.813" rx=".354" ry="2.021"/><ellipse fill="#4289C1" cx="24.563" cy="13.813" rx=".354" ry="2.021"/><path fill="#F5F8FA" d="M25.918 16.917c-.39.153-2.209.167-2.709-.042-.5-.208-.688-.438-.729-1.021-.042-.583.062-2.854.062-2.854h3.959s.125 1.625.125 3c.001.585-.254.739-.708.917z"/><path fill="#CCD6DD" d="M21.001 3.5h-6.002v-1c0-1.105.895-2 2-2h2.002c1.105 0 2 .895 2 2v1z"/><path fill="#9AAAB4" d="M21.001 31.712h-6.002V3.501c0-1.105.895-2 2-2h2.002c1.105 0 2 .895 2 2v28.211z"/></svg>

task_5/landing5/assets/1f9fe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#CCD6DD" d="M32 36l-2-2-2 2-2-2-2 2-2-2-2 2-2-2-2 2-2-2-2 2-2-2-2 2-2-2-2 2V0l2 2 1.958-2L10 2l2.042-2L14 2l2.042-2L18 2l2.083-2L22 2l2.125-2L26 2l1.958-2L30 2l2-2z"/><path fill="#99AAB5" d="M19 17H9c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1zm8 0h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1zm-8 4H9c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1zm8 0h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1zm0 6H9c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1zm0 4h-4c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1z"/><circle fill="#99AAB5" cx="18" cy="8" r="4"/></svg>

task_5/landing5/assets/index.css

@@ -0,0 +1 @@
+@font-face{font-family:"Abril Fatface";font-style:normal;font-display:swap;font-weight:400;src:url("./files/abril-fatface-latin-ext-400-normal.woff2") format("woff2"),url("./files/abril-fatface-all-400-normal.woff") format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Abril Fatface";font-style:normal;font-display:swap;font-weight:400;src:url("./files/abril-fatface-latin-400-normal.woff2") format("woff2"),url("./files/abril-fatface-all-400-normal.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

task_5/landing5/assets/jquery.gpopover.css

@@ -0,0 +1,43 @@
+/*
+ * jquery-gpopover
+ * http://github.com/markembling/jquery-gpopover
+ *
+ * A simple jQuery plugin for creating popover elements similar to Google's 
+ * new 'apps' launcher/switcher.
+ *
+ * Copyright (c) 2013 Mark Embling (markembling.info)
+ * Licensed under the BSD (3 clause) license.
+ */
+
+.gpopover {
+    background-color: #FFF;
+    border: 1px solid #CCC;
+    border-color: rgba(0, 0, 0, 0.2);
+    border-radius: 2px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    display: none;
+    padding: 12px;
+    position: absolute;
+    z-index: 998;
+}
+
+.gpopover .gpopover-arrow {
+    border: 8px solid transparent;
+    border-bottom-color: #FFF;
+    border-top-width: 0;
+    height: 0;
+    position: absolute;
+    width: 0;
+    z-index: 999;
+}
+
+.gpopover .gpopover-arrow-shadow {
+    border: 8px solid transparent;
+    border-bottom-color: #C0C0C0;
+    border-bottom-color: rgba(0, 0, 0, 0.275);
+    border-top-width: 0;
+    height: 0;
+    position: absolute;
+    width: 0;
+    z-index: 997;
+}

task_5/landing5/assets/lg.css

@@ -0,0 +1,36 @@
+.wpsc-lg-12 {
+	width: 100%;
+}
+.wpsc-lg-11 {
+	width: 91.66666667%;
+}
+.wpsc-lg-10 {
+	width: 83.33333333%;
+}
+.wpsc-lg-9 {
+	width: 75%;
+}
+.wpsc-lg-8 {
+	width: 66.66666667%;
+}
+.wpsc-lg-7 {
+	width: 58.33333333%;
+}
+.wpsc-lg-6 {
+	width: 50%;
+}
+.wpsc-lg-5 {
+	width: 41.66666667%;
+}
+.wpsc-lg-4 {
+	width: 33.33333333%;
+}
+.wpsc-lg-3 {
+	width: 25%;
+}
+.wpsc-lg-2 {
+	width: 16.66666667%;
+}
+.wpsc-lg-1 {
+	width: 8.33333333%;
+}

task_5/landing5/assets/style.css

@@ -0,0 +1,74 @@
+.ib-countdown {
+  text-align: center;
+  font-size: 1px; }
+  .ib-countdown .ib-countdown-number {
+    position: relative;
+    display: inline-block;
+    margin-left: 5px;
+    margin-right: 5px; }
+  .ib-countdown .ib-countdown-unit {
+    position: relative; }
+  .ib-countdown .ib-countdown-unit-number {
+    font-size: 24px;
+    line-height: 1; }
+  .ib-countdown .ib-countdown-unit-label {
+    min-width: 80px;
+    font-size: 13px; }
+  .ib-countdown .ib-countdown-circle-container {
+    max-width: 100px;
+    max-height: 100px; }
+  .ib-countdown.ib-countdown-layout-circle .ib-countdown-unit {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+  .ib-countdown.ib-countdown-separator-colon .ib-countdown-number:after {
+    content: ':';
+    display: inline-block;
+    font-size: 30px;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    z-index: 10;
+    -webkit-transform: translateY(-50%);
+    -moz-transform: translateY(-50%);
+    transform: translateY(-50%); }
+  .ib-countdown.ib-countdown-separator-colon .ib-countdown-number:last-child:after {
+    content: none; }
+  .ib-countdown.ib-countdown-separator-line .ib-countdown-number:after {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 10;
+    width: 1px;
+    background: #ccc;
+    box-shadow: none; }
+  .ib-countdown.ib-countdown-separator-line .ib-countdown-number:last-child:after {
+    content: none; }
+  .ib-countdown .ib-countdown-svg-wrap {
+    display: inline-block;
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    height: auto;
+    padding-bottom: 100%; }
+    .ib-countdown .ib-countdown-svg-wrap svg {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%; }
+      .ib-countdown .ib-countdown-svg-wrap svg circle {
+        stroke-width: 3px; }
+        .ib-countdown .ib-countdown-svg-wrap svg circle.ib-number-bg {
+          stroke: #ccc; }
+        .ib-countdown .ib-countdown-svg-wrap svg circle.ib-number {
+          stroke: #000; }
+  .ib-countdown .ib-countdown-msg {
+    display: none;
+    font-size: 20px; }
+
+.ib-block-countdown[data-expired="true"][data-hide="true"] .ib-countdown-time {
+  display: none; }

task_5/landing5/assets/widget.css

@@ -0,0 +1 @@
+.tf-v1-widget{width:100%;height:100%;min-height:inherit;position:relative}.tf-v1-widget iframe{width:100%;height:100%;border:none;overflow:hidden;border-radius:8px;min-height:inherit}.tf-v1-widget-close{display:none}.tf-v1-widget-iframe-overlay{width:100%;height:100%;border:none;overflow:hidden;border-radius:8px;position:absolute;top:0;left:0}.tf-v1-widget-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;width:100% !important;height:100% !important}.tf-v1-widget-fullscreen .tf-v1-widget-close{display:block;display:block;padding:0;margin:0;position:absolute;font-size:32px;font-weight:normal;line-height:24px;width:24px;height:24px;text-align:center;text-transform:none;cursor:pointer;opacity:.75;transition:opacity .25s ease-in-out;text-decoration:none;color:#000;top:6px;right:8px;background:none;border:none;border-radius:0;z-index:1}.tf-v1-widget-fullscreen .tf-v1-widget-close:hover{opacity:1}@media(min-width: 481px){.tf-v1-widget-fullscreen .tf-v1-widget-close{color:#fff !important}}.tf-v1-widget-fullscreen iframe{border-radius:0}

task_5/task_5.md

@@ -0,0 +1,9 @@
+# Задание к лендингу №5
+
+[< Назад к документации](../docs.md)
+
+## Задачи
+
+- Исправить некорректное отображение лендинга на телефоне (появляется горизонтальный скролл, чего быть не должно) +
+- Текст в поле ввода номера телефона должен идти слева на право + 
+- Исправить проблему долгой загрузки лендинга +