├── .github └── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md ├── .vscode └── settings.json ├── 404.html ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── JoinTeam.css ├── JoinTeam.html ├── LICENSE ├── README.md ├── Resources.css ├── Resources.html ├── blogs ├── 1.json ├── 2.json ├── 3.json └── 4.json ├── contactUs.html ├── darkmode.js ├── events.html ├── eventstyle.css ├── images ├── Green.jpeg ├── about-img.png ├── b1.jpeg ├── b2.jpg ├── b4.jpeg ├── beg.jpg ├── blue.jpeg ├── close.png ├── code_social_logo.png ├── dark-mode.png ├── discord-icon.png ├── discord.png ├── event1.jpg ├── favicon.png ├── gitHub.png ├── github_new.png ├── hamburger.png ├── header.jpg ├── icon.png ├── light-mode.png ├── light.png ├── linkedin-icon.png ├── linkedin.png ├── logo copy.png ├── logo.png ├── logo1.svg ├── mentor1.jpg ├── mentor2.jpg ├── mentor3.jpg ├── red.jpeg ├── volunteer-bg.jpg ├── whatsapp-icon.png ├── whatsapp.png └── yellow.jpeg ├── index.html ├── join_community.css ├── join_community.html ├── join_community.js ├── learning.html ├── link.txt ├── login.html ├── maintenance.html ├── mentor.css ├── mentor_background.avif ├── mentorship.html ├── package-lock.json ├── register.html ├── script.js ├── signup.html ├── styles.css ├── up-arrow.png └── volunteering-oppurtunities ├── vol-effects.js ├── vol-style.css └── volunteer-opp-page.html /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Describe the bug** 11 | A clear and concise description of what the bug is. 12 | 13 | **To Reproduce** 14 | Steps to reproduce the behavior: 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | - OS: [e.g. iOS] 28 | - Browser [e.g. chrome, safari] 29 | - Version [e.g. 22] 30 | 31 | **Smartphone (please complete the following information):** 32 | - Device: [e.g. iPhone6] 33 | - OS: [e.g. iOS8.1] 34 | - Browser [e.g. stock browser, safari] 35 | - Version [e.g. 22] 36 | 37 | **Additional context** 38 | Add any other context about the problem here. 39 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5502 3 | } -------------------------------------------------------------------------------- /404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Code Social | Home 5 | 6 | 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 80 |
81 |
84 | 89 | 93 | 94 |

97 | Under Maintenance 98 |

99 |

102 | Our Enterprise administrators are performing scheduled 103 | maintenance. 104 |

105 |
106 |
107 | 108 | 109 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Code of Conduct 2 | 3 | This Code of Conduct outlines our expectations for all members of the Code Social Community, fostering a safe and inclusive environment for everyone. 4 | 5 | ## 1. Our Mission 6 | 7 | Code Social Community strives to be a welcoming space for everyone, regardless of background. We value diversity and encourage active participation to build a thriving community. 8 | 9 | ## 2. Open Source Citizenship 10 | 11 | We believe in fostering open source citizenship, where members recognize their impact on the community. We encourage positive behavior and appreciate those who contribute to a welcoming atmosphere. 12 | 13 | ## 3. Expected Behavior 14 | 15 | - Be respectful and considerate in your interactions with others. 16 | - Strive for collaboration and avoid resorting to conflict. 17 | - Be mindful of your surroundings and fellow members. Report any safety concerns or code of conduct violations to the community leaders. 18 | - Respect shared spaces: Be mindful of others if using community event venues open to the public. 19 | 20 | ## 4. Unacceptable Behavior 21 | 22 | The following behaviors are considered harassment and are strictly prohibited: 23 | 24 | - Violence, threats of violence, or violent language. 25 | - Discriminatory or offensive jokes, language, or behavior based on factors like gender, sexual orientation, race, religion, or ability. 26 | - Posting or sharing sexually explicit or violent material. 27 | - Doxing: Posting someone's personal information without consent. 28 | - Personal insults targeting someone's identity. 29 | - Inappropriate physical contact or photography/recording. 30 | - Unwelcome sexual attention, including comments, jokes, or advances. 31 | - Stalking or following someone online or in person. 32 | - Encouraging or advocating for any of the above behaviors. 33 | - Disrupting community events like talks or presentations. 34 | 35 | ## 5. Weapons Policy 36 | 37 | Weapons of any kind, including firearms, explosives, and large knives, are strictly prohibited at Code Social Community events and spaces. Anyone found with a weapon will be asked to leave immediately and may be banned. 38 | 39 | ## 6. Consequences of Unacceptable Behavior 40 | 41 | Unacceptable behavior from anyone, including sponsors and those with authority, will not be tolerated. Those asked to stop such behavior must comply immediately. Consequences for violations may include temporary bans or permanent expulsion from the community. 42 | 43 | ## 7. Reporting Guidelines 44 | 45 | If you experience or witness unacceptable behavior, please report it promptly to a community organizer at [codesocialcommunity@gmail.com](mailto:codesocialcommunity@gmail.com). 46 | 47 | Organizers can also assist with contacting local law enforcement or providing support to those experiencing harassment. Organizers can also provide escorts if needed. 48 | 49 | ## 8. Addressing Grievances 50 | 51 | If you believe you were unfairly accused of violating this code, you can submit a grievance with a detailed explanation to Code Social Community. Your grievance will be reviewed following our established policies. 52 | 53 | ## 9. Scope 54 | 55 | This code applies to all community participants, online and in-person, including contributors, sponsors, guests, and anyone involved in community business interactions. It also extends to situations outside of community activities if they have the potential to affect the safety and well-being of members. 56 | 57 | ## 10. Contact Us 58 | 59 | [codesocialcommunity@gmail.com](mailto:codesocialcommunity@gmail.com) 60 | 61 | ## 11. License and Attribution 62 | 63 | This Code of Conduct is adapted from the Citizen Code of Conduct by Stumptown Syndicate under a Creative Commons Attribution-ShareAlike License. It also references the Django Code of Conduct and the Geek Feminism Anti-Harassment Policy. 64 | 65 | **Revision Date:** *August 15, 2024* 66 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # General Rules: 2 | 3 | ### Respect and Be Civil 4 | - Treat all members with respect and courtesy. Avoid offensive language, harassment, bullying, or any form of disrespectful behavior. 5 | ### No Spamming or Self-Promotion 6 | - Avoid spamming the chat with irrelevant content or self-promotion. Promoting personal projects is allowed within designated channels or as per specific server rules. 7 | ### Keep Discussions Relevant 8 | - Ensure discussions and conversations are related to coding, designing, or tech-related topics. Use appropriate channels for various discussions. 9 | ### Use Proper Language and Formatting 10 | - Communicate clearly using appropriate language and avoid excessive use of acronyms, jargon, or caps lock. 11 | ### No Plagiarism 12 | - Do not claim someone else's work as your own. Give proper credit where due and respect intellectual property rights. 13 | ### No NSFW Content 14 | - Keep the server free from any explicit, adult, or not-safe-for-work content. 15 | ### Avoid Personal Attacks 16 | - Disagreements are okay, but personal attacks, insults, or flame wars will not be tolerated. 17 | ### Be Helpful and Supportive 18 | - Encourage a supportive and helpful environment. Offer assistance to those in need and participate constructively in discussions. 19 | ### No Illegal Activities 20 | - Do not share or promote any illegal content, tools, or activities. 21 | ### Listen to Moderators 22 | - Follow the instructions of the server moderators. Failure to comply with their requests may result in appropriate actions. 23 | 24 | - ### Contributing to Our Website 25 | 26 | We believe in the power of community and open-source collaboration. Our website is a reflection of this, and we invite community members to contribute to its development. Here's how you can get involved: 27 | 28 | ### How to Contribute 29 | 30 | 1. **Fork the Repository**: Start by forking this repository to your GitHub account. 31 | 2. **Clone the Repository**: Clone the forked repository to your local machine using `git clone`. 32 | 3. **Create a Branch**: Create a new branch for your feature or bug fix using `git checkout -b branch-name`. 33 | 4. **Make Changes**: Implement your changes and commit them with clear and descriptive messages. 34 | 5. **Push Changes**: Push your changes to your forked repository using `git push origin branch-name`. 35 | 6. **Create a Pull Request**: Open a pull request to the main repository. Provide a detailed description of your changes and any relevant information. 36 | 37 | ### What You Can Contribute 38 | 39 | - **Bug Fixes**: Help us identify and fix bugs. 40 | - **Features**: Implement new features or enhance existing ones. 41 | - **Documentation**: Improve our documentation, including this README. 42 | - **Design**: Contribute to the website's design and user experience. 43 | 44 | ### Contribution Guidelines 45 | 46 | - Ensure your code follows our coding standards and best practices. 47 | - Write clear and concise commit messages. 48 | - Provide detailed descriptions in your pull requests. 49 | - Be respectful and collaborative in your interactions with other contributors. 50 | 51 | ## Getting Started 52 | 53 | To set up the project locally, follow these steps: 54 | 55 | 1. **Clone the Repository**: 56 | ```bash 57 | git clone https://github.com/CodeSocialCommunity/website.git 58 | ``` 59 | 2. **Navigate to the Project Directory**: 60 | ```bash 61 | cd website 62 | ``` 63 | 3. **Install Dependencies**: 64 | ```bash 65 | npm install 66 | ``` 67 | 4. **Run the Development Server**: 68 | ```bash 69 | npm start 70 | ``` 71 | -------------------------------------------------------------------------------- /JoinTeam.css: -------------------------------------------------------------------------------- 1 | /* General Styles */ 2 | body { 3 | background-color: #f3f4f6; 4 | font-family: Arial, sans-serif; 5 | line-height: 1.5; 6 | color: #1f2937; 7 | margin: 0; 8 | } 9 | 10 | /* Container */ 11 | .container { 12 | max-width: 800px; 13 | margin: 0 auto; 14 | padding: 2.5rem 1.5rem; 15 | } 16 | 17 | /* Header */ 18 | .header { 19 | text-align: center; 20 | margin-bottom: 2.5rem; 21 | } 22 | 23 | .header h1 { 24 | font-size: 2.5rem; 25 | font-weight: bold; 26 | color: #1f2937; 27 | } 28 | 29 | .header p { 30 | font-size: 1.125rem; 31 | color: #4b5563; 32 | margin-top: 0.5rem; 33 | } 34 | 35 | /* Benefits Grid */ 36 | .benefits-grid { 37 | display: grid; 38 | grid-template-columns: repeat(1, 1fr); 39 | gap: 2rem; 40 | margin-bottom: 3rem; 41 | } 42 | 43 | @media (min-width: 768px) { 44 | .benefits-grid { 45 | grid-template-columns: repeat(3, 1fr); 46 | } 47 | } 48 | 49 | .benefit-card { 50 | background-color: #ffffff; 51 | border-radius: 0.5rem; 52 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 53 | padding: 1.5rem; 54 | transition: box-shadow 0.3s ease; 55 | text-align: center; 56 | } 57 | 58 | .benefit-card h2 { 59 | font-size: 1.5rem; 60 | font-weight: 600; 61 | color: #4f46e5; 62 | } 63 | 64 | .benefit-card p { 65 | font-size: 1rem; 66 | color: #6b7280; 67 | margin-top: 0.75rem; 68 | } 69 | 70 | .benefit-card:hover { 71 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); 72 | } 73 | 74 | /* Join Form Link */ 75 | .join-link { 76 | text-align: center; 77 | } 78 | 79 | .join-link a { 80 | display: inline-block; 81 | padding: 0.75rem 2rem; 82 | background-color: #4f46e5; 83 | color: #ffffff; 84 | font-weight: 600; 85 | border-radius: 0.5rem; 86 | text-decoration: none; 87 | transition: background-color 0.3s ease; 88 | } 89 | 90 | .join-link a:hover { 91 | background-color: #4338ca; 92 | } 93 | -------------------------------------------------------------------------------- /JoinTeam.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Join Our Team 7 | 8 | 9 | 10 |
11 |
12 |

Join Our Tech Community Team

13 |

Be a part of our open-source community and collaborate with like-minded tech enthusiasts.

14 |
15 | 16 |
17 |
18 |

Collaborate on Projects

19 |

Work on real projects with our team and gain valuable experience.

20 |
21 |
22 |

Expand Your Network

23 |

Connect with developers, designers, and innovators across the tech community.

24 |
25 |
26 |

Enhance Your Skills

27 |

Grow in a supportive environment where learning and collaboration thrive.

28 |
29 |
30 | 31 |
32 | Join Us Now 33 |
34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # GSSoc'24 Extended 2 | 3 | ![License](https://cdn.prod.website-files.com/5e0f1144930a8bc8aace526c/65dd9eb5aaca434fac4f1c34_License-MIT-blue.svg) 4 | ![GitHub Issues](https://img.shields.io/github/issues/Code-Social/official-website) 5 | ![GitHub Pull Requests](https://img.shields.io/github/issues-pr/Code-Social/official-website) 6 | ![Stars](https://img.shields.io/github/stars/Code-Social/official-website) 7 | 8 | # ☕ Code Social Community's Official Website 9 | 10 | Welcome to the official repository for the Code Social Community website! This repository includes the code and content for our community-driven website. As an open-source project, we welcome contributions from anyone interested in enhancing our platform. 11 | 12 | ## Table of Contents 13 | - [About Code Social](#about-code-social) 14 | - [Tech Stack](#tech-stack) 15 | - [Contributing to Our Website](#contributing-to-our-website) 16 | - [Getting Started](#getting-started) 17 | - [Our Valuable Contributors](#our-valuable-contributors) 18 | 19 | ## About Code Social 20 | 21 | Code Social Community is a vibrant and inclusive space for tech enthusiasts to learn, grow, and connect. Founded in 2023, our mission is to empower individuals with resources, mentorship, and opportunities to cultivate their skills, explore their interests, and collaborate with like-minded peers. Join us on our journey to create something extraordinary together! 22 | 23 | ![Discord](https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white) 24 | * 🤝 Join the Code Social Community : [Click here to join](https://discord.gg/MSTNyRSPYW) 25 | 26 | ## Tech Stack 27 | ![HTML5](https://img.shields.io/badge/HTML-239120?style=for-the-badge&logo=html5&logoColor=white) 28 | ![CSS](https://img.shields.io/badge/CSS-239120?&style=for-the-badge&logo=css3&logoColor=white) 29 | ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) 30 | 31 | ## Featured In 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |
Event LogoEvent NameEvent Description
GSSoC Ext 24GirlScript Summer of Code Ext 2024GSSOC Ext is a one-month-long open-source program by the GirlScript Foundation that runs from October 1 to November 10, 2024.
Hacktoberfest 24Hacktoberfest 2024Hacktober Fest is an annual celebration of open-source software development. It's a month-long event encouraging developers to contribute to open-source projects.
50 | 51 | 52 | ## Contributing to Our Website 53 | 54 | We believe in the power of community and open-source collaboration. Our website is a reflection of this, and we invite community members to contribute to its development. Here's how you can get involved: 55 | 56 | ### ✨ How to Contribute 57 | 58 | 1. **Fork the Repository**: Start by forking this repository to your GitHub account. 59 | 2. **Clone the Repository**: Clone the forked repository to your local machine using `git clone`. 60 | 3. **Create a Branch**: Create a new branch for your feature or bug fix using `git checkout -b branch-name`. (preferably, use a 4-letter word/first 4 letters of your name, similar to having a call sign) 61 | 4. **Make Changes**: Implement your changes and commit them with clear and descriptive messages. 62 | 5. **Push Changes**: Push your changes to your forked repository using `git push origin branch-name`. 63 | 6. **Create a Pull Request**: Open a pull request to the main repository. Provide a detailed description of your changes and any relevant information. 64 | 65 | ### 🛠️ What You Can Contribute 66 | 67 | - **Bug Fixes**: Help us identify and fix bugs. 68 | - **Features**: Implement new features or enhance existing ones. 69 | - **Documentation**: Improve our documentation, including this README. 70 | - **Design**: Contribute to the website's design and user experience. 71 | 72 | ### 📋 Contribution Guidelines 73 | 74 | - Ensure your code follows our coding standards and best practices. 75 | - Write clear and concise commit messages. 76 | - Provide detailed descriptions in your pull requests. 77 | - Be respectful and collaborative in your interactions with other contributors. 78 | 79 | ## Getting Started 80 | 81 | To set up the project locally, follow these steps: 82 | 83 | 1. **Clone the Repository**: 84 | ```bash 85 | git clone https://github.com/Code-Social/official-website.git 86 | ``` 87 | 2. **Navigate to the Project Directory**: 88 | ```bash 89 | cd official-website 90 | ``` 91 | 3. **Install Dependencies**: 92 | ```bash 93 | npm install 94 | ``` 95 | 4. **Run the Development Server**: 96 | ```bash 97 | npm start 98 | ``` 99 | 100 | 101 | ## 🚀 Maintainers 102 | This repository is actively maintained by : 103 | 104 | 105 | 106 | 113 | 120 | 121 |
107 | 108 | Rizwan102003 109 |
110 | Rizwan102003 111 | 112 | 		114 | 115 | arushi2610 116 |
117 | arushi2610 118 | 119 |
122 | 123 | 124 | ## 🙌 Join Us 125 | 126 | We are excited to build and improve this website with the help of our community. Your contributions, no matter how big or small, are valuable and appreciated. Let's create something amazing together! 127 | 128 | For any questions or further discussions, feel free to reach out to us on our Discord server: [Click here to join](https://discord.gg/MSTNyRSPYW)💬 129 | 130 | 131 | --------------------------------------------------------------------------------------------------------------------- 132 | 133 |

134 | 135 | --------------------------------------------------------------------------------------------------------------------- 136 | 137 | 138 | ## GSSOC 2024 and Hacktober Fest participants : 139 | Please read the Contribution Guidelines and if you have any doubts ,feel free to connect with the project admins or mentors. We have set up a discord channel in our community server for the event to answer queries,foster discussions and enhance collaboration on the project. [Click here to join](https://discord.com/channels/1049667734025289729/1291810957563134105) 140 | 141 | ## Our Valuable Contributors 142 | [![Contributors](https://contrib.rocks/image?repo=Code-Social/official-website)]((https://github.com/Code-Social/official-website/graphs/contributors)) 143 | ![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png) 144 | 145 | ## Stargazers ❤️ 146 |
147 | 148 | [![Stargazers repo roster for @Code-Social/official-website](https://reporoster.com/stars/dark/Code-Social/official-website)](https://github.com/Code-Social/official-website/stargazers) 149 | 150 |
151 | 152 | ## Forkers ❤️ 153 | [![Forkers repo roster for @Code-Social/official-website](https://reporoster.com/forks/dark/Code-Social/official-website)](https://github.com/Code-Social/official-website/network/members) 154 | ![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png) 155 | -------------------------------------------------------------------------------- /Resources.css: -------------------------------------------------------------------------------- 1 | 2 | * { 3 | margin: 0; 4 | padding: 0; 5 | box-sizing: border-box; 6 | } 7 | 8 | body { 9 | font-family: "Josefin Sans", sans-serif; 10 | background-color: #f0f0f0; 11 | } 12 | 13 | .nav { 14 | background-color: #ffebcc; 15 | display: flex; 16 | justify-content: center; 17 | align-items: center; 18 | height: 10vh; 19 | } 20 | 21 | .text { 22 | color: #333; 23 | font-weight: bold; 24 | font-size: 2rem; 25 | text-align: center; 26 | } 27 | 28 | .main { 29 | padding: 20px; 30 | display: flex; 31 | justify-content: space-around; 32 | flex-wrap: wrap; 33 | gap: 20px; 34 | } 35 | 36 | .resource-box { 37 | background-color: white; 38 | border-radius: 8px; 39 | padding: 20px; 40 | width: 300px; 41 | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 42 | text-align: center; 43 | transition: transform 0.3s ease, box-shadow 0.3s ease; 44 | } 45 | 46 | .resource-box h2 { 47 | font-size: 1.5rem; 48 | color: #333; 49 | margin-bottom: 10px; 50 | } 51 | 52 | .resource-box p { 53 | color: #666; 54 | font-size: 1rem; 55 | margin-top:9px; 56 | } 57 | 58 | 59 | .resource-box a { 60 | display: inline-block; 61 | margin-top: 10px; 62 | padding: 8px 12px; 63 | background-color: #007bff; 64 | color: white; 65 | text-decoration: none; 66 | border-radius: 5px; 67 | font-size: 1rem; 68 | transition: background-color 0.3s ease; 69 | } 70 | 71 | .resource-box a:hover { 72 | background-color: #0056b3; 73 | } 74 | 75 | .resource-box:hover { 76 | transform: translateY(-10px); 77 | box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 78 | } 79 | 80 | /* Responsive styling */ 81 | @media (max-width: 768px) { 82 | .main { 83 | flex-direction: column; 84 | align-items: center; 85 | } 86 | 87 | .resource-box { 88 | width: 100%; 89 | max-width: 400px; 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /Resources.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Free Learning Resources 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 89 | 90 | 91 | 92 |
93 |
94 |

Free Learning Resources

95 |
96 |
97 | 98 |
99 |
100 |

DSA with Java

101 |

Instructor: Kunal Kushwah

102 | Visit Here 103 |

Language: English

104 |
105 | 106 |
107 |

DSA With C++

108 |

Instructor: Rohit Negi (Coder Army)

109 | Visit Here 110 |

Language: Hindi

111 |
112 | 113 |
114 |

Full Stack Web Development

115 |

Instructor: CodeWithHarry

116 | Visit Here 117 |

Language: Hindi

118 |
119 | 120 |
121 |

Full Stack Web Development

122 |

Instructor: FreeCodeCamp.org

123 | Visit Here 124 |

Language: English

125 |
126 | 127 |
128 |

DevOps Bootcamp

129 |

Instructor: Kunal Kushwah

130 | Visit Here 131 |

Language: English

132 |
133 | 134 |
135 |

DevOps Bootcamp

136 |

Instructor: TrainWithShubham

137 | Visit Here 138 |

Language: Hindi

139 |
140 | 141 |
142 |

Open Source Guide

143 |

Instructor: Piyush Garg

144 | Visit Here 145 |

Language:Hindi

146 |
147 | 148 |
149 |

Git & GitHub

150 |

Instructor: Kunal Kushwah

151 | Visit Here 152 |

Language: English

153 |
154 | 155 |
156 |

Android App Development Course

157 |

Instructor:Neat Roots

158 | Visit Here 159 |

Language: Hindi

160 |
161 | 162 |
163 |

Golang

164 |

Instructor:Hitesh Choudhary

165 | Visit Here 166 |

Language: English

167 |
168 | 169 |
170 |

Python Tutorial For Beginners

171 |

Instructor: CodeWithHarry

172 | Visit Here 173 |

Language:Hindi

174 |
175 | 176 |
177 |

Javascript Tutorial For Beginners

178 |

Instructor:Shradha Khapra

179 | Visit Here 180 |

Language:Hindi

181 |
182 | 183 | 184 |
185 |

Machine Learning

186 |

Instructor: FreeCodeCamp.org

187 | Visit Here 188 |

Language:English

189 |
190 | 191 |
192 |

Harvard CS50-Full Computer Science Course

193 |

Instructor: FreeCodeCamp.org

194 | Visit Here 195 |

Language:English

196 |
197 | 198 |
199 |

C++ Programming Course - Beginner to Advanced

200 |

Instructor:FreeCodeCamp.org

201 | Visit Here 202 |

Language:English

203 |
204 | 205 | 206 | 207 | 208 |
209 | 210 | 211 | 255 | 256 | 257 | 258 | -------------------------------------------------------------------------------- /blogs/1.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Roadmap to Becoming a Successful AI/ML Developer", 3 | "image": "images/b1.jpeg", 4 | "content": [ 5 | { 6 | "type": "heading", 7 | "text": "Introduction" 8 | }, 9 | { 10 | "type": "paragraph", 11 | "text": "Artificial Intelligence (AI) and Machine Learning (ML) are rapidly evolving fields with a growing demand for skilled professionals. This blog post outlines a roadmap to help you become a successful AI/ML developer." 12 | }, 13 | { 14 | "type": "heading", 15 | "text": "1. Understand the Fundamentals of Mathematics" 16 | }, 17 | { 18 | "type": "paragraph", 19 | "text": "A strong foundation in mathematics is crucial for AI/ML. Focus on the following areas:" 20 | }, 21 | { 22 | "type": "list", 23 | "items": [ 24 | "Linear algebra", 25 | "Calculus", 26 | "Probability and statistics" 27 | ] 28 | }, 29 | { 30 | "type": "heading", 31 | "text": "2. Learn Programming Languages" 32 | }, 33 | { 34 | "type": "paragraph", 35 | "text": "Proficiency in programming is essential for implementing AI/ML algorithms. The following languages are commonly used:" 36 | }, 37 | { 38 | "type": "list", 39 | "items": [ 40 | "Python (most popular for AI/ML due to its simplicity and libraries)", 41 | "R (often used for statistical analysis)", 42 | "Java (for building large-scale applications)" 43 | ] 44 | }, 45 | { 46 | "type": "heading", 47 | "text": "3. Familiarize Yourself with ML Frameworks and Libraries" 48 | }, 49 | { 50 | "type": "paragraph", 51 | "text": "Get hands-on experience with popular frameworks and libraries that facilitate AI/ML development:" 52 | }, 53 | { 54 | "type": "list", 55 | "items": [ 56 | "TensorFlow (for deep learning applications)", 57 | "Keras (a high-level neural networks API)", 58 | "scikit-learn (for traditional ML algorithms)" 59 | ] 60 | }, 61 | { 62 | "type": "heading", 63 | "text": "4. Work on Real-World Projects" 64 | }, 65 | { 66 | "type": "paragraph", 67 | "text": "Apply your knowledge by engaging in real-world projects. This practical experience is vital for skill enhancement. Consider participating in hackathons or contributing to open-source projects." 68 | }, 69 | { 70 | "type": "heading", 71 | "text": "5. Stay Updated with the Latest Trends" 72 | }, 73 | { 74 | "type": "paragraph", 75 | "text": "AI/ML is a fast-paced field. Keep abreast of the latest trends, research papers, and technologies. Follow influential researchers and subscribe to relevant newsletters." 76 | }, 77 | { 78 | "type": "heading", 79 | "text": "6. Engage with the AI/ML Community" 80 | }, 81 | { 82 | "type": "paragraph", 83 | "text": "Join AI/ML communities on platforms like GitHub, Kaggle, and LinkedIn. Networking with other professionals can provide insights, collaboration opportunities, and valuable support." 84 | }, 85 | { 86 | "type": "heading", 87 | "text": "Conclusion" 88 | }, 89 | { 90 | "type": "paragraph", 91 | "text": "By following this roadmap and continuously learning, you can position yourself for success in the AI/ML domain. Embrace challenges and stay passionate about your journey into artificial intelligence and machine learning." 92 | } 93 | ] 94 | } 95 | -------------------------------------------------------------------------------- /blogs/2.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Roadmap to a Successful Java Developer", 3 | "image": "images/b2.jpg", 4 | "content": [ 5 | { 6 | "type": "heading", 7 | "text": "Introduction" 8 | }, 9 | { 10 | "type": "paragraph", 11 | "text": "Becoming a successful Java developer requires a well-defined roadmap and a commitment to continuous learning. In this blog post, we'll explore the essential skills, tools, and practices that can guide you on your journey to mastery in Java development." 12 | }, 13 | { 14 | "type": "heading", 15 | "text": "1. Understanding Java Fundamentals" 16 | }, 17 | { 18 | "type": "paragraph", 19 | "text": "Start by mastering the core concepts of Java, including:" 20 | }, 21 | { 22 | "type": "list", 23 | "items": [ 24 | "Data types and variables", 25 | "Control structures (if statements, loops)", 26 | "Object-oriented programming (OOP) principles", 27 | "Exception handling" 28 | ] 29 | }, 30 | { 31 | "type": "heading", 32 | "text": "2. Mastering Java Frameworks" 33 | }, 34 | { 35 | "type": "paragraph", 36 | "text": "Once you have a solid grasp of the fundamentals, explore popular Java frameworks that enhance development efficiency:" 37 | }, 38 | { 39 | "type": "list", 40 | "items": [ 41 | "Spring Framework (for building enterprise applications)", 42 | "Hibernate (for ORM and database interactions)", 43 | "JavaServer Faces (JSF) for web applications" 44 | ] 45 | }, 46 | { 47 | "type": "heading", 48 | "text": "3. Build Real-World Projects" 49 | }, 50 | { 51 | "type": "paragraph", 52 | "text": "Apply your knowledge by working on real-world projects. This hands-on experience is crucial for reinforcing your skills and building a portfolio. Consider contributing to open-source projects or developing your applications." 53 | }, 54 | { 55 | "type": "heading", 56 | "text": "4. Stay Updated with Java Trends" 57 | }, 58 | { 59 | "type": "paragraph", 60 | "text": "The Java ecosystem is constantly evolving. Stay informed about the latest trends, libraries, and tools. Follow blogs, join online communities, and participate in webinars to expand your knowledge." 61 | }, 62 | { 63 | "type": "heading", 64 | "text": "5. Engage with the Community" 65 | }, 66 | { 67 | "type": "paragraph", 68 | "text": "Join Java developer communities on platforms like GitHub, Stack Overflow, and Reddit. Engaging with others can provide valuable insights, support, and networking opportunities." 69 | }, 70 | { 71 | "type": "heading", 72 | "text": "Conclusion" 73 | }, 74 | { 75 | "type": "paragraph", 76 | "text": "By following this roadmap and dedicating time to learning and practice, you can become a successful Java developer. Remember, persistence and a passion for coding are your best allies on this journey." 77 | } 78 | ] 79 | } 80 | -------------------------------------------------------------------------------- /blogs/3.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Beginner's Guide to Coding", 3 | "image": "images/beg.jpg", 4 | "content": [ 5 | { 6 | "type": "heading", 7 | "text": "Introduction" 8 | }, 9 | { 10 | "type": "paragraph", 11 | "text": "Coding is the foundation of the modern tech world. Whether you're looking to start a career in software development or just curious about how technology works, learning to code is an essential skill. This guide will help you get started with coding." 12 | }, 13 | { 14 | "type": "heading", 15 | "text": "Why Learn to Code?" 16 | }, 17 | { 18 | "type": "paragraph", 19 | "text": "Coding allows you to create software, websites, and apps that solve problems. It opens doors to lucrative careers and helps you understand the technology that powers our world." 20 | }, 21 | { 22 | "type": "heading", 23 | "text": "Choosing Your First Programming Language" 24 | }, 25 | { 26 | "type": "list", 27 | "items": [ 28 | "Python: Beginner-friendly and used in AI, ML, and web development.", 29 | "JavaScript: Great for web development and front-end design.", 30 | "Java: Popular for Android app development and enterprise solutions." 31 | ] 32 | }, 33 | { 34 | "type": "paragraph", 35 | "text": "These are some of the most popular programming languages for beginners. Depending on your interest, you can choose the one that fits your goals best." 36 | }, 37 | { 38 | "type": "heading", 39 | "text": "Essential Tools for Beginners" 40 | }, 41 | { 42 | "type": "list", 43 | "items": [ 44 | "Text Editor: Start with something simple like Visual Studio Code or Sublime Text.", 45 | "Version Control: Learn Git for managing your code versions.", 46 | "Integrated Development Environment (IDE): Use an IDE like PyCharm or IntelliJ for more advanced projects." 47 | ] 48 | }, 49 | { 50 | "type": "paragraph", 51 | "text": "Mastering these tools will help you in writing, organizing, and managing your code efficiently." 52 | }, 53 | { 54 | "type": "heading", 55 | "text": "Beginner Coding Projects" 56 | }, 57 | { 58 | "type": "list", 59 | "items": [ 60 | "Build a basic website using HTML, CSS, and JavaScript.", 61 | "Create a simple calculator in Python.", 62 | "Develop a to-do list application." 63 | ] 64 | }, 65 | { 66 | "type": "paragraph", 67 | "text": "Building small projects is a great way to practice and apply what you've learned." 68 | }, 69 | { 70 | "type": "heading", 71 | "text": "Learning Resources" 72 | }, 73 | { 74 | "type": "list", 75 | "items": [ 76 | "FreeCodeCamp: Offers free tutorials on web development and more.", 77 | "Codecademy: Interactive coding lessons for beginners.", 78 | "Coursera and edX: Offer beginner-friendly coding courses." 79 | ] 80 | }, 81 | { 82 | "type": "paragraph", 83 | "text": "These resources are a great starting point for learning to code, offering lessons at your own pace." 84 | }, 85 | { 86 | "type": "heading", 87 | "text": "Conclusion" 88 | }, 89 | { 90 | "type": "paragraph", 91 | "text": "Starting your coding journey may seem challenging, but with the right resources and consistent practice, you'll be on your way to becoming a proficient coder in no time." 92 | } 93 | ] 94 | } 95 | -------------------------------------------------------------------------------- /blogs/4.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": 4, 3 | "title": "Tips and Techniques for Efficient Coding", 4 | "image": "images/b4.jpeg", 5 | "content": [ 6 | { 7 | "type": "paragraph", 8 | "text": "Efficient coding is not just about writing code that works but writing code that is optimal, easy to understand, and maintainable. Whether you're working on a small project or a large application, following certain techniques can significantly improve your productivity." 9 | }, 10 | { 11 | "type": "heading", 12 | "text": "1. Plan Before You Code" 13 | }, 14 | { 15 | "type": "paragraph", 16 | "text": "Before diving into coding, it's important to plan your approach. Break down the task into smaller chunks, design your data structures, and consider edge cases. A good plan can save you from a lot of debugging later." 17 | }, 18 | { 19 | "type": "heading", 20 | "text": "2. Write Clean and Readable Code" 21 | }, 22 | { 23 | "type": "paragraph", 24 | "text": "Always prioritize readability over cleverness. Use descriptive variable names, write meaningful comments, and follow a consistent coding style. Code that is easy to read is also easy to maintain and extend." 25 | }, 26 | { 27 | "type": "list", 28 | "items": [ 29 | "Use consistent indentation.", 30 | "Avoid deep nesting of code.", 31 | "Break down functions into smaller, manageable ones." 32 | ] 33 | }, 34 | { 35 | "type": "heading", 36 | "text": "3. Optimize Only When Necessary" 37 | }, 38 | { 39 | "type": "paragraph", 40 | "text": "Avoid premature optimization. Start with simple and clear solutions, then optimize your code where performance bottlenecks are identified. Always profile your code before deciding where to optimize." 41 | }, 42 | { 43 | "type": "heading", 44 | "text": "4. Test Your Code Regularly" 45 | }, 46 | { 47 | "type": "paragraph", 48 | "text": "Writing tests alongside your code helps catch bugs early and ensures that your code works as expected. Use unit tests, integration tests, and automated testing tools to improve code reliability." 49 | }, 50 | { 51 | "type": "heading", 52 | "text": "5. Leverage Tools and Libraries" 53 | }, 54 | { 55 | "type": "paragraph", 56 | "text": "Make use of modern development tools, libraries, and frameworks that are available for your language. These tools can significantly reduce development time by offering tested and optimized solutions." 57 | } 58 | ] 59 | } 60 | -------------------------------------------------------------------------------- /contactUs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Contact Us | Code Socials 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 17 | 20 | 21 | 22 | 23 | 24 | 114 | 115 | 116 | 117 | 195 | 196 | 197 | 198 |
199 |

Contact Us

200 |

We’d Love to Hear From You! Whether you have questions about our community, need assistance, or want to share feedback, we're here to help. Reach out to us using the form below, and we’ll get back to you as soon as possible.

201 | 202 |
203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 |
214 | 215 |
216 | Thank you for reaching out! We will get back to you shortly. 217 |
218 | 219 | 220 |
221 | 222 | 272 | 273 | 308 | 309 | 310 | -------------------------------------------------------------------------------- /darkmode.js: -------------------------------------------------------------------------------- 1 | // Check for saved dark mode preference in localStorage 2 | let darkmode = localStorage.getItem("darkmode"); 3 | const themeToggleBtn = document.getElementById("theme-toggle"); 4 | const body = document.body; 5 | const footer = document.querySelector("footer"); 6 | const footerSpan = footer.querySelector(".website-name"); 7 | const footerParagraph = footer.querySelector(".footer-about-text"); 8 | 9 | // Enable Dark Mode 10 | const enableDarkMode = () => { 11 | body.classList.add("dark-mode"); 12 | body.classList.remove("light-mode"); 13 | footer.classList.add("dark-mode-footer"); 14 | footer.classList.remove("light-mode-footer"); 15 | footerSpan.classList.add("dark-text"); 16 | footerSpan.classList.remove("light-text"); 17 | footerParagraph.classList.add("dark-text"); 18 | footerParagraph.classList.remove("light-text"); 19 | localStorage.setItem("darkmode", "active"); 20 | themeToggleBtn.querySelector(".theme-icon-light").style.opacity = '0'; 21 | themeToggleBtn.querySelector(".theme-icon-dark").style.opacity = '1'; 22 | }; 23 | 24 | // Disable Dark Mode (Switch to Light Mode) 25 | const disableDarkMode = () => { 26 | body.classList.remove("dark-mode"); 27 | body.classList.add("light-mode"); 28 | footer.classList.remove("dark-mode-footer"); 29 | footer.classList.add("light-mode-footer"); 30 | footerSpan.classList.add("light-text"); 31 | footerSpan.classList.remove("dark-text"); 32 | footerParagraph.classList.add("light-text"); 33 | footerParagraph.classList.remove("dark-text"); 34 | localStorage.setItem("darkmode", "inactive"); 35 | themeToggleBtn.querySelector(".theme-icon-light").style.opacity = '1'; 36 | themeToggleBtn.querySelector(".theme-icon-dark").style.opacity = '0'; 37 | }; 38 | 39 | // Apply the saved theme on page load 40 | if (darkmode === "active") { 41 | enableDarkMode(); // Start in dark mode if the user prefers it 42 | } else { 43 | disableDarkMode(); // Otherwise, start in light mode 44 | } 45 | 46 | // Toggle dark mode on button click 47 | themeToggleBtn.addEventListener("click", () => { 48 | darkmode = localStorage.getItem("darkmode"); // Get the current state 49 | if (darkmode === "active") { 50 | disableDarkMode(); // Switch to light mode 51 | } else { 52 | enableDarkMode(); // Switch to dark mode 53 | } 54 | }); 55 | -------------------------------------------------------------------------------- /events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Code Social | Home 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 17 | 18 | 19 | 20 | 81 | 82 | 83 |
84 |
85 |
86 | 87 |
88 |
89 |
90 |
91 |

Live Events

92 |

Join us for a groundbreaking technology Events where 93 | innovation meets inspiration. Explore the latest Events 94 | in React, JavaScript,Node js, Css and many more .... 95 |

96 |

Network with industry leaders, attend insightful workshops, and 97 | discover cutting-edge solutions

98 |
99 |
100 | 101 |
102 |
103 |
104 | Event image 105 |
106 | 107 |
108 |
109 | 110 |
111 |

React Workshop

112 |
113 |

Webinar

114 |

Free

115 | 116 |
117 |

118 | 119 | Offline meet up 120 |

121 |

122 | 123 | Sat, Sep 19, 10:00 AM EDT 124 |

125 | 126 |

127 | Learn to create interactive web applications 128 | using React. Master components, state management, and routing. Join us to level up your web development skills. more... 129 |

130 |
131 |
132 | 133 |
134 |
135 | 136 |
137 |
138 | Event image 139 |
140 | 141 |
142 |
143 | 144 |
145 |

JavaScript Talk

146 |
147 |

Webinar

148 |

Free

149 | 150 |
151 |

152 | 153 | Offline meet up 154 |

155 |

156 | 157 | Sat, Sep 19, 10:00 AM EDT 158 |

159 | 160 |

161 | Learn JavaScript fundamentals and advanced techniques. 162 | Build interactive web applications with ease. 163 | Join us to become a JavaScript pro. more... 164 |

165 |
166 |
167 | 168 |
169 |
170 | 171 |
172 |
173 | Event image 174 |
175 | 176 |
177 |
178 | 179 |
180 |

Node.js Webinar

181 |
182 |

Webinar

183 |

Free

184 | 185 |
186 |

187 | 188 | Offline meet up 189 |

190 |

191 | 192 | Sat, Sep 19, 10:00 AM EDT 193 |

194 | 195 |

196 | Learn Node.js to create efficient and 197 | scalable server-side applications. Master 198 | asynchronous programming and real-time features. more... 199 |

200 |
201 |
202 | 203 |
204 |
205 | 206 |
207 |
208 | Event image 209 |
210 | 211 |
212 |
213 | 214 |
215 |

CSS Masterclass

216 |
217 |

Webinar

218 |

Free

219 | 220 |
221 |

222 | 223 | Offline meet up 224 |

225 |

226 | 227 | Sat, Sep 19, 10:00 AM EDT 228 |

229 | 230 |

231 | Learn advanced CSS techniques to create beautiful and 232 | responsive web designs. Join us to master CSS and elevate your web projects. more... 233 |

234 |
235 |
236 | 237 |
238 |
239 |
240 | 241 | 242 | 243 | 244 | 294 | 295 | 301 | 307 | 308 | 309 | 310 | -------------------------------------------------------------------------------- /eventstyle.css: -------------------------------------------------------------------------------- 1 | .header{ 2 | padding: 0px; 3 | margin: 0px; 4 | } 5 | .header .img-parent{ 6 | position: relative; 7 | } 8 | .header .img img{ 9 | width: 100%; 10 | height: 90vh; 11 | object-fit: cover; 12 | object-position: center; 13 | } 14 | .header .img-overlay{ 15 | position: absolute; 16 | top: 0; 17 | left: 0; 18 | height: 100%; 19 | width: 100%; 20 | background: black; 21 | z-index: 1; 22 | opacity: 0.4; 23 | } 24 | .header .img-content{ 25 | position: absolute; 26 | top: 50%; 27 | left: 50%; 28 | transform: translate(-50%,-50%); 29 | z-index: 2; 30 | color: white !important; 31 | text-align: center; 32 | justify-content: center !important; 33 | } 34 | .header .img-content h1{ 35 | font-size: 80px; 36 | font-weight: 700; 37 | font-family: 'Courier New', Courier, monospace; 38 | margin-bottom: 20px; 39 | } 40 | .header .img-content p{ 41 | font-size: 1rem; 42 | font-weight: 400; 43 | font-style: italic; 44 | letter-spacing: 0.2px; 45 | } 46 | 47 | /* Event card styling */ 48 | .container { 49 | width: 100%; 50 | display: flex; 51 | justify-content: center; 52 | align-items: center; 53 | flex-wrap: wrap; 54 | } 55 | 56 | .item-container { 57 | position: relative; 58 | margin: 24px; 59 | width: 320px; 60 | height: 570px; 61 | overflow: hidden; 62 | background-color: #fff; 63 | box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.15); 64 | cursor: pointer; 65 | border-radius: 10px; 66 | } 67 | 68 | .img-container, 69 | .body-container { 70 | position: absolute; 71 | top: 0; 72 | left: 0; 73 | width: 100%; 74 | height: 100%; 75 | } 76 | 77 | .img-container img { 78 | width: 100%; 79 | } 80 | 81 | .body-container { 82 | position: relative; 83 | } 84 | 85 | .overlay { 86 | position: relative; 87 | width: 100%; 88 | height: 400px; 89 | background-color: rgba(24, 83, 122, 0.6); 90 | opacity: 0; 91 | transition: height linear 0.4s, opacity linear 0.2s; 92 | } 93 | 94 | .item-container:hover .overlay { 95 | opacity: 1; 96 | height: 150px; 97 | } 98 | 99 | .event-info { 100 | background-color: #fff; 101 | display: flex; 102 | flex-direction: column; 103 | justify-content: center; 104 | align-items: center; 105 | padding: 8px; 106 | } 107 | 108 | .title, 109 | .price { 110 | color: #18537a; 111 | font-size: 1.5em; 112 | font-weight: bold; 113 | letter-spacing: 1px; 114 | margin: 12px; 115 | } 116 | 117 | .info { 118 | letter-spacing: 0.5px; 119 | margin-bottom: 2px; 120 | } 121 | 122 | .separator { 123 | width: 20%; 124 | height: 6px; 125 | background-color: #17537a; 126 | margin-bottom: 16px; 127 | } 128 | 129 | .additional-info { 130 | border-top: 1px solid #bbb; 131 | margin-top: 12px; 132 | padding: 28px; 133 | padding-bottom: 0; 134 | } 135 | 136 | .additional-info .info { 137 | font-size: 0.9em; 138 | margin-bottom: 20px; 139 | text-align: center; 140 | } 141 | 142 | .info i { 143 | color: #18537a; 144 | font-size: 1.1em; 145 | margin-right: 4px; 146 | } 147 | 148 | .info span { 149 | color: #18537a; 150 | font-weight: bolder; 151 | } 152 | 153 | .action { 154 | color: #fff; 155 | border: 3px solid #fff; 156 | background-color: transparent; 157 | position: absolute; 158 | top: -100px; 159 | left: 50%; 160 | transform: translateX(-50%); 161 | width: 60%; 162 | outline: none; 163 | cursor: pointer; 164 | padding: 12px; 165 | text-transform: uppercase; 166 | font-size: 1.3em; 167 | font-weight: bold; 168 | letter-spacing: 2px; 169 | transition: background-color 0.4s, top 0.4s; 170 | } 171 | 172 | .item-container:hover .action { 173 | top: 50px; 174 | } 175 | 176 | .action:hover { 177 | background-color: rgba(255, 255, 255, 0.2); 178 | } -------------------------------------------------------------------------------- /images/Green.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/Green.jpeg -------------------------------------------------------------------------------- /images/about-img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/about-img.png -------------------------------------------------------------------------------- /images/b1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/b1.jpeg -------------------------------------------------------------------------------- /images/b2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/b2.jpg -------------------------------------------------------------------------------- /images/b4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/b4.jpeg -------------------------------------------------------------------------------- /images/beg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/beg.jpg -------------------------------------------------------------------------------- /images/blue.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/blue.jpeg -------------------------------------------------------------------------------- /images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/close.png -------------------------------------------------------------------------------- /images/code_social_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/code_social_logo.png -------------------------------------------------------------------------------- /images/dark-mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/dark-mode.png -------------------------------------------------------------------------------- /images/discord-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/discord-icon.png -------------------------------------------------------------------------------- /images/discord.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/discord.png -------------------------------------------------------------------------------- /images/event1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/event1.jpg -------------------------------------------------------------------------------- /images/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/favicon.png -------------------------------------------------------------------------------- /images/gitHub.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/gitHub.png -------------------------------------------------------------------------------- /images/github_new.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/github_new.png -------------------------------------------------------------------------------- /images/hamburger.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/hamburger.png -------------------------------------------------------------------------------- /images/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/header.jpg -------------------------------------------------------------------------------- /images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/icon.png -------------------------------------------------------------------------------- /images/light-mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/light-mode.png -------------------------------------------------------------------------------- /images/light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/light.png -------------------------------------------------------------------------------- /images/linkedin-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/linkedin-icon.png -------------------------------------------------------------------------------- /images/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/linkedin.png -------------------------------------------------------------------------------- /images/logo copy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/logo copy.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/logo.png -------------------------------------------------------------------------------- /images/mentor1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/mentor1.jpg -------------------------------------------------------------------------------- /images/mentor2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/mentor2.jpg -------------------------------------------------------------------------------- /images/mentor3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/mentor3.jpg -------------------------------------------------------------------------------- /images/red.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/red.jpeg -------------------------------------------------------------------------------- /images/volunteer-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/volunteer-bg.jpg -------------------------------------------------------------------------------- /images/whatsapp-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/whatsapp-icon.png -------------------------------------------------------------------------------- /images/whatsapp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/whatsapp.png -------------------------------------------------------------------------------- /images/yellow.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/images/yellow.jpeg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Code Social | Home 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 17 | 18 | 21 | 22 | 23 | 24 | 25 | 44 | 124 | 204 | 205 | 206 | 207 | 208 |
209 |
210 |
211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 | 236 | 239 | 265 | 266 | 275 | 325 | 326 | 406 | 407 | 408 |
409 |

About Community

410 |

411 | Code Social Community is a learning-focused community dedicated to providing individuals with resources, 412 | opportunities to learn, grow, and develop their skills in various technologies. The community helps 413 | individuals to explore their interests, expand their knowledge, and connect with like-minded people. 414 | 415 | At Code Social Community, members have access to a wealth of resources and learning opportunities, including 416 | free learning sessions, mentorship programs, and peer-to-peer learning sessions. The community also provides 417 | opportunities for members to network and connect with others in the tech industry. 418 | 419 | In addition to its learning and networking opportunities, Code Social Community also serves as a hub for 420 | resources, tools, and other materials that can help members enhance their skills and stay up-to-date with 421 | the latest trends and best practices in the tech industry. 422 | 423 | Whether you are just starting out in your career or are a seasoned professional looking to expand your 424 | knowledge and skills, this community offers something for everyone. With its focus on hands-on learning, 425 | mentorship, and networking opportunities, Code Social Community is an excellent place to connect with 426 | like-minded individuals, build your skills, and take your career to the next level. 427 |

428 | 429 |
430 | 431 | WhatsApp 432 | 433 | 434 | Discord 435 | 436 | 437 | LinkedIn 438 | 439 | 440 | Github 441 | 442 | 443 |
444 |
445 | 446 |

Event Calendar

447 | 448 |
449 |
450 |

Add Event

451 | 452 | 453 | 454 | 455 | 456 |
457 | 458 |
459 |
460 | 461 |
462 | 463 |
464 | 465 |
466 | 467 |
468 |
469 |
470 |
471 | 521 | 522 | 523 | 637 | 643 | 645 | 646 | 647 | 648 | 649 | -------------------------------------------------------------------------------- /join_community.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | 7 | body { 8 | font-family: Arial, sans-serif; 9 | background-color: #f0f0f0; 10 | display: flex; 11 | justify-content: center; 12 | align-items: center; 13 | height: 100vh; 14 | margin: 0; 15 | transition: background-color 0.3s ease; 16 | } 17 | 18 | .container { 19 | background-color: #fff; 20 | padding: 20px; 21 | border-radius: 15px; 22 | box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); 23 | text-align: center; 24 | width: 90%; 25 | max-width: 400px; 26 | transition: background-color 0.3s ease; 27 | } 28 | 29 | .profile-pic { 30 | width: 100px; /* Set the desired width */ 31 | height: auto; /* Maintain aspect ratio */ 32 | max-width: 100%; /* Ensure it fits within the parent element */ 33 | max-height: 100%; /* Ensure it fits within the parent element */ 34 | object-fit: cover; /* This will help maintain the aspect ratio while covering the box */ 35 | } 36 | 37 | 38 | h1 { 39 | font-size: 24px; 40 | color: #333; 41 | transition: color 0.3s ease; 42 | } 43 | 44 | .bio { 45 | font-size: 14px; 46 | color: #666; 47 | margin-bottom: 20px; 48 | transition: color 0.3s ease; 49 | } 50 | 51 | .links .link-btn { 52 | display: block; 53 | background-color: #4CAF50; 54 | color: white; 55 | padding: 10px; 56 | text-decoration: none; 57 | border-radius: 5px; 58 | margin: 10px 0; 59 | font-size: 18px; 60 | transition: background-color 0.3s ease; 61 | } 62 | 63 | .links .link-btn:hover { 64 | background-color: #45a049; 65 | } 66 | 67 | .theme-btn { 68 | margin-top: 20px; 69 | padding: 10px; 70 | background-color: #333; 71 | color: white; 72 | border: none; 73 | border-radius: 5px; 74 | cursor: pointer; 75 | font-size: 16px; 76 | } 77 | 78 | .theme-btn:hover { 79 | background-color: #555; 80 | } 81 | 82 | /* Dark mode styles */ 83 | .dark-mode { 84 | background-color: #121212; 85 | } 86 | 87 | .dark-mode .container { 88 | background-color: #1e1e1e; 89 | } 90 | 91 | .dark-mode h1 { 92 | color: #f1f1f1; 93 | } 94 | 95 | .dark-mode .bio { 96 | color: #aaa; 97 | } 98 | 99 | .dark-mode .link-btn { 100 | background-color: #bb86fc; 101 | } 102 | 103 | .dark-mode .link-btn:hover { 104 | background-color: #9d69e3; 105 | } 106 | 107 | .dark-mode .theme-btn { 108 | background-color: #bb86fc; 109 | } 110 | 111 | .dark-mode .theme-btn:hover { 112 | background-color: #9d69e3; 113 | } 114 | -------------------------------------------------------------------------------- /join_community.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Code Social 7 | 89 | 90 | 91 | 92 |
93 | Code Social 94 |

Stay Connected

95 | Instagram 96 | Discord 97 | Youtube 98 | Twitter 99 | 100 | 101 | 104 |
105 | 106 | 120 | 121 | 141 | 142 | 143 | 144 | -------------------------------------------------------------------------------- /join_community.js: -------------------------------------------------------------------------------- 1 | // JavaScript to toggle between light and dark themes 2 | const toggleThemeBtn = document.getElementById("themeToggle"); 3 | 4 | toggleThemeBtn.addEventListener("click", () => { 5 | document.body.classList.toggle("dark-mode"); 6 | 7 | // Change the button text when toggling the theme 8 | if (document.body.classList.contains("dark-mode")) { 9 | toggleThemeBtn.textContent = "Switch to Light Mode"; 10 | } else { 11 | toggleThemeBtn.textContent = "Switch to Dark Mode"; 12 |     } 13 | }); -------------------------------------------------------------------------------- /learning.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Code Social | Learning 5 | 6 | 7 | 8 | 12 | 13 | 14 | 143 | 144 | 145 | 146 | 147 | 150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 | 241 | 242 | 311 | 312 | 313 |
314 |

Learning Opportunities at Code Social

315 | 316 | 317 |

Learning Paths

318 |

319 | Our community offers structured learning paths to help you master 320 | technologies step by step. 321 |

322 | 344 |
345 | 346 | 347 |

Upcoming Courses & Workshops

348 |

349 | We regularly host online courses and workshops. Here’s what’s coming up: 350 |

351 | 362 |
363 | 364 |

Featured Learning Resources

365 |

These hand-picked resources can accelerate your learning:

366 | 384 |
385 | 386 | 387 |

Student Testimonials

388 |
389 |

390 | "The learning path for full-stack development helped me land my first 391 | developer job. The community support was invaluable!" 392 |

393 | – Alex, Full Stack Developer 394 |
395 |
396 |

397 | "The mentorship programs at Code Social connected me with experienced 398 | professionals who guided me through my projects." 399 |

400 | – Priya, Data Scientist 401 |
402 |
403 | 404 | 405 |

Peer-to-Peer Learning Sessions

406 |

407 | Collaborate with other learners through study groups, coding challenges, 408 | and community projects: 409 |

410 | 421 |
422 | 423 | 424 | 488 | 489 | 495 | 501 | 502 | 503 | -------------------------------------------------------------------------------- /link.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/link.txt -------------------------------------------------------------------------------- /login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Login Page 8 | 120 | 121 | 122 | 123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 | 196 |
197 |

Login

198 |
199 | 200 |
201 | 202 | 203 |
204 | 205 | 206 |
207 |
208 | 209 |
210 |

Don't have an account? Sign up here

211 |
212 |
213 | 214 | 255 | 261 | 267 | 268 | 269 | 270 | -------------------------------------------------------------------------------- /maintenance.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Code Social | Home 5 | 6 | 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 79 |
80 |
83 | 88 | 92 | 93 |

96 | Under Maintenance/ Development 97 |

98 |

101 | We are currently working on this page. Please check back 102 |

103 |
104 |
105 | 106 | 107 | 157 | 158 | 164 | 170 | 171 | 172 | 173 | -------------------------------------------------------------------------------- /mentor.css: -------------------------------------------------------------------------------- 1 | /* General Styles */ 2 | body { 3 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 4 | background-color: rgb(220, 218, 218); /* this color is being added */ 5 | margin: 0; 6 | padding: 0; 7 | } 8 | 9 | /* Main Container */ 10 | .container { 11 | max-width: 1200px; 12 | margin: 0 auto; 13 | padding: 40px 20px; 14 | text-align: center; 15 | } 16 | 17 | /* Heading Styles */ 18 | h1 { 19 | font-size: 2.5rem; 20 | color: #040202; 21 | margin-bottom: 40px; 22 | text-transform: uppercase; 23 | letter-spacing: 1px; 24 | } 25 | 26 | /* Mentor Grid Layout */ 27 | .mentors-grid { 28 | display: grid; 29 | grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 30 | /* 3 mentors per line max */ 31 | gap: 20px; 32 | } 33 | 34 | /* Mentor Box (Each Mentor Card) */ 35 | .mentor-banner { 36 | padding: 20px; 37 | display: flex; 38 | flex-direction: column; 39 | align-items: center; 40 | backdrop-filter: blur(16px) saturate(180%); 41 | -webkit-backdrop-filter: blur(16px) saturate(180%); 42 | background-color: rgba(255, 255, 255, 0.795); 43 | border-radius: 12px; 44 | border: 1px solid rgba(209, 213, 219, 0.3); 45 | transition: transform 0.3s ease, box-shadow 0.3s ease; 46 | text-align: center; 47 | } 48 | 49 | /* Hover effect for mentor cards */ 50 | .mentor-banner:hover { 51 | transform: translateY(-5px); 52 | box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2); 53 | backdrop-filter: blur(16px) saturate(180%); 54 | -webkit-backdrop-filter: blur(16px) saturate(180%); 55 | background-color: rgba(17, 25, 40, 0.75); 56 | border-radius: 12px; 57 | border: 1px solid rgba(255, 255, 255, 0.125); 58 | } 59 | .mentor-banner:hover .mentor-name{ 60 | color: #ffffff; 61 | } 62 | .mentor-banner:hover .mentor-description{ 63 | color: #fbfbfb; 64 | } 65 | 66 | /* Mentor Image Container */ 67 | .image-container { 68 | width: 100px; 69 | height: 100px; 70 | margin-bottom: 10px; 71 | border-radius: 50%; 72 | overflow: hidden; 73 | display: flex; 74 | justify-content: center; 75 | align-items: center; 76 | border: 4px solid #f1f909; 77 | /* Dark blue */ 78 | } 79 | 80 | /* Mentor Image */ 81 | .mentor-image { 82 | width: 100%; 83 | height: 100%; 84 | object-fit: cover; 85 | } 86 | 87 | /* Mentor Description */ 88 | .mentor-description { 89 | margin-top: 10px; 90 | font-size: 17px; 91 | color: #1e3a8a; 92 | /* Dark blue */ 93 | } 94 | 95 | .mentor-name { 96 | font-weight: bold; 97 | font-size: 16px; 98 | margin-bottom: 5px; 99 | color: #1e40af; 100 | /* Dark blue */ 101 | } 102 | 103 | 104 | .mentor-role { 105 | font-size: 14px; 106 | font-weight: 700; 107 | color: #7e7e81; 108 | /* Gray */ 109 | } 110 | 111 | /* Rating Stars */ 112 | .mentor-rating { 113 | margin-top: 10px; 114 | color: #f59e0b; 115 | /* Golden yellow for stars */ 116 | font-size: 18px; 117 | } 118 | 119 | /* Responsive Design for Mobile */ 120 | @media (max-width: 600px) { 121 | .mentor-banner { 122 | padding: 15px; 123 | } 124 | 125 | .mentor-name { 126 | font-size: 14px; 127 | } 128 | 129 | .mentor-role { 130 | font-size: 12px; 131 | } 132 | } -------------------------------------------------------------------------------- /mentor_background.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/mentor_background.avif -------------------------------------------------------------------------------- /mentorship.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Meet Our Mentors 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 |

Meet Our Mentors

17 | 18 | 19 |
20 | 21 |
22 | 23 |
24 | Mentor 1 25 |
26 | 27 |
28 |
John Doe
29 |
Software Engineer at Google
30 |

John is a senior software engineer with 10 years of experience in full-stack development.

31 |
32 | 33 |
34 | 35 | 36 | 37 | 38 | 39 |
40 |
41 | 42 | 43 |
44 | 45 |
46 | Mentor 2 47 |
48 | 49 |
50 |
Jane Smith
51 |
Data Scientist at Facebook
52 |

Jane specializes in machine learning and data analysis with over 8 years of industry experience.

53 |
54 | 55 |
56 | 57 | 58 | 59 | 60 | 61 |
62 |
63 | 64 | 65 | 66 |
67 | 68 |
69 | Mentor 2 70 |
71 | 72 |
73 |
christian Smith
74 |
backend developer at Facebook
75 |

smith specializes in machine learning and data analysis with over 8 years of industry experience.

76 |
77 | 78 |
79 | 80 | 81 | 82 | 83 | 84 |
85 |
86 | 87 | 88 |
89 | 90 |
91 | Mentor 3 92 |
93 | 94 |
95 |
Sarah Lee
96 |
Product Manager at Microsoft
97 |

Sarah is a product management expert, focusing on SaaS solutions with over 12 years of experience.

98 |
99 | 100 |
101 | 102 | 103 | 104 | 105 | 106 |
107 |
108 | 109 |
110 | 111 |
112 | Mentor 3 113 |
114 | 115 |
116 |
Sarah Lee
117 |
Product Manager at Microsoft
118 |

Sarah is a product management expert, focusing on SaaS solutions with over 12 years of experience.

119 |
120 | 121 |
122 | 123 | 124 | 125 | 126 | 127 |
128 |
129 | 130 | 131 |
132 |
133 | 139 | 145 | 146 | 147 | -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "official-website", 3 | "lockfileVersion": 3, 4 | "requires": true, 5 | "packages": {} 6 | } 7 | -------------------------------------------------------------------------------- /register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | 12 | 16 | 17 | Book Your Ticket 18 | 155 | 156 | 157 | 158 |
159 | 231 |
232 | 233 |
234 |
235 |
236 |

Registration Form

237 |
238 |
239 | 240 | 247 |
248 | 249 |
250 | 251 | 258 |
259 | 260 |
261 | 262 | 269 |
270 | 271 |
272 | 273 |
274 |
275 |
276 | Thank you for registering! Your submission has been received. 277 |
278 |
279 |
280 |
281 | 299 | 363 | 364 | 365 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | document.addEventListener("DOMContentLoaded", () => { 2 | const navbarItems = document.querySelectorAll(".navbar ul li"); 3 | const navbar = document.querySelector(".navbar ul"); 4 | 5 | const toggleButton = document.querySelector(".toggle-button"); 6 | const hamburgerImg = document.getElementById("hamburger-img"); 7 | 8 | navbarItems.forEach((item) => { 9 | item.addEventListener("mouseover", () => { 10 | const dropdown = item.querySelector(".dropdown"); 11 | if (dropdown) { 12 | dropdown.style.display = "block"; 13 | } 14 | }); 15 | 16 | item.addEventListener("mouseout", () => { 17 | const dropdown = item.querySelector(".dropdown"); 18 | if (dropdown) { 19 | dropdown.style.display = "none"; 20 | } 21 | }); 22 | }); 23 | 24 | // Toggle hamburger menu on small screens 25 | toggleButton.addEventListener("click", () => { 26 | navbar.classList.toggle("active"); 27 | const isNavbarActive = navbar.classList.contains("active"); 28 | hamburgerImg.src = isNavbarActive 29 | ? "/images/close.png" 30 | : "/images/hamburger.png"; 31 | }); 32 | }); 33 | -------------------------------------------------------------------------------- /signup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Signup Form 8 | 128 | 129 | 130 | 131 | 132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 | 205 |
206 |

Signup

207 |
208 | 209 |
210 | 211 | 212 |
213 | 214 | 215 |
216 | 217 |
218 |
219 |
220 |
221 | 222 | 223 |
224 | 225 | 226 |
227 |
228 | 229 |
230 |

Already have an account? Login here

231 |
232 |
233 | 234 | 336 | 337 | 338 | 339 | -------------------------------------------------------------------------------- /up-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Social/official-website/dacdb8d34b21b7b5e72bdd9e41893889b2761f26/up-arrow.png -------------------------------------------------------------------------------- /volunteering-oppurtunities/vol-effects.js: -------------------------------------------------------------------------------- 1 | document.querySelector('form').addEventListener('submit', function (event) { 2 | event.preventDefault(); // Prevents the default form submission 3 | 4 | // Fetching form elements 5 | const name = document.getElementById('name'); 6 | const email = document.getElementById('email'); 7 | const mobile = document.getElementById('mobile'); 8 | const hours = document.querySelector('input[name="hours"]:checked'); 9 | const motivation = document.getElementById('motivation'); 10 | const experience = document.getElementById('experience'); 11 | const roles = document.querySelectorAll('input[name="roles"]:checked'); 12 | const codeConduct = document.getElementById('code-conduct'); 13 | const infoAccuracy = document.getElementById('info-accuracy'); 14 | 15 | // Validation flags 16 | let valid = true; 17 | let errorMessage = ""; 18 | 19 | // Name validation (ensure not empty) 20 | if (name.value.trim() === "") { 21 | valid = false; 22 | errorMessage += "Name is required.\n"; 23 | } 24 | 25 | // Email validation (simple regex for format) 26 | const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 27 | if (!emailPattern.test(email.value)) { 28 | valid = false; 29 | errorMessage += "Please provide a valid email address.\n"; 30 | } 31 | 32 | // Mobile number validation (simple regex for 10-digit format) 33 | const mobilePattern = /^[0-9]{10}$/; 34 | if (!mobilePattern.test(mobile.value)) { 35 | valid = false; 36 | errorMessage += "Mobile number must be 10 digits.\n"; 37 | } 38 | 39 | // Hours validation (check if any radio button is selected) 40 | if (!hours) { 41 | valid = false; 42 | errorMessage += "Please select how many hours you can work per week.\n"; 43 | } 44 | 45 | // Motivation validation (ensure not empty) 46 | if (motivation.value.trim() === "") { 47 | valid = false; 48 | errorMessage += "Motivation is required.\n"; 49 | } 50 | 51 | // Experience validation (ensure not empty) 52 | if (experience.value.trim() === "") { 53 | valid = false; 54 | errorMessage += "Please mention your previous volunteering or work experience.\n"; 55 | } 56 | 57 | // Roles validation (ensure at least one checkbox is selected, max 2) 58 | if (roles.length === 0) { 59 | valid = false; 60 | errorMessage += "Please select at least one role.\n"; 61 | } else if (roles.length > 2) { 62 | valid = false; 63 | errorMessage += "You can select a maximum of 2 roles.\n"; 64 | } 65 | 66 | // Code of conduct validation (checkbox must be checked) 67 | if (!codeConduct.checked) { 68 | valid = false; 69 | errorMessage += "You must agree to the Code of Conduct.\n"; 70 | } 71 | 72 | // Information accuracy validation (checkbox must be checked) 73 | if (!infoAccuracy.checked) { 74 | valid = false; 75 | errorMessage += "You must confirm that the information provided is accurate.\n"; 76 | } 77 | 78 | // If any validation failed, show an alert 79 | if (!valid) { 80 | alert(errorMessage); 81 | } else { 82 | // If everything is valid, submit the form (or you can add custom logic here) 83 | alert("Form submitted successfully!"); 84 | event.target.submit(); // Submit the form programmatically if all validations pass 85 | } 86 | }); 87 | -------------------------------------------------------------------------------- /volunteering-oppurtunities/vol-style.css: -------------------------------------------------------------------------------- 1 | .join-us{ 2 | padding-top: 10px; 3 | text-align: center; 4 | font-size: 150%; 5 | } 6 | 7 | .image-container { 8 | width: 150%; 9 | max-width: 1200px; 10 | margin: 0 auto; /*Center the image container */ 11 | padding-top: 0%; 12 | padding-bottom: 20px; 13 | text-align: center; /* Center the image horizontally */ 14 | } 15 | 16 | .image-container img { 17 | width: 150%; /* Make the image responsive */ 18 | height: 30em; 19 | max-width: 100%; 20 | padding-top: 0%; 21 | } 22 | 23 | .volunteer-intro-block{ 24 | margin-bottom: 20px; 25 | padding: 40px; 26 | color: #333; 27 | background-color: orange; 28 | align-items: center; 29 | } 30 | 31 | .info{ 32 | font-size: 20px; 33 | font-weight: bold; 34 | text-align: center; 35 | line-height: 1.6; 36 | } 37 | 38 | /* Job Roles container */ 39 | .job-role { 40 | background-color: #f9f9f9; 41 | border: 1px solid #ddd; 42 | margin-bottom: 10px; 43 | padding: 10px; 44 | border-radius: 5px; 45 | cursor: pointer; 46 | width: 80%; 47 | } 48 | 49 | /* Title of each role */ 50 | .role-title { 51 | font-weight: bold; 52 | font-size: 1.60em; 53 | display: flex; 54 | justify-content: space-between; 55 | padding: 5px; 56 | text-align: center; 57 | } 58 | 59 | /* Initially hidden role descriptions */ 60 | .role-description { 61 | padding-top: 0px; 62 | padding: 10px; 63 | display: none; 64 | margin-top: 10px; 65 | font-size: 1.75 em; 66 | color: #555; 67 | } 68 | 69 | /* Expand/collapse symbol styles */ 70 | .expand-symbol { 71 | font-size: 1.5em; 72 | color: #ff9900; 73 | font-weight: bold; 74 | } 75 | 76 | /* Hover effect on role titles */ 77 | .role-title:hover { 78 | color: #ff9900; 79 | } 80 | 81 | .responsibilities-container { 82 | display: flex; 83 | flex-direction: column; 84 | align-items: center; /* Align the job-role cards to the center */ 85 | } 86 | 87 | .why-join{ 88 | padding: 20px; 89 | } 90 | 91 | .quadrant-container { 92 | display: grid; 93 | grid-template-columns: 1fr 1fr; 94 | gap: 20px; 95 | margin: 20px; 96 | } 97 | 98 | .quadrant-card { 99 | background-color: #f4f4f4; 100 | border: 1px solid #ddd; 101 | border-radius: 10px; 102 | padding: 20px; 103 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 104 | transition: transform 0.3s ease; 105 | text-align: center; 106 | } 107 | 108 | .quadrant-card h3 { 109 | font-size: 1.7em; 110 | color: #333; 111 | margin-bottom: 10px; 112 | } 113 | 114 | .quadrant-card p { 115 | font-size: 1em; 116 | color: #666; 117 | } 118 | 119 | .quadrant-card:hover { 120 | transform: scale(1.05); 121 | } 122 | 123 | @media screen and (max-width: 768px) { 124 | .quadrant-container { 125 | grid-template-columns: 1fr; 126 | } 127 | } 128 | 129 | /* Volunteer Form Styling */ 130 | .volunteer-form { 131 | background-color: #f4f4f4; 132 | padding: 20px; 133 | margin: 50px auto; /* Horizontally centers the form */ 134 | border-radius: 10px; 135 | width: 50%; /* Define the width of the form */ 136 | max-width: 600px; /* Ensures it doesn't get too wide */ 137 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 138 | } 139 | 140 | .volunteer-form form { 141 | display: flex; 142 | flex-direction: column; 143 | } 144 | 145 | .volunteer-form label { 146 | font-weight: bold; 147 | margin-top: 10px; 148 | margin-bottom: 5px; 149 | color: #333; 150 | } 151 | 152 | #motivation, #experience, #additional-info, #skills, #linkedin{ 153 | padding: 10px; 154 | border: 1px solid #ccc; 155 | border-radius: 5px; 156 | width: 96%; 157 | margin-bottom: 10px; 158 | margin-right: 10px; 159 | } 160 | 161 | /* Styling for name, email, and mobile input fields */ 162 | #name, #email, #mobile { 163 | border: 1px solid #ccc; 164 | width: 50%; /* Adjust the width to occupy the available space */ 165 | padding: 8px; 166 | margin-bottom: 10px; 167 | border-radius: 5px; 168 | display: inline-block; /* Keep the input on the same line as the label */ 169 | box-sizing: border-box; /* Ensure padding is included in width calculation */ 170 | } 171 | 172 | /* Styling for labels */ 173 | label[for="name"], label[for="email"], label[for="mobile"] { 174 | display: inline-block; /* Keep the label on the same line as the input */ 175 | width: 25%; /* Adjust label width to make space for inputs */ 176 | text-align: left; /* Align label text to the right */ 177 | vertical-align: middle; /* Align the label with the input field vertically */ 178 | } 179 | 180 | .volunteer-form input[type="radio"], 181 | .volunteer-form input[type="checkbox"] { 182 | margin-right: 10px; 183 | } 184 | 185 | #must-read { 186 | color: red; 187 | font-weight: bold; 188 | text-align: center; 189 | margin: 10px 0; 190 | } 191 | 192 | /* Apply red color to the asterisk (*) in the required fields */ 193 | label[for="name"]::after, 194 | label[for="email"]::after, 195 | label[for="mobile"]::after, 196 | label[for="hours-button"]::after, 197 | label[for="motivation"]::after, 198 | label[for="code-conduct"]::after, 199 | label[for="info-accuracy"]::after, 200 | label[for="experience"]::after, 201 | label[for="roles-all"]::after { 202 | content: " *"; /* Add the asterisk */ 203 | color: red; /* Set the asterisk color to red */ 204 | } 205 | 206 | /* Container to align the checkbox and its label horizontally */ 207 | .checkbox-agreement-container { 208 | display: flex; /* Use flexbox to align items */ 209 | align-items: center; /* Vertically center the checkbox and label */ 210 | margin-bottom: 10px; /* Add space between rows */ 211 | } 212 | 213 | /* Styling the checkboxes */ 214 | .checkbox-agreement-container input[type="checkbox"] { 215 | margin-right: 10px; /* Add space between checkbox and label */ 216 | } 217 | 218 | /* Adjust the label text if necessary */ 219 | .checkbox-agreement-container label { 220 | font-weight: normal; /* Normal font weight for labels */ 221 | } 222 | 223 | .volunteer-form button { 224 | background-color: #ff9900; 225 | color: white; 226 | padding: 10px 20px; 227 | border: none; 228 | border-radius: 5px; 229 | cursor: pointer; 230 | font-size: 1em; 231 | font-weight: bold; 232 | } 233 | 234 | .volunteer-form button:hover { 235 | background-color: #e68a00; 236 | } -------------------------------------------------------------------------------- /volunteering-oppurtunities/volunteer-opp-page.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Volunteer Oppurtunities 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 59 | 60 |
61 |

Join Us As A Volunteer!

62 |
63 | 64 |
65 | volunteer bg image 66 |
67 | 68 | 69 | 70 |
71 |

72 | Volunteering at Code Social Community provides a meaningful opportunity to make a difference in the tech ecosystem while enhancing your own skills. Our community thrives on collaboration, inclusivity, and learning, and we invite passionate individuals to contribute to these core values. Whether you’re interested in mentoring, content creation, event organization, or platform development, your involvement will help shape a vibrant and supportive environment for tech enthusiasts. 73 |

74 | 75 | 76 |
77 |
78 |
79 | Mentor + 80 |
81 |
82 |

As a mentor, your role is to guide and support community members in their learning journey. You will provide one-on-one or group mentorship, share your expertise, and help others develop their skills. Mentors foster a positive learning environment, offering advice, feedback, and encouragement to help individuals grow in their chosen technology fields.

83 |
84 |
85 |
86 |
87 | Content Creator + 88 |
89 |
90 |

Content Creators are responsible for developing educational materials such as blogs, tutorials, videos, or infographics. Your goal is to create clear, engaging, and informative content that helps community members understand complex topics. You will also contribute to keeping the community up-to-date with the latest trends and developments in the tech industry.

91 |
92 |
93 |
94 |
95 | Event Organizer + 96 |
97 |
98 |

As an Event Organizer, you will plan and coordinate events such as webinars, workshops, or community meetups. Your role includes managing event logistics, promoting events within the community, and ensuring participants have a valuable learning experience. Event Organizers help bring the community together through meaningful and impactful gatherings.

99 |
100 |
101 |
102 |
103 | Developer + 104 |
105 |
106 |

Developers are responsible for maintaining and improving the community’s website and platforms. You will work on coding, debugging, and implementing new features to enhance user experience. Your contributions ensure that the community has a reliable, user-friendly platform for accessing resources, participating in events, and collaborating with others.

107 |
108 |
109 |
110 |
111 | Community Moderator + 112 |
113 |
114 |

Community Moderators ensure that discussions and interactions within the community are respectful, productive, and in line with the community’s guidelines. Your responsibilities include monitoring conversations, addressing inappropriate behavior, and fostering an inclusive environment where all members feel welcome and supported.

115 |
116 |
117 |
118 | 119 |

Why Volunteer with Us?

120 | 121 | 122 |
123 |
124 |

Skill Enhancement

125 |

Volunteering offers a chance to sharpen both technical and soft skills. You can mentor others, contribute to our platform’s development, or organize community events, all while expanding your expertise.

126 |
127 | 128 |
129 |

Networking

130 |

By joining our volunteer team, you'll connect with like-minded individuals, tech professionals, and community members, opening doors for future career opportunities and collaborations.

131 |
132 | 133 |
134 |

Making an Impact

135 |

As a volunteer, you will directly contribute to building a space where learners and professionals alike can grow, collaborate, and achieve their goals. Your efforts will help create a lasting positive impact on the community.

136 |
137 | 138 |
139 |

Leadership Experience

140 |

Taking on responsibilities as a volunteer helps you develop leadership, teamwork, and problem-solving skills in a real-world environment.

141 |
142 |
143 | 144 | 145 |
146 |
147 |

FILL THIS FORM

148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 |
163 | 164 |
165 | 166 |
167 | 168 |
169 | 170 | 171 |
172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 |
188 | 189 |
190 | 191 |
192 | 193 |
194 | 195 |
196 | 197 | 198 |
199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 |

***Please read the Code of Conduct before applying***

210 |

211 |
👉Code of Conduct👈
212 |

213 | 214 |
215 | 216 | 217 |
218 | 219 | 220 |
221 | 222 | 223 |
224 | 225 | 226 | 227 |
228 |
229 | 230 |
231 | 232 | 233 | 234 | 286 | 287 | 288 | 289 | 295 | 301 | 302 | --------------------------------------------------------------------------------