diff --git a/README.md b/README.md new file mode 100644 index 0000000..a87868c --- /dev/null +++ b/README.md @@ -0,0 +1,127 @@ +🌐 Landing_Figma + +Landing_Figma β€” это Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π»Π΅Π½Π΄ΠΈΠ½Π³, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎ ΠΌΠ°ΠΊΠ΅Ρ‚Ρƒ ΠΈΠ· Figma. +ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ дСмонстрируСт соврСмСнныС ΠΏΡ€ΠΈΡ‘ΠΌΡ‹ вёрстки ΠΈ интСрактивности Π½Π° чистом HTML, CSS ΠΈ JavaScript β€” Π±Π΅Π· сторонних Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ². +Π“Π»Π°Π²Π½Ρ‹ΠΉ Π°ΠΊΡ†Π΅Π½Ρ‚ сдСлан Π½Π° микроанимациях, ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… элСмСнтах ΠΈ чистой структурС ΠΊΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ страницу Π»Ρ‘Π³ΠΊΠΎΠΉ ΠΈ быстрой. + +🧱 Основная идСя ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° + +Π‘Π°ΠΉΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ ΠΊΠ°ΠΊ дСмонстрация ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π»Π΅Π½Π΄ΠΈΠ½Π³Π° SEO-агСнтства. +Он ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΠ΅Ρ‚ Π² сСбС Ρ‡Π΅Ρ‚ΠΊΡƒΡŽ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΠ·ΠΌ, Π»ΠΎΠ³ΠΈΡ‡Π½ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΈ ΠΆΠΈΠ²ΠΎΠΉ интСрфСйс. +КаТдая сСкция β€” ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°ΠΊΡ†Π΅Π½Ρ‚, ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π΄ΠΎ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ с услугами. + +πŸ“ Π‘Ρ‚Ρ€ΡƒΠΊΡ‚ΡƒΡ€Π° ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° +project/ +β”‚ +β”œβ”€β”€ index.html # Основная HTML-Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° (структура всСх Π±Π»ΠΎΠΊΠΎΠ²) +β”œβ”€β”€ reset.css # Бброс Π±Π°Π·ΠΎΠ²Ρ‹Ρ… стилСй Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° +β”œβ”€β”€ style.css # ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ стили: сСтка, Π°Π΄Π°ΠΏΡ‚ΠΈΠ², Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, мСдиазапросы +β”œβ”€β”€ main.js # JS-Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»: Π±ΡƒΡ€Π³Π΅Ρ€, слайдСры, Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Ρ‹, свайпы +└── /images/ # ВсС изобраТСния (Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Ρ„ΠΎΠ½Ρ‹, ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ) + +βš™οΈ Основной Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π» +πŸ”Ή Навигация + +Π”Π²Π° состояния Ρ…Π΅Π΄Π΅Ρ€Π°: ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ ΠΈ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств + +АктивноС Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ ΠΏΡƒΠ½ΠΊΡ‚Π° мСню + +Π’Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π΅ подмСню β€œΠ‘ΠΎΠ»ΡŒΡˆΠ΅ услуг” с динамичСским ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ тСкста (β€œΠœΠ΅Π½ΡŒΡˆΠ΅ услуг” / β€œΠ‘ΠΎΠ»ΡŒΡˆΠ΅ услуг”) + +πŸ”Ή Π‘ΡƒΡ€Π³Π΅Ρ€-мСню + +Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π½Π° JavaScript + +ΠŸΡ€ΠΈ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΈΠΈ блокируСтся скролл страницы + +Адаптировано ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства с ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ появлСниСм + +πŸ”Ή АккордСон-слайдСр + +ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт открываСтся ΠΊΠ»ΠΈΠΊΠΎΠΌ с ΠΏΠ»Π°Π²Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ + +ΠŸΡ€ΠΈ раскрытии активная ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΠ° увСличиваСтся, ΠΎΡΡ‚Π°Π»ΡŒΠ½Ρ‹Π΅ ΡΠ²ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ + +На ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ прСвращаСтся Π² свайп-слайдСр с Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ + +πŸ”Ή Π‘Π²Π°ΠΉΠΏ-слайдСр (mobile) + +Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΏΡ€ΠΈ ΡˆΠΈΡ€ΠΈΠ½Π΅ экрана Π΄ΠΎ 600px + +ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ пСрСлистываниС ТСстами + +Π˜Π½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹-сфСры (dots) ΡΠΎΠ·Π΄Π°ΡŽΡ‚ΡΡ динамичСски + +Π Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Ρ‡Π΅Ρ€Π΅Π· Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ JS-события touchstart, touchmove, touchend + +πŸ”Ή Π’Ρ‚ΠΎΡ€ΠΎΠΉ слайдСр (Ρ€Π°Π·Π΄Π΅Π» прСимущСств) + +АвтоматичСскоС Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π΅ΠΊ + +РСакция Π½Π° ΠΊΠ»ΠΈΠΊΠΈ ΠΈ свайпы + +Π’ΠΎΡ‡ΠΊΠΈ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах + +Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠ»Π°Π²Π½ΠΎΠ΅ смСщСниС Ρ‡Π΅Ρ€Π΅Π· transform: translateX() + +πŸ’‘ Π’Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΈ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ +ВСхнология ИспользованиС +HTML5 БСмантичСская ΠΈ ΠΌΠΎΠ΄ΡƒΠ»ΡŒΠ½Π°Ρ структура +CSS3 / Flexbox / Grid Гибкая адаптивная сСтка +JavaScript (Vanilla) Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ, Π»ΠΎΠ³ΠΈΠΊΠ° мСню ΠΈ слайдСров +Media Queries Адаптив ΠΏΠΎΠ΄ Ρ€Π°Π·Π½Ρ‹Π΅ устройства +Google Fonts (Roboto) Единая Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Π²ΠΎ всём ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅ +SVG Иконки Π±Π΅Π· ΠΏΠΎΡ‚Π΅Ρ€ΠΈ качСства + +🧩 ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ + +ΠŸΠ»Π°Π²Π½Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈ ΠΊΠ»ΠΈΠΊΠ°Ρ… + +ИспользованиС transform, opacity, transition для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… эффСктов + +Полная Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ: ΠΎΡ‚ дСсктопа Π΄ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… экранов + +ВсС ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π±Π΅Π· ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы + +МинимальноС использованиС Π²Π½Π΅ΡˆΠ½ΠΈΡ… зависимостСй β€” чистый ΠΊΠΎΠ΄ ΠΈ высокая ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ + +Ѐайловая структура ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ Π΄Π°Π»ΡŒΠ½Π΅ΠΉΡˆΡƒΡŽ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ + +πŸš€ Как Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ + +πŸ”Έ Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ 1: ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ + +Π‘ΠΊΠ°Ρ‡Π°ΠΉ ΠΈΠ»ΠΈ ΠΊΠ»ΠΎΠ½ΠΈΡ€ΡƒΠΉ Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ + +ΠžΡ‚ΠΊΡ€ΠΎΠΉ index.html Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ + +πŸ”Έ Π’Π°Ρ€ΠΈΠ°Π½Ρ‚ 2: Π§Π΅Ρ€Π΅Π· Π»ΠΎΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ сСрвСр + +Π§Ρ‚ΠΎΠ±Ρ‹ ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ ΠΏΡƒΡ‚ΠΈ ΠΈ изобраТСния: + +# Ссли установлСн Node.js +npx http-server . -p 8080 + +# ΠΈΠ»ΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Live Server Π² VS Code +# ПКМ β†’ "Open with Live Server" + + +ПослС этого сайт Π±ΡƒΠ΄Π΅Ρ‚ доступСн ΠΏΠΎ адрСсу: +πŸ‘‰ http://localhost:8080 + +πŸ“± ΠΠ΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ +Устройство ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° +πŸ–₯️ ДСсктоп ΠŸΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Π°Ρ вСрсия с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ +πŸ’» ΠŸΠ»Π°Π½ΡˆΠ΅Ρ‚ ΠŸΠ΅Ρ€Π΅ΡΡ‚Ρ€ΠΎΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ², сохранСниС интСрактивности +πŸ“± Π‘ΠΌΠ°Ρ€Ρ‚Ρ„ΠΎΠ½ Π‘Π²Π°ΠΉΠΏ-слайдСры, Π±ΡƒΡ€Π³Π΅Ρ€, оптимизированная структура +πŸ§‘β€πŸ’» Автор ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° + +Автор: [Алёна Π’Ρ€ΡƒΡ‰Ρ‘Π²Π° / plx112] +Email: [plx112@homyk.space] +Git: [[https://git.homyk.space/Alena](https://git.homyk.space/Alena)] +Роль: Frontend-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ +ЦСль: ΠŸΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вёрстки, JS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΈ UX-ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²ΠΎΠ² + +πŸ“„ ЛицСнзия + +Π­Ρ‚ΠΎΡ‚ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΡƒΡ‡Π΅Π±Π½Ρ‹ΠΉ. \ No newline at end of file diff --git a/html01/html/css.css b/html01/html/css.css deleted file mode 100644 index ee4f337..0000000 --- a/html01/html/css.css +++ /dev/null @@ -1,196 +0,0 @@ -body { - margin: 0 auto; - max-width: 1230px; - } - .row { - width: 100%; - min-width: 1230px; - display: flex; - flex-direction: row-reverse; - } - .accordion { - display: flex; - width: 40%; /* 40% страницы */ - height: 348px; - gap: 10px; /* отступ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌΠΈ */ - } - .accordion-item { - flex: 1; - border-radius: 30px; /* Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΠΊΡ€Π°Ρ‘Π² */ - overflow: hidden; - cursor: pointer; - display: flex; - justify-content: space-between; - flex-direction: column-reverse; - align-items: center; - } -.accordion-item.active{ - display: flex; - flex: 5; /* раскрытая ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° */ - width: 100%; - height: 100%; - } -.accordion-item.active .accordion_index{ - display: none; - } -.accordion-item.active .accordion_title{ - display: none; - } -.accordion-item.active .img-open { - display: none; - width: 0; - height: 0; -} -.accordion_index { - display: flex; - align-items: center; - justify-content: center; - padding: 15px; - border-radius: 50%; - background-color: #fff; - font-weight: 600; - width: 10px; - height: 10px; - margin-bottom: 10px; -} -.accordion_title { - color: white; - display: flex; - align-items: center; - writing-mode: vertical-lr; - transform: rotate(-180deg); -} -/* not-actine */ - -#item1 { - background-color: #0C47A0; -} -#item2 { - background-color: #A5C6F6; -} -#item3 { - background-color: #0C47A0; -} -#item4 { - background-color: #A5C6F6; -} -#item5 { - background-color: #0C47A0; -} - -/* active */ - -#item1.active { - background: url("/main/001.png") 100% 100% / cover; -} -#item2.active { - background: url("/main/002.png") 100% 100% / cover; -} -#item3.active { - background: url("/main/003.png") 100% 100% / cover; -} -#item4.active { - background: url("/main/004.png") 100% 100% / cover; -} -#item5.active { - background: url("/main/005.png") 100% 100% / cover; -} -.img-open { - display: block; - object-fit: cover; - width: 100%; - height: 100%; -} -.img-open { - display: none; -} -.accordion-item.active .blue-square { - display: block; - height: 100%; - width: 82%; - margin: 20px; - background-color: rgba(2, 76, 187, 0.259); - border-radius: 33px; -} -/* not-active */ -.item_wrapper_index { - display: none; -} -.item_wrapper { - display: none; -} -/* active */ -.accordion-item.active .item_wrapper { - display: flex; - flex-direction: column; - padding: 15px; - height: 92%; -} -.accordion-item.active .wrapper_row_first { - display: flex; - justify-content: space-between; - width: 100%; - margin-bottom: 15px; - height: 30%; -} -.accordion-item.active .item_wrapper_index { - display: flex; - align-items: center; - justify-content: center; - font-weight: 700; - padding: 10px; - border-radius: 50%; - background-color: #fff; - width: 20px; - height: 20px; - font-size: 18px; -} -.item_wrapper_icon { - background-color: #fff; - border-radius: 50%; -} -.item_wrapper_icon svg { - display: block; - width: 42px; - height: 42px; - padding: 18px; -} -.wrapper_row_middle { - display: flex; - flex-direction: column; - justify-content: space-between; - height: 100%; -} -.row_middle_title { - color: #fff; - font-weight: 500; - font-size: 24px; - text-transform: uppercase; -} -.row_middle_text { - font-size: 16px; - color: #fff; - margin-bottom: 15px; -} -.wrapper_row_botton { - height: 20%; -} -.wrapper_row_botton { - display: flex; - justify-content: end; -} -.wrapper_row_btn { - display: flex; - align-items: center; - gap: 5px; - padding: 8px; - border-radius: 16px; - border: none; - font-size: 14px; - cursor: pointer; -} -.wrapper_row_btn svg { - display: block; - width: 14px; - height: 16px; -} \ No newline at end of file diff --git a/html01/html/index.html b/html01/html/index.html deleted file mode 100644 index 95d0e2c..0000000 --- a/html01/html/index.html +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - Login - - - -
-
- -
-
02
-
Digital-ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹
- - -
-
-
-
02
-
- -
-
-
-
Digital ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹
-
Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΈ Ρ€Π°Π·Π²ΠΈΠ²Π°Π΅ΠΌ digital-ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Ρ‹: ΠΎΡ‚ Π²Π΅Π±-сСрвисов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΄ΠΎ слоТных ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ.
-
-
- -
-
-
-
-
- -
-
03
-
ΠœΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³
- - -
-
-
-
03
-
- - -
-
-
-
ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³
-
НастраиваСм ΠΈ Π²Π΅Π΄Π΅ΠΌ Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ, ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π΅ΠΌ Π² соцсСтях, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅ΠΌ Π»ΠΈΠ΄ΠΎΠ² ΠΈ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅ΠΌ Π»ΠΎΡΠ»ΡŒΠ½ΠΎΡΡ‚ΡŒ.
-
-
- -
-
-
-
-
- -
-
04
-
ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅
Π’ΠΎΠΏΠΎΠ²ΠΎΠ΅ SEO
- - -
-
-
-
04
-
- -
-
-
-
Ρ‚ΠΎΠΏΠΎΠ²ΠΎΠ΅ seo ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅
-
ΠŸΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π΅ΠΌ сайты, ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅ΠΌ ΠΈΡ… Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅ΠΌ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Ρ‚Ρ€Π°Ρ„ΠΈΠΊ для роста бизнСса.
-
-
- -
-
-
-
-
- -
-
05
-
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайтов
- - -
-
-
-
05
-
- - -
-
-
-
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайтов
-
Π Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ ΠΏΡ€ΠΎΠ΄Π°ΡŽΡ‰ΠΈΠ΅ сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΎΡ‚Ρ€Π°ΠΆΠ°ΡŽΡ‚ цСнности Π±Ρ€Π΅Π½Π΄Π°.
-
-
- -
-
-
-
-
- -
-
06
-
Π”ΠΈΠ·Π°ΠΉΠ½
- - -
-
-
-
06
-
- -
-
-
-
Π΄ΠΈΠ·Π°ΠΉΠ½
-
Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ цСлостный Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠ±Ρ€Π°Π· Π±Ρ€Π΅Π½Π΄Π°: ΠΎΡ‚ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ΠΈ Π°ΠΉΠ΄Π΅Π½Ρ‚ΠΈΠΊΠΈ Π΄ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° интСрфСйсов.
-
-
- -
-
-
-
-
-
-
- - - \ No newline at end of file diff --git a/html01/html/js.js b/html01/html/js.js deleted file mode 100644 index 4efe585..0000000 --- a/html01/html/js.js +++ /dev/null @@ -1,27 +0,0 @@ -const items = document.querySelectorAll('.accordion-item'); - -// Π”Π΅Π»Π°Π΅ΠΌ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ -if(items.length > 0) { - items[0].classList.add('active'); -} - -// items.forEach(item => { -// item.addEventListener('click', () => { -// items.forEach(i => i.classList.remove('active')); -// item.classList.add('active'); -// }); -// }); -// ΠΊΠΎΠ΄ Π½ΠΈΠΆΠ΅ Ссли Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡƒΡŽ ΠΈ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡƒΡŽ ΠΊΠΎΠ»ΠΎΠ½ΠΊΡƒ(Ρ‚ΠΎΠΊ классы добавь Π² html ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΏΠΎ 2 ΠΈΠ»ΠΈ Ρ‡Π΅ Ρ‚Π°ΠΌ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π΅ΡˆΡŒ) -items.forEach(item => { - item.addEventListener('click', () => { - items.forEach(i => { - i.classList.remove('active'); - i.querySelector('.img-open').style.display = 'none'; - i.querySelector('.img-closed').style.display = 'block'; - }); - - item.classList.add('active'); - item.querySelector('.img-open').style.display = 'block'; - item.querySelector('.img-closed').style.display = 'none'; - }); - }); \ No newline at end of file diff --git a/html01/html/main/001.png b/html01/html/main/001.png deleted file mode 100644 index a410707..0000000 Binary files a/html01/html/main/001.png and /dev/null differ diff --git a/html01/html/main/002.png b/html01/html/main/002.png deleted file mode 100644 index d995702..0000000 Binary files a/html01/html/main/002.png and /dev/null differ diff --git a/html01/html/main/003.png b/html01/html/main/003.png deleted file mode 100644 index 65e9c76..0000000 Binary files a/html01/html/main/003.png and /dev/null differ diff --git a/html01/html/main/004.png b/html01/html/main/004.png deleted file mode 100644 index 9d63054..0000000 Binary files a/html01/html/main/004.png and /dev/null differ diff --git a/html01/html/main/005.png b/html01/html/main/005.png deleted file mode 100644 index c20a5df..0000000 Binary files a/html01/html/main/005.png and /dev/null differ diff --git a/html01/html/main/01.png b/html01/html/main/01.png deleted file mode 100644 index 73b8c2c..0000000 Binary files a/html01/html/main/01.png and /dev/null differ diff --git a/html01/html/main/2.png b/html01/html/main/2.png deleted file mode 100644 index f977a6c..0000000 Binary files a/html01/html/main/2.png and /dev/null differ diff --git a/html01/html/main/3.png b/html01/html/main/3.png deleted file mode 100644 index 26ce105..0000000 Binary files a/html01/html/main/3.png and /dev/null differ diff --git a/html01/html/main/4.png b/html01/html/main/4.png deleted file mode 100644 index 4a2f951..0000000 Binary files a/html01/html/main/4.png and /dev/null differ diff --git a/html01/html/main/Vector_right.svg b/html01/html/main/Vector_right.svg deleted file mode 100644 index 184d4d9..0000000 --- a/html01/html/main/Vector_right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/html01/html/main/slides/01.svg b/html01/html/main/slides/01.svg deleted file mode 100644 index f409bce..0000000 --- a/html01/html/main/slides/01.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/html01/html/main/slides/02.svg b/html01/html/main/slides/02.svg deleted file mode 100644 index 2882c36..0000000 --- a/html01/html/main/slides/02.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/html01/html/main/slides/03.svg b/html01/html/main/slides/03.svg deleted file mode 100644 index 7c4ba53..0000000 --- a/html01/html/main/slides/03.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/html01/html/main/slides/2.png b/html01/html/main/slides/2.png deleted file mode 100644 index 74c2d5f..0000000 Binary files a/html01/html/main/slides/2.png and /dev/null differ diff --git a/html01/html/main/slides/3.png b/html01/html/main/slides/3.png deleted file mode 100644 index 0e3ca09..0000000 Binary files a/html01/html/main/slides/3.png and /dev/null differ diff --git a/html01/html/main/slides/4.png b/html01/html/main/slides/4.png deleted file mode 100644 index d60bbf6..0000000 Binary files a/html01/html/main/slides/4.png and /dev/null differ diff --git a/html01/html/main/slides/5.png b/html01/html/main/slides/5.png deleted file mode 100644 index a55c1c6..0000000 Binary files a/html01/html/main/slides/5.png and /dev/null differ diff --git a/html01/html/main/slides/6.png b/html01/html/main/slides/6.png deleted file mode 100644 index 1859c93..0000000 Binary files a/html01/html/main/slides/6.png and /dev/null differ diff --git a/html01/html/main/view-futuristic-space-rocket (2).png b/html01/html/main/view-futuristic-space-rocket (2).png deleted file mode 100644 index 08bc60d..0000000 Binary files a/html01/html/main/view-futuristic-space-rocket (2).png and /dev/null differ