Merge pull request #8 from toukirkhan/kcd-durg-update-toukir

Kcd durg update toukir

README.md

@@ -1,3 +1,28 @@
-# Keras Community Day Durg
+# Keras Community Days Durg by TFUG Durg
 This web page is designed for Keras Community Day Durg. Our main motive behind this event is to promote keras among students and inform them about the features and services provided by Keras.
+This repository contains the HTML and CSS files for the Keras Community Days Durg event, organized by TensorFlow User Group (TFUG) Durg.
 
+## About the Event
+
+Keras Community Days is an event that brings together developers, researchers, and enthusiasts from the Keras and TensorFlow communities. The event features talks, workshops, and networking opportunities for attendees to learn about the latest developments in Keras and TensorFlow, and to connect with other members of the community.
+
+## Code of Conduct
+
+At Keras Community Days Durg by TFUG Durg, we are committed to providing a welcoming and inclusive environment for all participants. We expect all attendees, speakers, sponsors, and volunteers to adhere to our code of conduct.
+
+- Be respectful and considerate of others.
+- Refrain from using offensive or discriminatory language or behavior.
+- Respect the privacy and personal space of others.
+- Report any incidents of harassment or inappropriate behavior to event organizers.
+
+We reserve the right to take appropriate action in response to any violations of this code of conduct, including but not limited to removing individuals from the event.
+
+## License
+
+This repository is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.
+
+## Contributing
+
+We welcome contributions to this repository! If you have any suggestions or improvements, please feel free to submit a pull request or open an issue.
+
+Thank you for your interest in Keras Community Days Durg by TFUG Durg! We hope to see you at the event.

index.html

@@ -55,7 +55,7 @@ <h1 class="section__subtitle">
       </div>
     </header>
 
-    <!-- <section class="section__container Speaker__container">
+    <!--  <section class="section__container Speaker__container">
       <div class="section__header">
         <div>
           <h2 class="section__title">Speakers & Talks</h2>
@@ -225,12 +225,12 @@ <h4>Collaborative Opportunities</h4>
     <section class="gallary" >
       <div class="section__container gallary__container" >
         <div class="image__gallary">
-          <div class="gallary__col">
+          <div class="gallary__col1">
             <img src="asset/TFUG.jpg" alt="gallary" />
           </div>
-          <div class="gallary__col">
-            <img src="asset/TFUG Team.jpg" alt="gallary" />
-            <img src="asset/Work.jpg" alt="gallary" />
+          <div class="gallary__col2">
+            <img class="image1" src="asset/TFUG Team.jpg" alt="gallary" />
+            <img class="image2" src="asset/Work.jpg" alt="gallary" />
           </div>
         </div>
         <div class="gallary__content">

styles.css

@@ -296,6 +296,14 @@ header {
   border-radius: 1rem;
 }
 
+.Speaker__card:hover {
+  transform: scale(1.2);
+}
+
+.Speaker__card img {
+  border-radius: 1rem;
+}
+
 .Speaker__details {
   position: absolute;
   width: calc(100% - 2rem);
@@ -554,17 +562,52 @@ header {
   gap: 1rem;
 }
 
-.gallary__col {
+.gallary__col1 {
   display: grid;
   place-content: center;
   gap: 1rem;
 }
 
-.gallary__col img {
+.gallary__col1 img {
   border-radius: 1rem;
   box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
 }
 
+.gallary__col1 {
+  transition: transform 0.7s ease;
+}
+
+.gallary__col1:hover {
+  transform: scale(1.2);
+}
+
+.gallary__col2 {
+  display: grid;
+  place-content: center;
+  gap: 1rem;
+}
+
+.gallary__col2 img {
+  border-radius: 1rem;
+  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
+}
+
+.image1 {
+  transition: transform 0.7s ease;
+}
+
+.image1:hover {
+  transform: scale(1.2);
+}
+
+.image2 {
+  transition: transform 0.7s ease;
+}
+
+.image2:hover {
+  transform: scale(1.2);
+}
+
 .gallary__content {
   display: flex;
   align-items: center;