From d27ab68abb8b80d3013422435b9ebefa4109d4f9 Mon Sep 17 00:00:00 2001
From: Vijay Shanker Sharma <vijayshankersharma1973@gmail.com>
Date: Thu, 13 Jun 2024 16:51:45 +0530
Subject: [PATCH] Addedd license section

---
 new-website/index.html | 13 ++++++++++
 new-website/style.css  | 57 ++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 68 insertions(+), 2 deletions(-)

diff --git a/new-website/index.html b/new-website/index.html
index 07ff1af7..58bce7b7 100644
--- a/new-website/index.html
+++ b/new-website/index.html
@@ -165,6 +165,19 @@ <h1 class="title dark:text-white">Organization</h1>
         <div class="logo">
             <img id="org-logo" src="assets/GSSocLight.png" alt="GirlScript Summer of Code Logo">
         </div>
+    </div>
+     <!-- License section -->
+    <div class="license-container">
+        <div class="license-content">
+            <div class="license-title-container">
+                <i class="fas fa-link license-link-icon"></i>
+                <h1 class="license-title dark:text-white">License</h1>
+            </div>
+            <p class="license-description">
+                <span>ResourceHub is licensed under the MIT License - see</span><br> the
+                <a href="LICENSE" target="_blank">LICENSE</a> file for details.
+            </p>
+        </div>
     </div>
     <!-- for particle effet -->
 
diff --git a/new-website/style.css b/new-website/style.css
index d6d26d54..ff9ec3a0 100644
--- a/new-website/style.css
+++ b/new-website/style.css
@@ -1037,8 +1037,13 @@ body{
   color: white;
 }
 
-.dark #org-logo{
+.dark .license-container {
+  color: white;
+  background-color: black;
+}
 
+.dark .license-description{
+  color: white;
 }
 
 /* Add these styles to the end of your existing style.css file */
@@ -1093,4 +1098,52 @@ body{
 .logo img {
   max-width: 400px;
   height: auto;
-}
\ No newline at end of file
+}
+
+.license-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 90%;
+  max-width: 1000px;
+  background-color: #ffffff;
+  padding: 20px;
+  box-sizing: border-box;
+  margin: 40px auto;
+}
+
+.license-content {
+  flex: 1;
+  max-width: 600px;
+  padding-right: 20px;
+  box-sizing: border-box;
+}
+
+.license-title-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.license-link-icon {
+  font-size: 1.5em;
+  margin-right: 10px;
+}
+
+.license-title {
+  font-size: 2em;
+  margin: 0;
+}
+
+.license-description {
+  font-size: 1em;
+  line-height: 1.5;
+  color: #333333;
+}
+
+.license-description a {
+  color: #4682B4; /* Even darker shade of sky blue */
+  text-decoration: underline;
+}
+
+