diff --git a/Website/Org.css b/Website/Org.css new file mode 100644 index 000000000..802d8f086 --- /dev/null +++ b/Website/Org.css @@ -0,0 +1,218 @@ +.dark-mode .intro-section { + color: rgb(0, 0, 0); + padding: 40px; + text-align: center; + margin-bottom: -57px; + margin-top: -65px; +} + +.intro-section { + color: rgb(255, 255, 255); + padding: 40px; + text-align: center; + margin-bottom: -57px; + margin-top: -65px; +} + +.intro-section h1 { + font-size: 2.5em; + margin-bottom: 20px; +} + +.dark-mode .intro-section p { + font-size: 1.2em; + line-height: 1.6; + color: rgb(0, 0, 0); + margin-bottom: 20px; +} + +.intro-section p { + font-size: 1.2em; + line-height: 1.6; + color: rgb(255, 255, 255); + margin-bottom: 20px; +} + +.intro-section a { + color: #ffa500; + text-decoration: none; + font-weight: bold; +} + +.intro-section a:hover { + text-decoration: underline; +} + +.desp h2{ + color: rgb(255, 255, 255); + text-align: center; +} + +.dark-mode .desp h2{ + color: rgb(0, 0, 0); + text-align: center; +} + +.dark-mode .desp p{ + color: rgb(0, 0, 0); + text-align: center; +} + + .desp p{ + color: rgb(255, 255, 255); + text-align: center; + font-size: 17px; +} + +.repos-container { + display: grid; + grid-template-columns: repeat(3, 1fr); /* 3 columns layout */ + gap: 43px; + padding: 20px; +} + +.dark-mode .repo-card { + background-color: #ffffff; + color: rgb(3, 0, 0); + padding: 20px; + border-radius: 8px; + font-size: 14px; + box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); + height: 300px; + transition: transform 0.3s ease; +} + +.repo-card { + background-color: #04004c; + color: white; + padding: 20px; + border-radius: 8px; + font-size: 14px; + box-shadow: 0 4px 11px rgba(0, 0, 0, 0.1); + height: 300px; + transition: transform 0.3s ease; +} + +.repo-card:hover { + transform: scale(1.05); +} + +.repo-card h3 { + margin-top: 0; + font-size: 1.5em; +} + +.repo-card p { + margin: 10px 0; +} + +.dark-mode .repo-card p { + margin: 10px 0; + color: rgb(3, 0, 0); + +} + +.repo-card a { + color: #ffa500; + text-decoration: none; +} + +@media (max-width: 1024px) { + .repos-container { + grid-template-columns: repeat(2, 1fr); /* 2 columns layout for medium screens */ + } +} + +@media (max-width: 768px) { + .repos-container { + grid-template-columns: 1fr; /* 1 column layout for small screens */ + } +} + + +/* Get Involved Section */ +.get-involved-section { + display: flex; + align-items: center; + justify-content: space-between; + padding: 40px 20px; + border-radius: 8px; + margin-top: 40px; +} + +.get-involved-section .content { + max-width: 60%; +} + +.get-involved-section .content h2 { + font-size: 2em; + margin-bottom: 20px; +} + +.dark-mode .get-involved-section .content p { + font-size: 1em; + margin-bottom: 20px; + color: #333; +} + +.dark-mode .get-involved-section .btn { + background-color: #007bff; + color: white; + padding: 10px 20px; + border-radius: 5px; + text-decoration: none; + transition: background-color 0.3s ease; +} + +.dark-mode .get-involved-section .btn:hover { + background-color: #0056b3; +} + +.get-involved-section .svg-container { + max-width: 35%; + display: inline-block; + perspective: 1000px; + position: relative; +} + +.get-involved-section .svg-container svg { + width: 100%; + height: auto; + transition: transform 0.1s ease; +} + + .get-involved-section .content p { + color: white; +} + +.get-involved-section .btn { + background-color: #ffa500; + color: white; + padding: 10px 20px; + border-radius: 5px; + text-decoration: none; + transition: background-color 0.3s ease; +} + +.get-involved-section .btn:hover { + background-color: #e68a00; +} + +/* Responsive Adjustments */ +@media (max-width: 768px) { + .get-involved-section { + flex-direction: column; + text-align: center; + } + + .get-involved-section .content { + max-width: 100%; + } + + .get-involved-section .svg-container { + max-width: 100%; + margin-top: 20px; + } +} + + diff --git a/Website/organization.html b/Website/organization.html index 6a78ac6e2..37f301fc6 100644 --- a/Website/organization.html +++ b/Website/organization.html @@ -1,12 +1,139 @@ + - Organization | ML Repos + Organization | Recode Hive + + + + - -

This is the Organization page

+ + +
+ +
+ +
+ +
+

Welcome to Recode Hive!

+

Recode Hive is a dynamic organization dedicated to fostering innovation and collaboration in the tech + community. We focus on developing cutting-edge solutions, sharing knowledge, and creating a platform + where developers can contribute to a wide range of projects. Our repositories cover various domains, + including machine learning, web development, data science, and more.

+

Join the GitHub Org by raising an issue: Invite Link (you will receive an Email invitation). Feel free to explore our repositories, contribute to ongoing projects, or start your own within the + Recode Hive community.

+

Visit Recode Hive on GitHub to learn more and + explore additional projects.

+
+
+

Recode Hive Repositories

+

Explore our repositories below to find valuable resources, code examples, and tools that can help you + in your projects.
Whether you're a seasoned developer or just starting out, Recode Hive has + something for everyone.

+
+
+
+ +
+
+

Get Involved with Recode Hive

+

Recode Hive is always open to new contributors and collaborators. Whether you want to contribute to an existing project or start something new, we encourage you to get involved. Our community is supportive, and we offer resources to help you succeed in your endeavors.

+

Join us today and be a part of a growing community of developers, innovators, and tech enthusiasts. Together, we can build something amazing!

+

Join the GitHub Org by raising an issue: Invite Link (you will receive an Email invitation)

+

Contribute Now

+
+
+ +
+
+ +
+ + + + + + + + \ No newline at end of file