fade-up

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallery</title>
<style>
  .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
  }

  .gallery img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s ease;
  }

  .gallery img:hover {
    transform: scale(1.1);
  }
</style>
</head>
<body>

<div class="gallery">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
  <img src="image4.jpg" alt="Image 4">
  <img src="image5.jpg" alt="Image 5">
  <img src="image6.jpg" alt="Image 6">
  <img src="image7.jpg" alt="Image 7">
  <img src="image8.jpg" alt="Image 8">
</div>

</body>
</html>

الموقع تحت الصيانة 

<h3 style="text-align: center;"><span style="font-size: 30px; color: rgb(16, 24, 40);"><strong>سنعود قريباً</strong></span></h3>

<p style="text-align: center;"><span style="font-size: 20px; color: rgb(71, 84, 103);">عزيزنا الزائر، شكراً لزيارتك لنا ونأسف لتعطل موقعنا حالياً للقيام بالصيانة الضرورية.</span></p>

تعرف على منتجات شركة الفرقان للدهانات

منتجات الفرقان

منتجاتنا