From af1f094594081a7f1e4a673f78239466f11a7141 Mon Sep 17 00:00:00 2001
From: JSriwongsa <sriwongsa.jtp@gmail.com>
Date: Mon, 24 Jul 2023 13:50:42 -0500
Subject: [PATCH] added partner section

---
 donation_website/index.html | 47 +++++++++++++++++++++++++++++++++++++
 donation_website/style.css  | 36 +++++++++++++++++++++++++++-
 2 files changed, 82 insertions(+), 1 deletion(-)

diff --git a/donation_website/index.html b/donation_website/index.html
index 21c65e7..3832448 100644
--- a/donation_website/index.html
+++ b/donation_website/index.html
@@ -427,9 +427,56 @@
                 </div>
             </div>
 
+            <div class="partner">
+                <div class="container">
+                    <div class="partner-slider">
+                        <div class="slide-track">
+                            <div class="partner-logo">
+                                <img src="images/partner-1.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-2.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-3.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-4.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-5.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-6.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-1.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-2.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-3.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-4.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-5.png">
+                            </div>
+                            <div class="partner-logo">
+                                <img src="images/partner-6.png">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             
         </main>
 
+        
+
 
         <footer></footer>
 
diff --git a/donation_website/style.css b/donation_website/style.css
index 0951a9b..1c91d05 100644
--- a/donation_website/style.css
+++ b/donation_website/style.css
@@ -816,7 +816,41 @@ form.search i{
     line-height: 55px;
     visibility: hidden;
 }
-/**/
+/*----- partner -----*/
+.partner{
+    max-width: 100%;
+    background-color: #DCDCDC;
+    align-items: center;
+    justify-content: center;
+}
+.partner-slider{
+    height: 150px;
+    width: auto;
+    margin: auto;
+    overflow: hidden;
+    position: relative;
+}
+.slide-track{
+    animation: scroll 60s linear infinite;
+    display: flex;
+    width: calc(250px * 20);
+    gap: 50px;
+}
+.partner-logo img{
+    margin-top: 30px;
+    width: 250px;
+    height: 100px;
+}
+@keyframes scroll{
+    0%{
+        transform: translateX(0);
+    }
+    100%{
+        transform: translateX(calc(-250px * 5));
+    }
+}
+
+