edit

AQuadic · Mar 10, 2024 · e36f24b · e36f24b
1 parent 89a5928
commit e36f24b
Show file tree

Hide file tree

Showing 3 changed files with 105 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -486,6 +486,7 @@ html[dir="ltr"] .app .bigimage {
   width: 100%;
   max-height: 807px;
   object-fit: cover;
+  height: 100%;
 }
 
 .app .container {
@@ -4509,3 +4510,66 @@ input.add_comment {
 }
 .ratItem .star {
 }
+/*newCati*/
+.newCati{}
+.newCati .content{}
+.newCati .content .part1 {
+  max-width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+.newCati .content .part1 .slider{
+  height: 600px;
+  width: 64%;
+  border-radius: 20px;
+}
+.newCati .content .part1 .slider img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 20px;
+}
+.newCati .content .part1 .partItems {
+  width: 32%;
+  min-width: 300px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 20px;
+  border-radius: 10px;
+
+}
+.newCati .content .part1 .partItems img{
+width: 100%;
+height: auto;
+object-fit: cover;
+  border-radius: 10px;
+
+}
+.newCati .content .part2{
+  display: flex;
+    width: 100%;
+    gap: 16px;
+}
+.newCati .content .part2 .item{
+  height: 192px;
+  width: 380px;
+  border-radius: 20px;
+  justify-content: flex-start;
+  display: flex;
+  flex-direction: column;
+  width: 33.3333%;
+  margin-bottom: 20px;
+ padding: 6px;
+  align-self: stretch;
+  box-shadow: 0px 0px 20px #c5c4c49a;
+}
+.newCati .content .part2 .item img{
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+  border-radius: 20px;
+}
diff --git a/index.html b/index.html
@@ -504,7 +504,39 @@ <h1>شفاطات البوتجازات</h1>
         </div>
       </div>
     </div>
-
+    <section class="newCati">
+      <div class="container">
+        <div class="content">
+          <div class="part1">
+            <div class="slider">
+              <a href="#" class="item">
+                <img src="https://www.elarabygroup.com/media/wysiwyg/TT-852-C_promotional_banner_EN.jpg" alt="">
+              </a>
+            </div>
+            <div class="partItems">
+              <a href="#" class="item">
+                <img src="https://www.elarabygroup.com/media/wysiwyg/TT-852-C_promotional_banner_EN.jpg" alt="">
+              </a>
+              <a href="#" class="item">
+                <img src="https://www.elarabygroup.com/media/wysiwyg/TT-852-C_promotional_banner_EN.jpg" alt="">
+              </a>
+            </div>
+          </div>
+          <div class="part2">
+            <a href="#" class="item">
+              <img src="https://www.elarabygroup.com/media/wysiwyg/TT-852-C_promotional_banner_EN.jpg" alt="">
+            </a>
+            <a href="#" class="item">
+              <img src="https://www.elarabygroup.com/media/wysiwyg/TT-852-C_promotional_banner_EN.jpg" alt="">
+            </a>
+            <a href="#" class="item">
+              <img src="https://www.elarabygroup.com/media/wysiwyg/TT-852-C_promotional_banner_EN.jpg" alt="">
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+
     <!-- start owl one -->
     <div class="allItem">
       <img

diff --git a/tvproduct.html b/tvproduct.html
@@ -578,6 +578,14 @@ <h2 class="tv-data">
     </form>
     <!--end tv product-->
 
+
+
+
+
+
+
+
+
     <!-- start collaps -->
 
     <div class="collaps-tv">
-Original file line number
+Diff line change
@@ Expand Up / @@ -578,6 +578,14 @@ <h2 class="tv-data"> @@
         </form>
         <!--end tv product-->
         <!-- start collaps -->
         <div class="collaps-tv">
@@ Expand Down @@