new section

AQuadic · Sep 5, 2024 · 41328a2 · 41328a2
1 parent 4f03d25
commit 41328a2
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -4671,6 +4671,41 @@ html[dir=rtl] .pay h1 {
 /* End Last section */
 
 
+/* Tools */
+.tool_icons {
+    display: flex;
+    justify-content: center;
+    gap:30px;
+}
+
+.tool_icons div img {
+    width:50px;
+    height:50px;
+    background-color:#ccc;
+    padding:10px;
+    border-radius:10px;
+}
+
+.tool_icons div p {
+    font-weight:600;
+}
+
+.tool_icons div {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap:10px;
+}
+
+@media (max-width: 620px) {
+    .tool_icons {
+        flex-direction:column;
+    }
+}
+
+/* Tools */
+
 /* Start View More */
 /* Start Header Section */
 .header-img {

diff --git a/index.html b/index.html
@@ -1116,6 +1116,40 @@ <h6 class="swiper_title">Meet your Glide Certified Community</h6>
   </Section>
 <!-- End Section -->
 
+<!-- Tools -->
+  <div class="">
+    <div class="head_title">
+      <h2 > +40 Tool Professional Development Tool </h2>
+  </div>
+  <div class="tool_icons">
+    <div>
+      <img src="" alt="">
+      <p></p>
+    </div>
+    <div>
+      <img src="" alt="">
+      <p></p>
+    </div>
+    <div>
+      <img src="" alt="">
+      <p></p>
+    </div>
+    <div>
+      <img src="" alt="">
+      <p></p>
+    </div>
+    <div>
+      <img src="" alt="">
+      <p></p>
+    </div>
+    <div>
+      <img src="" alt="">
+      <p></p>
+    </div>
+  </div>
+  </div>
+<!-- Tools -->
+
 
 <footer>
   <div class="container">