<!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>ארונות אמבטיה</title> <style> body margin: 0; padding: 0; font-family: 'Arial' .banner position: relative; width: 100%; height: 400px; background-image: url('path/to/your/image.jpg'); /* החליפו זאת בנתיב לתמונה של ארונות אמבטיה */ background-size: cover; background-position: center; color: #ffffff; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; .banner h1 font-size: 48px; margin-bottom: 20px; .banner p font-size: 24px; margin-bottom: 40px; .cta-button display: inline-block; padding: 15px 30px; font-size: 18px; text-decoration: none; color: #ffffff; background-color: #007BFF; /* צבע כפתור - ניתן לשנות על פי העדפות */ border-radius: 5px; transition: background-color 0.3s ease; .cta-button:hover background-color: #0056b3; /* צבע כפתור בעת העברה בעכבר - ניתן לשנות על פי העדפות */ </style> </head> <body> <div class="banner"> <h1>ארונות אמבטיה מעוצבים</h1> <p>הפוך את האמבטיה שלך למקום יוקרתי ונעים עם ארונות מעוצבים במיוחד</p> <a href="#" class="cta-button">גלה עוד</a> </div> </body> </html>