Alena/Task-Integra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

task_integra_readme

Browse Source
This commit is contained in:
Alena Trushcheva
2025-10-31 16:11:41 +03:00
parent 5fa85e6e24
commit 6105df13e5
286 changed files with 22980 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
docs.md Normal file
View File

@@ -0,0 +1,199 @@
# Документация к тестовым заданиям
Тестовое задание расчитано именно на проверку ваших навыков верстки и для этой проверки
вам даны 5 разные лендингов, которые необходимо будет изменить / обновить по ТЗ.
Эти ТЗ максимально приближены к реальным задачам, которые вы будете встречать на вакансии.
Для вашего удобства ниже приведены списки с готовыми скриптами и формами для быстрой вставки на лендинг.
## Задачи
Все лендинги должны соответствовать следующему списку базовых требований:
- Корректно отображаются на телефонах
- При клики на какие-либо ссылки - пользователя не редеректит на другие страницы, а скролит к форме заказа
- Обязательное наличие маски для номера телефона
- Относительно быстрая загрузка страницы при медленном интернете
Так же все фото, которые вам могут понадобиться во время выполнения работы вы можете найти в папке */images*.
- [Задание к лендингу №1](task_1/task_1.md)
- [Задание к лендингу №2](task_2/task_2.md)
- [Задание к лендингу №3](task_3/task_3.md)
- [Задание к лендингу №4](task_4/task_4.md)
- [Задание к лендингу №5](task_5/task_5.md)
## Скрипты
Стандартные скрипты, которые будут нужны для работы лендинга.
### Динамические даты
```html
<script>
function dtime_nums(offset) {
const date = new Date();
date.setDate(date.getDate() + offset);
document.write(date.toLocaleDateString());
}
</script>
```
Для использования вставляем следующий код в то место, где нужно вывести дату.
```html
<script>dtime_nums(0)</script>
```
вместо 0 можно ставить любое отклонение от текущей даты в днях.
Например, если установить -1, то будет выведена дата вчерашнего дня.
### Скролл к форме
Скрип для плавного скролла к форме.
Вешает на все ссылки собитие клика, чтобы по нажатию пользователя скролило к форме без перехода или перезагрузки страницы.
Для работы нужно указать id блока, к которому будет скролить ссылки в переменной **target**.
Скрипт вставляется в конец тега `<body>`.
```html
<script>
const target = 'form' // Здесь указыватся id блока, к которому будет скролить ссылки с пустым href
const links = document.getElementsByTagName('a')
for (let i = 0; i < links.length; i++) {
let link = links[i]
link.addEventListener('click', function (event) {
event.preventDefault()
document.getElementById(target).scrollIntoView({
behavior: 'smooth',
block: 'start'
});
})
}
</script>
```
### Маска для номера телефона
Скрипт с маской для номера телефона с автоматической настройкой под любую страну.
Нужную страну нужно указать в переменной **phoneCountry** в формате **ISO**.
Скрипт вставляется в конец тега `<body>`.
```html
<script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.11.2/build/js/intlTelInput.min.js"></script>
<script>
const phoneCountry = "RU"
const inputs = document.querySelectorAll('input[name="phone"]')
for (let i = 0; i < inputs.length; i++) {
const phoneInput = inputs[i]
phoneInput.placeholder = ''
const intlTelInput = window.intlTelInput(phoneInput, {
initialCountry: phoneCountry,
allowDropdown: false,
placeholderNumberType: 'MOBILE',
nationalMode: false,
formatAsYouType: true,
loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.11.2/build/js/utils.js"),
});
phoneInput.style.paddingLeft = 'revert-layer'
phoneInput.addEventListener('focus', () => {
const data = intlTelInput.getSelectedCountryData()
if (phoneInput.value.length === 0) {
phoneInput.value = "+" + data.dialCode
}
})
}
</script>
```
## Формы
Готовые шаблоны форм для быстрой вставки на лендинг.
### Форма 1
```html
<div class="simple_form" id="helper_form">
<div class="simple_form__product">
<img src="prod.png">
<p class="old_price">$78</p>
<p class="new_price">$39</p>
</div>
<form action="order.php" method="POST">
<label class="simple_form__label">
<b>Name:</b>
<input class="simple_form__input" required name="name" placeholder="" type="text">
</label>
<label class="simple_form__label">
<b>Phone number:</b>
<input class="simple_form__input" required name="phone" placeholder="" type="tel" value="">
</label>
<button class="simple_form__button" type="submit">Order</button>
</form>
</div>
<style>.simple_form .simple_form__button,.simple_form .simple_form__input{display:block;width:100%;padding:15px;outline:0;transition:.3s ease-out}.simple_form{max-width:360px;margin:30px auto;box-sizing:border-box}.simple_form *{box-sizing:border-box;margin:0}.simple_form .simple_form__product{text-align:center}.simple_form .simple_form__product img{max-height:300px;max-width:300px;margin:0 auto;}.simple_form .simple_form__product p.old_price{padding:0!important;text-align:center!important;font-size:20px;color:red;text-decoration:line-through}.simple_form .simple_form__product p.new_price{padding:0!important;text-align:center!important;font-size:32px;color:green;text-decoration:underline;font-weight:700}.simple_form form{width:100%;margin-top:30px}.simple_form .simple_form__label {width: 100%}.simple_form .simple_form__label b{font-weight:700}.simple_form .simple_form__input{font-size:16px;color:#757575;border:1px solid #ccc;border-radius:5px;background:#fff;margin-bottom:20px}.simple_form .simple_form__input:focus{border-color:#80bcb0;box-shadow:0 0 0 3px rgba(187,242,231,.4)}.simple_form .simple_form__button{margin-top:20px;border:none;font-weight:700;font-size:21px;text-align:center;text-transform:uppercase;color:#fff;background-color:#2d947e;border-radius:5px;cursor:pointer}.simple_form .simple_form__button:hover{background-color:#bd2c48}</style>
```
### Форма 2
```html
<div class="timer_form" id="helper_form">
<div class="timer_form__product">
<img src="prod.png">
</div>
<div class="time-block">
<h1 class="time-title">Discount ends in:</h1>
<div class="time-remain simple_timer">
<div class="time-remain-items">
<span class="number hours">03</span>
<span class="time-text">Hours</span>
</div>
<div class="time-dots">:</div>
<div class="time-remain-items">
<span class="number minutes">44</span>
<span class="time-text">Minutes</span>
</div>
<div class="time-dots">:</div>
<div class="time-remain-items">
<span class="number seconds">28</span>
<span class="time-text">Seconds</span>
</div>
</div>
</div>
<div class="price">
<div class="old_price price_value">
<span class="price_text">Old price:</span>
<span class="old_price-value">$78</span>
</div>
<div class="new_price price_value">
<span class="price_text">New price:</span>
<span class="new_price-value">$39</span>
</div>
</div>
<form action="order.php" method="POST">
<label class="timer_form__label">
<span> Name </span>
<input class="timer_form__input" name="name" placeholder="" required type="text">
</label>
<label class="timer_form__label">
<span> Phone number </span>
<input class="timer_form__input" name="phone" placeholder="" required type="tel" value="">
</label>
<button class="timer_form__button" type="submit"> Order </button>
</form>
<p class="pay_after_receive">You pay for the order only after receiving it</p>
</div>
<style>.timer_form{max-width:360px;margin:30px auto;box-sizing:border-box;text-align:center;color:#808285}.timer_form *{box-sizing:border-box;margin:0}.timer_form .timer_form__product{text-align:center}.timer_form .timer_form__product img{max-height:300px;max-width:300px;margin: 0 auto;}.timer_form .time-block .time-title{text-align:center;border:0;font-weight:300;font-size:26px;line-height:1.2;overflow-wrap:break-word;margin-bottom:15px}.timer_form .time-block .time-remain{display:flex;justify-content:center;align-items:center;width:100%;margin:0 auto;font-weight:300;text-transform:uppercase;color:#f30010}.timer_form .time-block .time-remain .time-remain-items{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 14px;font-size:32px}.timer_form .time-block .time-remain .time-remain-items .number{line-height:60px}.timer_form .time-block .time-remain .time-text{font-size:10px;font-weight:700}.timer_form .time-block .time-remain .time-dots{font-size:32px}.timer_form .price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px;margin-top:30px;gap:20px}.timer_form .price .price_value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:32px}.timer_form .price .price_value .price_text{font-size:12px;margin-bottom:6px}.timer_form .price .price_value .old_price-value{text-decoration:line-through}.timer_form .price .price_value .new_price-value{color:red}.timer_form form{width:100%;margin-top:20px}.timer_form .timer_form__label{width:100%}.timer_form .timer_form__label span{font-weight:300;line-height:30px;font-size:16px}.timer_form .timer_form__input{display:block;width:100%;padding:12px;font-size:16px;color:#666;border:1px solid #eaeaea;border-radius:2px;background:#fafafa;transition:.3s ease-out;outline:0;margin-bottom:20px}.timer_form .timer_form__input:focus{border-color:#80bcb0;box-shadow:0 0 0 3px rgba(187,242,231,.4)}.timer_form .timer_form__button{display:block;width:100%;margin-top:20px;padding:15px;border:none;font-weight:700;font-size:21px;text-align:center;text-transform:uppercase;color:#fff;background-color:#f30010;border-radius:5px;cursor:pointer;outline:0;transition:.3s ease-out}.timer_form .timer_form__button:hover{background-color:#bd2c48}.timer_form .pay_after_receive{margin-top:20px;font-size:16px}</style>
```

BIN
images/Amr Khaled/doc1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

BIN
images/Amr Khaled/doc2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 127 KiB

BIN
images/Amr Khaled/doc3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
images/Bionica/oz1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 259 KiB

BIN
images/Bionica/oz2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 222 KiB

BIN
images/Bionica/oz3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 210 KiB

BIN
images/Bionica/prod.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
images/Nutrilaben/oz1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
images/Nutrilaben/oz2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

BIN
images/Nutrilaben/oz3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
images/Nutrilaben/prod.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 948 KiB

BIN
images/Omar Abd al-Kafi/doc1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

BIN
images/Omar Abd al-Kafi/doc2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
images/Omar Abd al-Kafi/doc3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 KiB

2630
task_1/landing1/assets/css/main.css Normal file
View File

File diff suppressed because it is too large Load Diff

198
task_1/landing1/assets/css/slick-theme.css Normal file
View File

@@ -0,0 +1,198 @@
@charset 'UTF-8';
.slick-loading .slick-list {
background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
@font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('../fonts/slick.eot');
src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype');
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 111;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 0;
top: 373px;
background: url("../img/prev.png");
border: none;
width: 22px;
height: 38px;
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: url("");
}
[dir='rtl'] .slick-prev:before {
content: '→';
}
.slick-next {
right: 44%;
top: 373px;
background: url("../img/next.png");
border: none;
width: 22px;
height: 38px;
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: url("");
}
[dir='rtl'] .slick-next:before {
content: '←';
}
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 18px;
display: block;
left: 264px;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 16px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 0;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
content: '•';
text-align: center;
background: white;
color: white;
border-radius: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #acba63;
background: #acba63;
}

118
task_1/landing1/assets/css/slick.css Normal file
View File

@@ -0,0 +1,118 @@
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
text-align: center;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

BIN
task_1/landing1/assets/fonts/DiavloBold-Regular.otf Normal file
View File

Binary file not shown.

BIN
task_1/landing1/assets/fonts/DiavloBold-Regular.ttf Normal file
View File

Binary file not shown.

BIN
task_1/landing1/assets/fonts/DiavloBold-Regular.woff Normal file
View File

Binary file not shown.

BIN
task_1/landing1/assets/fonts/slick.eot Normal file
View File

Binary file not shown.

BIN
task_1/landing1/assets/fonts/slick.ttf Normal file
View File

Binary file not shown.

BIN
task_1/landing1/assets/fonts/slick.woff Normal file
View File

Binary file not shown.

BIN
task_1/landing1/assets/img/ajax-loader.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

4
task_1/landing1/assets/img/arr.svg Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve" class=""><g><g>
<path d="M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z" data-original="#000000" class="active-path" fill="#000000"/>
</g></g> </svg>
Side by Side

After

Width:  |  Height:  |  Size: 699 B

BIN
task_1/landing1/assets/img/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
task_1/landing1/assets/img/block-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

BIN
task_1/landing1/assets/img/block10_slide1.1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
task_1/landing1/assets/img/block10_slide1.2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
task_1/landing1/assets/img/block10_slide1.3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
task_1/landing1/assets/img/block10_slide1.4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
task_1/landing1/assets/img/block10_slide2.1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
task_1/landing1/assets/img/block10_slide2.2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
task_1/landing1/assets/img/block10_slide2.3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
task_1/landing1/assets/img/block10_slide2.4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
task_1/landing1/assets/img/block10_slide4.1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
task_1/landing1/assets/img/block10_slide4.2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
task_1/landing1/assets/img/block10_slide4.3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
task_1/landing1/assets/img/block10_slide4.4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
task_1/landing1/assets/img/block10_slide5.1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
task_1/landing1/assets/img/block10_slide5.2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
task_1/landing1/assets/img/block10_slide5.3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
task_1/landing1/assets/img/block10_slide5.4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
task_1/landing1/assets/img/block11_arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 336 B

BIN
task_1/landing1/assets/img/block11_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
task_1/landing1/assets/img/block11_item1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
task_1/landing1/assets/img/block11_item2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
task_1/landing1/assets/img/block11_item3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
task_1/landing1/assets/img/block12_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
task_1/landing1/assets/img/block12_item1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 367 B

BIN
task_1/landing1/assets/img/block12_item2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 451 B

BIN
task_1/landing1/assets/img/block1_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
task_1/landing1/assets/img/block1_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 827 B

BIN
task_1/landing1/assets/img/block1_icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
task_1/landing1/assets/img/block1_icon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 976 B

BIN
task_1/landing1/assets/img/block3_item.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 KiB

BIN
task_1/landing1/assets/img/block3_item2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
task_1/landing1/assets/img/block3_item3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
task_1/landing1/assets/img/block3_item4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
task_1/landing1/assets/img/block4_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 248 KiB

BIN
task_1/landing1/assets/img/block4_item1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 431 B

BIN
task_1/landing1/assets/img/block4_item2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
task_1/landing1/assets/img/block4_item3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 923 B

BIN
task_1/landing1/assets/img/block5_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 261 KiB

BIN
task_1/landing1/assets/img/block6_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 97 KiB

BIN
task_1/landing1/assets/img/block6_item.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
task_1/landing1/assets/img/block6_item1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
task_1/landing1/assets/img/block8_item1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
task_1/landing1/assets/img/block9_item1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
task_1/landing1/assets/img/cup.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
task_1/landing1/assets/img/cup2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
task_1/landing1/assets/img/form_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
task_1/landing1/assets/img/group.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
task_1/landing1/assets/img/keto-matcha.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
task_1/landing1/assets/img/mark.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
task_1/landing1/assets/img/next.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 585 B

BIN
task_1/landing1/assets/img/next.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 238 B

BIN
task_1/landing1/assets/img/prev.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 B

BIN
task_1/landing1/assets/img/prev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 B

BIN
task_1/landing1/assets/img/quote.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 B

BIN
task_1/landing1/assets/img/simbol.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
task_1/landing1/assets/img/slide1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
task_1/landing1/assets/img/slide2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
task_1/landing1/assets/img/slide3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
task_1/landing1/assets/img/slide3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
task_1/landing1/assets/img/slide4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
task_1/landing1/assets/img/slide4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

BIN
task_1/landing1/assets/img/verified.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
task_1/landing1/assets/img/weight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
task_1/landing1/assets/img/woman.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
task_1/landing1/assets/img/woman2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

1072
task_1/landing1/assets/js/12.js Normal file
View File

File diff suppressed because it is too large Load Diff

1
task_1/landing1/assets/js/12.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

33
task_1/landing1/assets/js/main.js Normal file
View File

@@ -0,0 +1,33 @@
$(document).ready(function () {
$('#slider1').slick({
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,fade: true,
arrows: true,
dots: true,
adaptiveHeight: false
});
$('#slider2').slick({
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,fade: true,
arrows: true,
dots: false,
adaptiveHeight: true
});
var pack = 30;
var timerId = setInterval(function() {
pack--;
$('.pack_value').html(pack);
}, 30000);
setTimeout(function() {
clearInterval(timerId);
}, 150000);
});

18
task_1/landing1/assets/js/slick.js Normal file
View File

File diff suppressed because one or more lines are too long

18
task_1/landing1/assets/js/slick.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

40
task_1/landing1/assets/js/slider.js Normal file
View File

@@ -0,0 +1,40 @@
$(document).ready(function () {
if (window.innerWidth < 960) {
$('#slider').slick({
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
arrows:false,
adaptiveHeight: true
});
$(".prevSlide").on("click", function () {
$('#slider').slick('slickPrev');
});
$(".nextSlide").on("click", function () {
$('#slider').slick('slickNext');
});
$("#pagination span").on("click", function (e) {
var el = parseInt($(e.currentTarget).text());
$('#slider2').slick("slickGoTo", el);
$("#pagination span").each(function (index, element) {
$(element).removeClass("active")
});
$(e.currentTarget).addClass("active");
});
}
});

541
task_1/landing1/index.html Normal file
View File

@@ -0,0 +1,541 @@
<!DOCTYPE html>
<html dir="ltr">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<style>
.ac_footer {
position: relative;
top: 10px;
height: 0;
text-align: center;
margin-bottom: 70px;
color: #A12000;
}
.ac_footer a {
color: #A12000;
}
.ac_footer p {
text-align: center;
}
img[height="1"],
img[width="1"] {
display: none !important;
}
</style>
<meta charset="utf-8">
<title>Nutrilaben</title>
<meta content="initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link href="assets/css/main.css" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i, 600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<link href="assets/css/slick-theme.css" rel="stylesheet">
<link href="assets/css/slick.css" rel="stylesheet">
<style>
.warning {
background: red;
color: white;
font-size: 14px;
text-align: center;
padding: 10px 20px;
font-family: "Open Sans", sans-serif;
}
.warning span {
color: #ffd303;
font-weight: bold;
}
</style>
<!-- INTH_SNIPPET_TOP --></head>
<body data-lang="ES">
<!--retarget-->
<!--retarget-->
<div class="s__main">
<div class="container">
<div class="block1 block">
<div class="bg_cont">
<div class="top">
<div class="limit">
<ul class="list">
<li> Composición natural </li>
<li> Efecto completo de mejora de la salud </li>
<li> Resultados garantizados </li>
</ul>
</div>
</div>
<div class="limit">
<div class="middle">
<div class="left">
<h1> Nutrilaben </h1>
<h2> ADELGAZAMIENTO SENCILLO SIN RECUPERACIÓN DEL PESO PERDIDO </h2>
<ul class="list">
<li> Absorbe la grasa y la convierte en energía </li>
<li> Elimina desechos y toxinas del cuerpo </li>
<li> Suprime el apetito y da energía </li>
<li> Elimina el exceso de líquido del cuerpo </li>
<li> Produce dopamina (la hormona de la felicidad) </li>
</ul>
<div class="sect"><span> Resultados garantizados </span> a cualquier edad </div>
</div><img alt class="prod" src="assets/img/keto-matcha.png">
<div class="right">
<p class="sale"> Descuento de hasta un <span class="js_percent_sign"> 50% </span></p>
<div class="price"><span class="old js_old_price_curs"> <!-- OLD_PRICE --> <!-- OFFER_CURRENCY --> </span><span
class="new js_new_price_curs"> <!-- CURRENT_PRICE --> <!-- OFFER_CURRENCY -->* </span></div>
<form class=" orderForm " method="post">
<div class="restriction"> Solo enviamos <span> 250 </span> pedidos al día </div>
<input name="name" placeholder="Tu nombre" type="text" minlength="3" required><input
class="only_number" name="phone" placeholder="Número de teléfono" type="tel" onkeyup="this.value=this.value.replace(/\s/,'')" minlength="5" required>
<p class="nds"> Preste atención, la tarifa del IVA puede variar dependiendo de las
leyes del país en el cual usted solicita el producto. Nuestros trabajadores de
la sección de ventas / atención al cliente se comunicarán para ayudarle con los
detalles. </p><button type="submit" class=" button__text btn pulse"> Realizar pedido
</button>
<div class="verification"><img src="assets/img/verified.png"></div>
</form>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="limit">
<p class="pack"> Quedan <span class="pack_value"> 30 </span> uds. a un precio especial </p>
</div>
</div>
</div>
<div class="block6 block">
<div class="limit">
<h1>
EL Nutrilaben ES EL NUEVO SECRETO PARA PERDER PESO QUE NO SÓLO TE DARA ENERGÍA, SINO QUE ADEMÁS SABE BIEN.
</h1>
<div class="sect">
<div class="text">
<p class="label"><b>
¡Este es ell producto para adelgazar más popular entre las estrellas mundiales!
</b></p>
<p><span> Laura Rull, es la asesora nutricional de <b> Charlize Theron y Sandra Bullock, </b>
recomienda tomar Nutrilaben en lugar de un bocadillo y/o comida para perder peso rápidamente. </span>
<span>
Va acelera tu metabolismo, te da energía para vivir la vida al máximo y también es bueno para tu figura. Sólo tiene que sustituir sus comidas por este producto durante un mes como máximo. Este periodo debería bastar para lograr resultados sorprendentes.
</span></p>
</div>
<div class="prod"><img alt class="prod" src="assets/img/keto-matcha.png"></div>
</div><img alt class="photo" src="assets/img/block6_item.png">
</div><img alt class="meter" src="assets/img/block6_item1.png">
</div>
<div class="block2 block">
<div class="limit">
<div class="top">
<ul class="slider" id="slider1">
<li class="item">
<div class="left">
<div class="img_cont"><img alt src="assets/img/slide4.jpg"></div>
</div>
<div class="right">
<p class="comm"> ¡Pensé que seguiría siendo gorda el resto de mi vida, pero gracias
a <br> Nutrilaben ahora tengo un cuerpo esbelto! </p>
<p class="line"></p>
<p class="name"> Marta, 28 años </p>
<p class="info work"> Gerente de personal </p>
<p class="info"> Estuvo tomando Nutrilaben <span> durante 29 días </span></p>
<p class="info"> Resultado: <span> -19 lb </span></p>
</div>
</li>
<li class="item">
<div class="left">
<div class="img_cont"><img alt src="assets/img/slide2.jpg"></div>
</div>
<div class="right">
<p class="comm"> Había llevado ropa suelta toda mi vida para ocultar mi cuerpo sin
forma. ¡Gracias a Nutrilaben ahora solo me pongo faldas cortas y tengo muchos
admiradores! </p>
<p class="line"></p>
<p class="name"> Nerea, 39 años </p>
<p class="info work"> Contable </p>
<p class="info"> Estuvo tomando Nutrilaben <span> durante 37 días </span></p>
<p class="info"> Resultado: <span> -26 lb </span></p>
</div>
</li>
<li class="item">
<div class="left">
<div class="img_cont"><img alt src="assets/img/slide3.jpg"></div>
</div>
<div class="right">
<p class="comm"> ¡Gracias a Nutrilaben conseguí un vientre plano en solo un
mes! ¡Es un milagro y, además, nada de dietas! </p>
<p class="line"></p>
<p class="name"> Julia, 24 años </p>
<p class="info work"> Administradora </p>
<p class="info"> Estuvo tomando Nutrilaben <span> durante 31 días </span></p>
<p class="info"> Resultado: <span> -19 lb </span></p>
</div>
</li>
<li class="item">
<div class="left">
<div class="img_cont"><img alt src="assets/img/slide1.jpg"></div>
</div>
<div class="right">
<p class="comm"> Después del embarazo me convertí en un sapo hinchado... Nutrilaben
me ayudó a deshacerme de la grasa. ¡Mi hija tiene una madre delgada otra vez!
</p>
<p class="line"></p>
<p class="name"> Cristina, 33 años </p>
<p class="info work"> Abogada </p>
<p class="info"> Estuvo tomando Nutrilaben <span> durante 92 días </span></p>
<p class="info"> Resultado: <span> -61 lb </span></p>
</div>
</li>
</ul>
</div>
<div class="bottom">
<h1> ¡RESULTADOS VISIBLES <span> DESDE LOS PRIMEROS DÍAS! </span></h1>
<p>
Científicos estadounidenses han encontrado por fin una forma sencilla y cómoda de perder peso sin cambiar de estilo de vida. Han desarrollado una fórmula en forma de bebida llamada Nutrilaben, que no sabe distinto al té normal, aunque contiene extracto de té verde matcha, que absorbe activamente la grasa y la descompone, eliminando todos los residuos y toxinas del organismo. El exceso de peso desaparece sin reducir el tamaño de los senos. Nutrilaben acelera su metabolismo y reduce el apetito, lo que le permite perder peso gradualmente cada semana sin ejercicio adicional o restricciones dietéticas.
</p>
<div class="al_right"><img alt class="prod" src="assets/img/keto-matcha.png"></div>
</div><img alt class="girl" src="assets/img/woman.png">
</div>
</div>
<div class="block3 block">
<div class="limit">
<h1>
¡Tiene una compocision de alta calidad que le ayudará a perder peso de forma rápida y segura!
</h1>
<ul class="list">
<li>
<div class="section">
<div class="img_cont"><img alt src="assets/img/block3_item.jpg">
<p class="label"> Extracto de té verde matcha </p>
</div>
<p> Contiene antioxidantes, catequinas, clorofila, teofilina, riboflavina, L-teanina.
Promueve el rejuvenecimiento, elimina las toxinas, reduce la grasa corporal, aumenta
la resistencia. </p>
</div>
</li>
<li>
<div class="section">
<div class="img_cont"><img alt src="assets/img/block3_item3.jpg">
<p class="label"> Taurina </p>
</div>
<p>
La taurina actúa en el metabolismo de la grasa, ayuda a reducir el apetito, elimina el exceso de líquido del organismo, acelera el metabolismo y proporciona energía.
</p>
</div>
</li>
<li>
<div class="section">
<div class="img_cont"><img alt src="assets/img/block3_item2.jpg">
<p class="label"> Extracto de ácido cítrico </p>
</div>
<p>
Absorbe y elimina las toxinas, las sales y el exceso de agua, acelera el metabolismo, ayuda a perder peso de forma segura, mejora la función intestinal y aumenta las defensas del organismo.
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="block4 block">
<div class="limit">
<div class="left">
<h1><span> ¿Cómo tomar </span> Nutrilaben? </h1>
<div class="text">
<ul class="list">
<li>
<div class="img_cont"><img alt src="assets/img/block4_item1.png"></div>
<p> Añade una cucharadita de Nutrilaben en 150 ml de agua caliente </p>
</li>
<li>
<div class="img_cont"><img alt src="assets/img/block4_item2.png"></div>
<p> Revuelve bien hasta que esté completamente disuelto </p>
</li>
<li>
<div class="img_cont"><img alt src="assets/img/block4_item3.png"></div>
<p> ¡Disfruta del sabor único de esta bebida color esmeralda! </p>
</li>
</ul>
</div>
</div>
<div class="al_right"><img alt class="prod"
src="assets/img/keto-matcha.png" style="max-width: 400px;"></div>
</div>
</div>
<div class="block5 block">
<div class="limit">
<div class="right">
<h1> ¡Con Nutrilaben NO SOLO PIERDES PESO SINO TAMBIÉN REJUVENECES TODO TU CUERPO! </h1>
<ul class="list">
<li> Convierte la grasa en energía, y aporta vitalidad </li>
<li> Reduce el apetito y sacia el hambre </li>
<li> Acelera el metabolismo </li>
<li> Limpia el cuerpo de desechos y el exceso de líquido </li>
<li> Produce dopamina (la hormona de la felicidad) </li>
</ul>
</div><img alt class="prod" src="assets/img/keto-matcha.png">
</div>
</div>
<div class="block7 block">
<div class="limit">
<h1><span> CÓMO VA CAMBIAR TU CUERPO </span> CUANDO COMIENCES A TOMAR Nutrilaben </h1>
<ul class="list">
<li>
<div class="days"> Día 1 </div>
<p> Notarás que te despiertas por la mañana sintiéndote renovada y descansada. </p>
</li>
<li>
<div class="days"> Día 5 </div>
<p> Su cuerpo ha entrado en fase de adelgazamiento y está empezando a perder grasa. </p>
</li>
<li>
<div class="days"> Día 10 </div>
<p> Te sientes alegre, has perdido algo de peso, usas ropa de 1 talla menos. </p>
</li>
<li>
<div class="days"> Día 21 </div>
<p> Tu cuerpo está rejuvenecido, la masa corporal se ha reducido, los kilos extra se han ido.
</p>
</li>
<li>
<div class="days"> Día 28 </div>
<p> Has perdido mucho peso, usas ropa sexy un poco más pequeña, ¡todos están locos por ti!
</p>
</li><img alt class="arrow" src="assets/img/arrow.png"><img alt class="weight" src="assets/img/weight.png">
</ul>
</div>
</div>
<div class="block8 block">
<div class="limit">
<h1> RESULTADOS DE ESTUDIOS CLÍNICOS REALIZADOS EN CLÍNICAS DE MÉXICO DEMUESTRAN LA EFICACIA DE Nutrilaben </h1>
<ul class="list">
<li><img alt src="assets/img/block8_item1.png">
<p> Mexico </p>
</li>
</ul>
</div>
</div>
<div class="block9 block">
<div class="limit">
<h1> En el estudio participaron 900 personas con 22-88 lb de sobrepeso </h1>
<ul class="list">
<li>
<p> Reducción de volumen 11-16 cm </p><span> 91% </span>
</li>
<li>
<p> Pérdida de peso de 17-35 lb </p><span> 99% </span>
</li>
<li>
<p> Desaparición de acidez estomacal y pesadez en el estómago </p><span> 100% </span>
</li>
<li>
<p> Normalización del sueño y mayor eficiencia </p><span> 97% </span>
</li>
<li>
<p> Reducción del edema y manifestaciones de celulitis </p><span> 94% </span>
</li>
</ul>
</div><img alt class="meter" src="assets/img/block9_item1.png">
</div>
<div class="block10 block">
<div class="limit">
<div class="mark">
<div class="left">
<div class="img_cont"><img alt src="assets/img/mark.jpg"></div>
</div>
</div>
<h1>
CON Nutrilaben ¡SÓLO HAY UN PASO ENTRE TUS SUEÑOS Y EL RESULTADO QUE QUIERES! ESTAS SON ALGUNAS DE NUESTRAS 2.350 HISTORIAS DE CLIENTES
</h1>
<ul class="slider" id="slider2">
<li class="item">
<div class="top">
<div class="left"><img alt src="assets/img/block10_slide1.1.jpg"></div>
<div class="right">
<p class="label"> ¡He renovado por completo mi armario, pero lo más importante es
que tengo un nuevo novio! </p>
<p class="name"><span> Rocío </span> 30 años, Mexico </p>
<p class="line"></p>
<p class="text">
Sólo tengo 30 años, pero hace poco pesaba más de 80 kilos. También tengo muchos problemas de estómago, así que no todas las dietas son adecuadas para mí. En nuestra pequeña ciudad es difícil encontrar productos dietéticos de buena calidad. Nunca he hecho ejercicio - simplemente no me gusta hacer ejercicio, pero todo eso cambió cuando me enteré de Nutrilaben. Hay que tomar esta bebida una vez al día y sabe como mi té favorito. El fabricante también recomienda beber 1,5 litros de agua al día. ¡Seguí todas las instrucciones durante un mes entero y por fin vi resultados! Es realmente increíble, en ese tiempo he renovado por completo mi armario, pero lo más importante es que ¡tengo un nuevo novio! ¡Flores, citas, paseos bajo la luna llena! ¡Pensé que nunca tendría todo eso en mi vida! Pienso continuar el tratamiento. Luego lo repetiré de nuevo para mejorar y mantener los resultados.
</p>
</div>
</div>
<div class="bottom">
<ul class="list">
<li><img alt src="assets/img/block10_slide1.2.jpg"></li>
<li><img alt src="assets/img/block10_slide1.3.jpg"></li>
<li><img alt src="assets/img/block10_slide1.4.jpg"></li>
</ul>
</div>
</li>
<li class="item">
<div class="top">
<div class="left"><img alt src="assets/img/block10_slide2.4.jpg"></div>
<div class="right">
<p class="label"> ¡Puedo ponerme los vaqueros que llevaba antes del primer embarazo!
</p>
<p class="name"><span> Carolina </span> 30 años, Mexico </p>
<p class="line"></p>
<p class="text">
Tras el nacimiento de mi tercer hijo, no conseguía volver a ponerme en forma. Caderas caídas, piernas gordas, abdomen gordo.... Esta situación me molestaba mucho, pero no podía hacer nada al respecto. El caso es que, al ser madre de tres hijos, no tenía mucho tiempo libre... Tampoco es fácil seguir una dieta, porque soy alérgica a casi todo y además estoy dando el pecho a mi bebé. Así que no es fácil seguir una dieta adecuada. Mi vecina me contó que su sobrina perdió peso después de dar a luz con Nutrilaben. Las instrucciones decían que se supone que esta bebida milagrosa elimina el exceso de grasa en 1 mes. Realmente no creía que eso fuera posible, ¿es suficiente una taza al día para perder peso sin esfuerzo? De todos modos, miré su composición -es totalmente natural- y leí los comentarios. Pensé que no tenía nada que perder, así que empecé a tomarlo. Al cabo de una semana empecé a notar los primeros cambios. Tenía más energía y mi sueño había mejorado. Tal vez fuera sólo una coincidencia, pero el tiempo había mejorado y mi hijo menor se había mudado a su propia habitación. A las dos semanas, me subí a la balanza y no podía creer lo que veía. Había conseguido perder un par de kilos. ¡Aún no había terminado el mes y ya podía ponerme los vaqueros que llevaba antes de mi primer embarazo! Mi marido se ha vuelto sexualmente activo, así que quizá haya un cuarto bebé en camino. Ahora que sé cómo volver a ponerme en forma después del embarazo. Ya no le tengo miedo.
</p>
</div>
</div>
<div class="bottom">
<ul class="list">
<li><img alt src="assets/img/block10_slide2.2.jpg"></li>
<li><img alt src="assets/img/block10_slide2.3.jpg"></li>
<li><img alt src="assets/img/block10_slide2.1.jpg"></li>
</ul>
</div>
</li>
<li class="item">
<div class="top">
<div class="left"><img alt src="assets/img/block10_slide4.1.jpg"></div>
<div class="right">
<p class="label"> La báscula no puede engañar - ¡39 lb menos! </p>
<p class="name"><span> Pepa </span> 34 años, Mexico </p>
<p class="line"></p>
<p class="text">
Hasta los 27 años, me dediqué activamente a mantenerme delgada: me sentía bastante en forma y esbelta, pero con los años y los cambios hormonales no se que me había pasado. No tenía energía ni ganas de hacer ejercicio ni dieta. Tuve que actualizar mi armario, comprando ropa una talla más grande. Luego otra talla y otra... Podría haber engordado aún más! hasta que mi amigo me trajo Nutrilaben y me dijo que lo bebiera todos los días. También me aconsejó que bebiera más agua. La verdad es que no creía en ello, pero ¡imagínate mi sorpresa cuando al cabo de un mes pude ponerme mi ropa vieja! Además, ¡me siento segura de mí misma y llena de energía! Mi piel parece mucho más joven. No sé si es por el Nutrilaben o simplemente una coincidencia, ¡pero la balanza no me engaña! Incluso me siento 10 años más joven.
</p>
</div>
</div>
<div class="bottom">
<ul class="list">
<li><img alt src="assets/img/block10_slide4.2.jpg"></li>
<li><img alt src="assets/img/block10_slide4.3.jpg"></li>
<li><img alt src="assets/img/block10_slide4.4.jpg"></li>
</ul>
</div>
</li>
<li class="item">
<div class="top">
<div class="left"><img alt src="assets/img/block10_slide5.1.jpg"></div>
<div class="right">
<p class="label"> Volví a mi forma anterior al embarazo en un mes </p>
<p class="name"><span> Gloria </span> 26 años, Mexico </p>
<p class="line"></p>
<p class="text">
Tenía sobrepeso y aparecieron pliegues de grasa después de dar a luz. Y las alegrías de la maternidad venían acompañadas de varices, así que tuve que olvidarme del gimnasio, pero ¿cómo iba a perder los kilos de más sin hacer ejercicio? Seguí una dieta sana, pero no sirvió de nada. Un día, oí a unas madres hablar de una bebida instantánea con sabor a té. Para ser más exactos, discutían si se trataba de un engaño o no, porque es difícil creer que una taza de té al día y nada más sirva para deshacerse de la grasa. De todos modos, decidí probarlo y no me he arrepentido ni un poco. Al cabo de un mes había recuperado la forma que tenía antes del embarazo. Acabo de pedir más para mejorar aún más los resultados. Las mamás me miran con desconfianza porque no se pueden creer que haya cambiado gracias al
Nutrilaben, pero me parece que todas ellas ya se lo han pedido también.
</p>
</div>
</div>
<div class="bottom">
<ul class="list">
<li><img alt src="assets/img/block10_slide5.2.jpg"></li>
<li><img alt src="assets/img/block10_slide5.3.jpg"></li>
<li><img alt src="assets/img/block10_slide5.4.jpg"></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="block11 block">
<div class="limit">
<h1> CÓMO TRABAJAMOS </h1>
<ul class="list">
<li><img alt src="assets/img/block11_item1.jpg">
<p> Realiza un pedido y consigue un descuento </p>
</li>
<li><img alt src="assets/img/block11_item2.jpg">
<p> Espera la llamada de uno de nuestros operadores para confirmar los detalles </p>
</li>
<li><img alt src="assets/img/block11_item3.jpg">
<p> Elige el método de pago y la entrega del producto </p>
</li>
</ul>
</div>
</div>
<div class="block12 block">
<div class="bg_cont">
<div class="limit">
<div class="top">
<h1> No hay nada más satisfactorio que perder peso con Nutrilaben </h1>
<h2> ¡Ayuda a tu cuerpo a deshacerse de esos kilos de más! </h2>
<div class="left">
<div class="sect">
<p class="sale"> Descuento de hasta un <span class="js_percent_sign"> 50% </span>
</p>
<div class="price"><span class="old js_old_price_curs"> <!-- OLD_PRICE --> <!-- OFFER_CURRENCY --> </span><span
class="new js_new_price_curs"> <!-- CURRENT_PRICE --> <!-- OFFER_CURRENCY -->* </span></div>
<p class="nds_bottom"> Preste atención, la tarifa del IVA puede variar dependiendo
de las leyes del país en el cual usted solicita el producto. Nuestros
trabajadores de la sección de ventas / atención al cliente se comunicarán para
ayudarle con los detalles. </p>
</div>
<div class="prod-box"><img alt class="prod"
src="assets/img/keto-matcha.png"></div>
</div>
<div class="right">
<div class="limit">
<ul class="list">
<li> Absorbe la grasa y la convierte en energía </li>
<li> Elimina desechos y toxinas del cuerpo </li>
<li> Suprime el apetito y da energía </li>
<li> Elimina el exceso de líquido del cuerpo </li>
<li> Produce dopamina (la hormona de la felicidad) </li>
</ul>
<form class=" orderForm " id="order_form" method="post">
<div class="restriction"> Solo enviamos <span> 250 </span> pedidos al día </div>
<input name="name" placeholder="Tu nombre" type="text" minlength="3" required>
<input
class="only_number" name="phone" placeholder="Número de teléfono"
type="tel" onkeyup="this.value=this.value.replace(/\s/,'')" minlength="5" required >
<button type="submit" class=" btn pulse button__text"> Realizar pedido
</button>
<div class="verification"><img src="assets/img/verified.png"></div>
</form>
</div><img alt class="girl" src="assets/img/woman2.png">
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="limit">
<div class="left">
<ul class="list">
<li> Composición <br> natural </li>
<li> Efecto completo de mejora de la salud </li>
</ul>
</div>
<div class="right">
<div class="limit">
<p class="pack"> Quedan <span class="pack_value"> 30 </span> uds. a un precio especial
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/slick.js">
</script>
<script src="assets/js/slick.min.js">
</script>
<script src="assets/js/slider.js">
</script>
<script src="assets/js/main.js" type="text/javascript">
</script>
<script>
$(document).ready(function () {
try {
moment.locale("");
$('.day-before').text(moment().subtract(1, 'day').format('D.MM.YYYY'));
$('.day-after').text(moment().add(1, 'day').format('D.MM.YYYY'));
} catch (e) { console.log('moment problems!'); }
});
</script>
</body></html>

11
task_1/task_1.md Normal file
View File

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

Some files were not shown because too many files have changed in this diff Show More