Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@naz4ik
naz4ik authored May 10, 2024
1 parent 4c4cd11 commit 5f566aa
Show file tree
Hide file tree
Showing 15 changed files with 4,027 additions and 0 deletions.
224 changes: 224 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,224 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Відкрий для себе світ Coca-Cola | Coca-Cola UA</title>
<link rel="stylesheet" href="styles.css" />
<link rel = "shortcut icon" href = "media/pin.png">
</head>
<body>
<header class="coke-header">
<div class="container">
<a href="index.html"><img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/logo-footer/ukraine-coca-cola-logo_black_600x96.png" id="logo"></a>
<nav>
<ul>
<li><a href="index2.html">Бренди</a></li>
<li class="submenu">
<a href="#">Дізнатися</a>
<ul class="submenu-content">
<li><a href="index3.html">App page</a></li>
</ul>
</li>
<li class="submenu">
<a href="#">Вплив</a>
<ul class="submenu-content">
<li><a href="index4.html">Сталий розвиток</a></li>
<li><a href="index5.html">Соціальні мережі</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</header>
<div class="vidstup"></div>

<div class="slider">
<div class="slides">
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/easter-24/easter-header-option2.jpg/width1960.jpg" alt="Slide 1">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/social/desktop.jpg/width1960.jpg" alt="Slide 2">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/media-center/coca-cola-for-everyone/festive-magic1.jpg/width1960.jpg" alt="Slide 3">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home/carousel/finals/ua_cocacola_header01_desktop_1440x810_v1.jpg/width1960.jpg" alt="Slide 4">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home/carousel/finals/ua_cocacola_header02_desktop_1440x810_v1.jpg/width1960.jpg" alt="Slide 5">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home/carousel/finals/ua_cocacola_header05_desktop_1440x810_v1.jpg/width1960.jpg" alt="Slide 6">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home/carousel/finals/ua_cocacola_header06_desktop_1440x810_v1.jpg/width1960.jpg" alt="Slide 7">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home/carousel/finals/finalsv2/ua_cocacola_header07_desktop_1440x810_v1b.jpg/width1960.jpg" alt="Slide 8">

</div>
<div class="slide">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home/carousel/finals/finalsv2/ua_cocacola_header08_desktop_1440x810_v1.jpg/width1960.jpg" alt="Slide 9">

</div>

</div>
<div class="buttons">
<button id="button" class="prev">&#10094;</button>
<button id="button"class="next">&#10095;</button>
</div>
</div>
<div class="dots-container"></div>
</div>

<script>
const slides = document.querySelector('.slides');
const slide = document.querySelectorAll('.slide');
const prevBtn = document.querySelector('.prev');
const nextBtn = document.querySelector('.next');
const dotsContainer = document.querySelector('.dots-container');
let counter = 0;

// Додамо кружечки
slide.forEach((_, index) => {
const dot = document.createElement('span');
dot.classList.add('dot');
dot.addEventListener('click', () => {
counter = index;
showSlide(counter);
});
dotsContainer.appendChild(dot);
});

const dots = document.querySelectorAll('.dot');

function showSlide(index) {
slides.style.transform = `translateX(-${index * 100}%)`;
// Позначаємо активний кружечок
dots.forEach((dot, i) => {
dot.classList.toggle('active', i === index);
});
}

function prevSlide() {
counter--;
if (counter < 0) {
counter = slide.length - 1;
}
showSlide(counter);
}

function nextSlide() {
counter++;
if (counter >= slide.length) {
counter = 0;
}
showSlide(counter);
}

prevBtn.addEventListener('click', prevSlide);
nextBtn.addEventListener('click', nextSlide);
</script>

<div class="text">
<p><b>The Coca‑Cola Company та Coca‑Cola HBC працюють, інвестують кошти та підтримують українське суспільство вже протягом 30 років.</b></p>
<p><b>Україна є, і надалі залишається, важливою країною, для якої ми працюємо. Ми вже надали наступну допомогу:</b></p>
<p><b>The Coca‑Cola Company, її партнери-ботлери в Європі, у тому числі Coca‑Cola HBC, та Фундація Coca‑Cola надають понад 3 мільйони доларів США у вигляді фінансової допомоги та нашої продукції, щоб підтримати хоробрі зусилля руху Червоного Хреста в Україні та країнах-сусідах, які приймають біженців.</b></p>
<p><b>Наші команди в Україні надають гуманітарну підтримку лікарням, пунктам допомоги біженцям та громадам в Україні, в тому числі - координують масштабні поставки води,  продуктів та необхідного обладнання місцевим лікарням та медичним установам. Окрім того, наші колеги працюють волонтерами: привозять напої та ліки, готують їжу, допомагають біженцям та надають соціальну підтримку в усіх регіонах України.&nbsp;</b></p>
<p><b>Наші колеги з України та інших країн зробили фінансові пожертви, працюють волонтерами, надаючи гуманітарну допомогу на кордонах.</b></p>
<p><b>Зараз ми зосередились на допомозі нашим людям та їх родинам, підтримуємо зусилля з гуманітарної допомоги в Україні та регіоні.&nbsp;</b></p>
<p><b>Ми надали нашим працівникам терміновий доступ до коштів Фонду допомоги працівникам Coca‑Cola у разі надзвичайних ситуацій. Ми на постійному зв’язку з колегами і робимо усе можливе, щоб підтримати їх та наші громади.</b></p>
<p><b>З 24го лютого ми активували план дій у разі надзвичайних ситуацій, який передбачає тимчасову зупинку нашого виробництва в Україні, задля безпеки наших людей. Там, де це безпечно, ми продовжуємо працювати у обмеженому форматі, постійно відстежуючи зміни ситуації.</b></p>
<p><b>Ми сподіваємось на найскоріший мир в регіоні.</b></p>


</div>
<h1>НАШІ БРЕНДИ</h1>

<div class="gallery">
<div class="row">
<div class="gallery-img-container">
<a href="index6.html"><img src="https://www.coca-cola.com/content/dam/onexp/global/icons/Coca-Cola.svg" alt="Зображення 1" class="gallery-img"></a>
</div>
<div class="gallery-img-container">
<a href="index7.html"><img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/brands/coca-cola-zero/finals/f19f141c-7535-4fdf-8682-6c09c8d96a00.png/width1960.png" alt="Зображення 2" class="gallery-img"></a>
</div>
<div class="gallery-img-container">
<a href="index8.html"><img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/brands/coca-cola-plus-coffee/ua_cocacola_coffee_logo_colored_180x180_v1.png/width1960.png" alt="Зображення 3" class="gallery-img"></a>
</div>
</div>
<div class="row">
<div class="gallery-img-container">
<a href="index9.html"><img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/brands/fanta/finals/ua_fanta_logo_238x180%202.png/width1960.png" alt="Зображення 4" class="gallery-img"></a>
</div>
<div class="gallery-img-container">
<a href="index10.html"><img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/brands/sprite/ua_sprite_logo_colored_207x180_v1.png/width1960.png" alt="Зображення 5" class="gallery-img"></a>
</div>
<div class="gallery-img-container">
<a href="index11.html"><img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/home-images/brands/schweppes/ua_Schweppes%20logo_180x180.png/width1960.png" alt="Зображення 6" class="gallery-img"></a>
</div>
</div>
</div>
<a href="index2.html" ><input type="button" value="Переглянути все" class="knopka"></input></a>
<div class="vidstup"></div>
<footer>
<div class="up">
<img src="https://www.coca-cola.com/content/dam/onexp/ua/uk/logo-footer/ukraine-coca-cola-logo_white_600x96.png" id="image">
<input type="button" value="Ukraine" class="knopky"></input>
</div>
<fieldset>
<div class="foot">
<div class="field">
<div class="about-us">
<h2 class="aboutt">ПРО НАС</h2>
<ul>
<li class="abz"><a href="https://www.coca-colacompany.com/company" target="_blank" rel="noopener noreferrer">Наша компанія</a></li>
<li class="abz"><a href="/ua/uk/media-center">Медіацентр</a></li>
<li class="abz"><a href="https://www.coca-colacompany.com/about-us/history" target="_blank" rel="noopener noreferrer">Історія</a></li>
<li class="abz"><a href="https://careers.coca-colacompany.com/" target="_blank" rel="noopener noreferrer">Вакансії</a></li>
</ul>
</div>
<div class="help">
<h2 class="helpt">ПОТРІБНА ДОПОМОГА?</h2>
<ul>
<li class="abz"><a href="/ua/uk/about-us/faq">Поширені запитання</a></li>
<li class="abz"><a href="https://www.coca-cola.com/ua/uk/sitemap">Мапа сайту</a></li>
<li class="abz"><a href="/ua/uk/about-us/contact-us">Звʼязок з нами</a></li>
</ul>
</div>
<div class="info">
<h2 class="infot">ПРАВОВА ІНФОРМАЦІЯ</h2>
<ul>
<li class="abz"><a href="https://www.coca-cola.com/ua/uk/legal/terms-of-service">Правила користування</a></li>
<li class="abz"><a href="/ua/uk/legal/privacy-policy">Політика конфіденційності</a></li>
<li class="abz"><a href="#js-open-onetrust-preference-center">Налаштування файлів cookie</a></li>
<li class="abz"><a href="/ua/uk/legal/cookie-policy">Політика файлів cookies</a></li>
</ul>
</div>
</div>
<div class="social">
<a href="https://www.facebook.com/TheCocaColaCoUA"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS1-7EPnmXMurmL2aqtza8zIZs1cduVnA3DQLuSKHd3ih9na0do" class="facebook"></a>
<a href="https://www.instagram.com/cocacola_ua/"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcR-A6-TgkLesdTfEfHUSZ7VhiZwIPELPtkrPJIYsWc-HmqNVMQu" class="insta"></a>
<a href="https://www.linkedin.com/company/the-coca-cola-company-ukraine/"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSQOeZYatQmHFDvCgW49lSbp4J9nRDj2iaerg9ppPS1cBc6cgmx" class="in"></a>
<a href="https://www.youtube.com/channel/UCQWvESPkQV226iynxjgM9AA"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTP1E7jChcKwfZTyJ-xk1_-QjpS6x5myP3WoVbciPpUsQ5m_560" class="ut"></a>
</div>
</div>
</fieldset>
<p>© 2024 The Coca‑Cola Company, всі права захищені.</p>
</footer>



</body>
</html>
Loading

0 comments on commit 5f566aa

Please sign in to comment.