.news-ticker {
width: 100%;
background-color: #f4f4f4;
overflow: hidden;
white-space: nowrap;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 10px 0;
}
/* Ticker content */
.news-ticker-content {
display: inline-block;
animation: scroll 15s linear infinite;
}
/* Ticker items */
.news-ticker a {
color: #0073e6;
text-decoration: none;
margin: 0 20px;
font-size: 16px;
}
.news-ticker a:hover {
text-decoration: underline;
}
/* Animation */
@keyframes scroll {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
>
In BUSINESS CLASS from Germany to Zanzibar, Tanzania for just €2,103 (round-trip)!
HOT! In BUSINESS CLASS from Greece to Malaysia for just €1,372 (round-trip)
In BUSINESS CLASS from Germany to Brazil for just €2,156 (round-trip)! 30% OFF!
HOT! Nonstop in BUSINESS CLASS from Germany to Dubai for just €616 (round-trip)!
>
`
### Features:
1. **Horizontal Scrolling**: The ticker scrolls continuously from right to left.
2. **Responsive Design**: The ticker adjusts to the full width of the container.
3. **Links**: Each deal links to the source page and opens in a new tab.
4. **Customizable**: You can easily add or modify the deals in the `` tagsTo use this code, simply copy and paste it into your HTML file where you want the ticker to appear.