From b3d3bcced4396e643b5b777edbaf1c1e76b50a4b Mon Sep 17 00:00:00 2001 From: alisha1510 Date: Mon, 20 Oct 2025 01:10:34 +0530 Subject: [PATCH] Added Student_hub code --- .../MiniProjects/student_hub/README.md | 64 ++ .../MiniProjects/student_hub/home.html | 295 ++++++++ .../MiniProjects/student_hub/market.css | 208 ++++++ .../MiniProjects/student_hub/market.html | 55 ++ .../MiniProjects/student_hub/questions.csv | 51 ++ .../MiniProjects/student_hub/script.js | 129 ++++ .../MiniProjects/student_hub/study.css | 702 ++++++++++++++++++ .../student_hub/studymaterial.html | 380 ++++++++++ .../MiniProjects/student_hub/style.css | 221 ++++++ 9 files changed, 2105 insertions(+) create mode 100644 Domains/Frontend/MiniProjects/student_hub/README.md create mode 100644 Domains/Frontend/MiniProjects/student_hub/home.html create mode 100644 Domains/Frontend/MiniProjects/student_hub/market.css create mode 100644 Domains/Frontend/MiniProjects/student_hub/market.html create mode 100644 Domains/Frontend/MiniProjects/student_hub/questions.csv create mode 100644 Domains/Frontend/MiniProjects/student_hub/script.js create mode 100644 Domains/Frontend/MiniProjects/student_hub/study.css create mode 100644 Domains/Frontend/MiniProjects/student_hub/studymaterial.html create mode 100644 Domains/Frontend/MiniProjects/student_hub/style.css diff --git a/Domains/Frontend/MiniProjects/student_hub/README.md b/Domains/Frontend/MiniProjects/student_hub/README.md new file mode 100644 index 00000000..768ead2f --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/README.md @@ -0,0 +1,64 @@ +**Contributor:** alisha1510 + +# Study_hub + +a web platform for students to access previous year questions (PYQs), notes, and a buy/sell section for academic materials. Focused on ease of use, resource sharing, and centralized access to study tools. + +## 🌟 Features + +* **Semester-Wise Materials** - Organized access to PYQs, notes, and guides +* **AI Chatbot** - Ask academic questions and get instant answers +* **Buy/Sell Marketplace** - Post or purchase used books and notes +Centralized Resource Hub** - All your study tools in one place +* **Responsive Interface** - Easy to use on both desktop and mobile + + +## 🎯 How to Use + +1. Launch the application +2. Sign up or log in to access your dashboard +3. Select your semester to browse PYQs and notes +4. Chat with the AI bot for help or explanations +5. Upload or download materials anytime +6. Buy or sell books and notes using the marketplace +7. Chat securely with other users + +## Features + +### 📚 Semester Resources +Organized collection of: + ->Previous Year Questions (PYQs) + ->Notes and Study Guides + ->E-books and Practice Papers + +### 🤖 AI Chatbot +The bot provides quick answers and links to relevant materials. + +### Buy/Sell Marketplace +->Post your used academic books or notes +->Browse listings from your college or course +->Chat directly with sellers before purchasing + + +## ⚠️ Important Disclaimer + +**For educational purposes only!** + +This platform is designed to promote academic sharing and collaboration. Please upload and use materials responsibly, following fair-use and academic integrity policies. + + + +## 🤝 Contributing + +Contributions, issues, and feature requests are welcome! Feel free to check the issues page. + +## 👤 Author + +**Alisha Sheikh** +- GitHub: [@alisha1510](https://github.com/alisha1510) + + +--- + + +Made with 💜 for Hacktoberfest and the Open Source Community \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/student_hub/home.html b/Domains/Frontend/MiniProjects/student_hub/home.html new file mode 100644 index 00000000..f22f210a --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/home.html @@ -0,0 +1,295 @@ + + + + + + Student Resource Hub + + + + +
+ + + + + +
+

Welcome to Student Resource Hub

+

Your one-stop destination for all student needs.
+ Explore study materials and a vibrant marketplace to empower your academic journey.

+ +
+ + +
+
+ + + + + + + + diff --git a/Domains/Frontend/MiniProjects/student_hub/market.css b/Domains/Frontend/MiniProjects/student_hub/market.css new file mode 100644 index 00000000..9be2a710 --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/market.css @@ -0,0 +1,208 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + font-family: Arial, sans-serif; + background-color: #000; + color: #fff; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + min-height: 100vh; + padding: 20px; + } + + .container { + text-align: center; + padding: 30px; + background-color: rgba(0, 0, 0, 0.7); + border-radius: 10px; + box-shadow: 0 0 15px #ff0080; + } + + h1 { + font-size: 2em; + color: #ff66cc; + margin-bottom: 20px; + } + + .form-group { + margin-bottom: 20px; + text-align: left; + } + + .form-group label { + display: block; + color: #00bfff; + font-size: 0.9em; + margin-bottom: 5px; + } + + input[type="email"] { + background-color: #111; + border: 1px solid #555; + padding: 10px; + color: #fff; + width: 100%; + max-width: 300px; + border-radius: 5px; + } + + .radio-options { + display: flex; + justify-content: space-around; + margin-top: 10px; + } + + .radio-options label { + background-color: #111; + padding: 8px 16px; + border-radius: 5px; + border: 1px solid #444; + cursor: pointer; + color: #fff; + transition: 0.3s ease; + } + + .radio-options input { + margin-right: 8px; + } + + .radio-options label:hover { + background-color: #1a1a1a; + box-shadow: 0 0 5px #ff66cc; + } + + button { + background-color: #ff0080; + color: #fff; + border: none; + padding: 10px 25px; + font-size: 1em; + cursor: pointer; + border-radius: 5px; + transition: background-color 0.3s ease; + } + + button:hover { + background-color: #ff3399; + } + + .book-list { + display: none; + flex-direction: column; + align-items: center; + margin-top: 30px; + width: 100%; + } + + .book-card { + background-color: #111; + border: 1px solid #444; + border-radius: 10px; + padding: 15px; + margin: 10px; + width: 300px; + box-shadow: 0 0 10px #ff66cc; + } + + .book-card h3 { + color: #ff66cc; + } + + .book-card p { + margin: 5px 0; + } + + .book-card button { + margin-top: 10px; + background-color: #00bfff; + } + + .book-card button:hover { + background-color: #0099cc; + } + + .chatbox-container { + display: none; + position: fixed; + bottom: 20px; + right: 20px; + background-color: #111; + border-radius: 8px; + width: 300px; + height: 400px; + box-shadow: 0 0 15px #00bfff; + } + + .chatbox { + display: flex; + flex-direction: column; + height: 100%; + padding: 10px; + } + + .chat-messages { + flex-grow: 1; + overflow-y: auto; + padding: 10px; + border: 1px solid #444; + background-color: #222; + border-radius: 5px; + margin-bottom: 10px; + } + + #chatInput { + width: calc(100% - 20px); + padding: 10px; + background-color: #222; + color: #fff; + border: 1px solid #444; + border-radius: 5px; + } + + #sendBtn { + background-color: #ff0080; + border: none; + padding: 10px; + color: #fff; + cursor: pointer; + border-radius: 5px; + margin-top: 5px; + } + + #sendBtn:hover { + background-color: #ff3399; + } + + .seller-form { + background-color: #111; + padding: 20px; + border-radius: 10px; + margin-top: 30px; + box-shadow: 0 0 10px #00bfff; + text-align: center; + width: 100%; + max-width: 400px; + } + + .seller-form h2 { + color: #00bfff; + margin-bottom: 15px; + } + + .seller-form input, + .seller-form textarea { + width: 100%; + padding: 10px; + margin: 8px 0; + background-color: #222; + border: 1px solid #444; + color: #fff; + border-radius: 5px; + } + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/student_hub/market.html b/Domains/Frontend/MiniProjects/student_hub/market.html new file mode 100644 index 00000000..6c0829a2 --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/market.html @@ -0,0 +1,55 @@ + + + + + + Campus Marketplace + + + +
+

Welcome to Campus Marketplace

+
+
+ + +
+ +
+ +
+ + +
+
+ + +
+
+ + + + + +
+ + +
+
+
+ + +
+
+ + + + diff --git a/Domains/Frontend/MiniProjects/student_hub/questions.csv b/Domains/Frontend/MiniProjects/student_hub/questions.csv new file mode 100644 index 00000000..e763683c --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/questions.csv @@ -0,0 +1,51 @@ +"Question","Answer" +"What is the Student Resource Hub?","It's a platform designed to help students access study materials and a marketplace for academic resources." +"Where can I find the study materials?","Study materials are available under the 'Study Materials' section on the homepage." +"What kind of study materials can I access here?","You can access notes, previous year questions, and other academic resources." +"How can I access the Marketplace?","You can access the Marketplace by clicking the 'Marketplace' button on the homepage." +"Can I sell items in the Marketplace?","Yes, you can sell academic resources, gadgets, and more." +"Do I need to create an account to access the resources?","No, browsing the website is free. However, an account may be required for submitting materials or buying/selling." +"How do I submit my study materials?","You can submit your materials through the portal once you're logged in." +"Is there a mobile version of this website?","Currently, the website is optimized for desktop. A mobile version is in development." +"Can I download the study materials?","Yes, you can download the study materials directly from the Study Materials section." +"How do I contact the support team?","You can reach the support team by visiting the 'Contact Us' page on the website." +"Can I buy physical items in the Marketplace?","Yes, you can buy gadgets and educational tools in the Marketplace." +"How do I add a product to the Marketplace?","To sell a product, simply log into your account and follow the instructions in the Marketplace section." +"Is there any fee to access the study materials?","No, the study materials are free to access." +"Can I access past year's exams?","Yes, past year exams are available under the 'Study Materials' section." +"What happens if I forget my password?","You can reset your password by clicking the 'Forgot Password' link on the login page." +"Are the materials updated regularly?","Yes, new materials are added regularly to keep content current." +"Can I collaborate with other students through this platform?","Currently, the platform focuses on resources and marketplace features, but collaborative features are being considered." +"Is there a way to request specific study materials?","You can send a request for specific materials to the support team via the 'Contact Us' page." +"How can I participate in community discussions?","Community discussions will be available soon through a forum-like feature." +"Are there any discounts available in the Marketplace?","Discounts are periodically available. Keep an eye on special offers in the Marketplace." +"How do I track my orders from the Marketplace?","You can track your orders through your account dashboard in the Marketplace." +"Can I review items I've bought?","Yes, once you’ve made a purchase, you can leave reviews for the items." +"How do I change my account details?","You can update your account details by visiting the 'Profile' section after logging in." +"Are there any tutorial videos available?","Yes, tutorial videos for using the platform will be available soon." +"Can I get notifications for new study materials?","Yes, you can subscribe to notifications for new study material updates." +"How can I suggest improvements for the website?","You can send suggestions via the 'Feedback' section on the site." +"Is there any way to bookmark materials?","Yes, you can bookmark your favorite materials for quick access." +"Can I access this website offline?","Currently, the website can only be accessed online." +"How secure is my personal data on this platform?","We take privacy seriously and use secure encryption methods to protect your data." +"Is the Marketplace available to everyone?","Yes, anyone can access the Marketplace to buy or sell items." +"Do you offer any career resources?","Career resources are in development and will be available soon." +"How do I delete my account?","To delete your account, contact support via the 'Contact Us' page." +"Can I use this platform if I am not a student?","The platform is primarily for students, but non-students can browse the resources." +"Are there any group study options?","Group study options are in development and will be added soon." +"Can I buy used textbooks in the Marketplace?","Yes, you can find both new and used textbooks in the Marketplace." +"How can I get more involved in the community?","You can get involved by contributing materials or engaging in upcoming community events." +"Is there a limit on how many items I can sell?","There is no strict limit, but please ensure your listings comply with the platform guidelines." +"Can I purchase items from other cities?","Yes, the Marketplace allows you to buy items from across the country." +"Can I filter study materials by subject?","Yes, you can filter study materials by subject in the Study Materials section." +"Is the platform accessible to students with disabilities?","Yes, we strive to make the platform accessible to all students." +"Can I change my username?","You can change your username through the 'Profile' section after logging in." +"What are the payment methods for the Marketplace?","We accept multiple payment methods, including credit cards and online wallets." +"How can I withdraw my earnings from selling items?","You can withdraw earnings through the 'Account Settings' section in the Marketplace." +"What happens if an item I purchased gets lost or damaged?","Contact the seller and our support team for assistance in such cases." +"Can I share my study materials with other students?","Yes, you can share your materials with other students through the platform." +"Do you offer any certification for completing materials?","Certification options are in development and will be available soon." +"How often are new items added to the Marketplace?","New items are added regularly. Keep checking for new listings." +"How do I provide feedback on study materials?","You can leave feedback for materials through the rating and review system on each resource page." +"Can I purchase digital study materials?","Yes, digital study materials like PDFs and eBooks are available for purchase." +"Will there be any future updates to the platform?","Yes, we’re constantly working on new features and improvements to enhance the user experience." diff --git a/Domains/Frontend/MiniProjects/student_hub/script.js b/Domains/Frontend/MiniProjects/student_hub/script.js new file mode 100644 index 00000000..3e02fb25 --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/script.js @@ -0,0 +1,129 @@ +const books = [ + { + title: "Data Structures Using C", + author: "Reema Thareja", + price: "₹350", + }, + { + title: "Fundamentals of Data Structures in C", + author: "Ellis Horowitz, Sartaj Sahni", + price: "₹400", + }, + { + title: "Introduction to Algorithms", + author: "Cormen, Leiserson, Rivest, Stein", + price: "₹550", + }, + { + title: "Discrete Mathematics and Its Applications", + author: "Kenneth H. Rosen", + price: "₹450", + }, + { + title: "Higher Engineering Mathematics (M3)", + author: "B.S. Grewal", + price: "₹300", + }, + { + title: "Probability and Statistics", + author: "T. Veerarajan", + price: "₹280", + } +]; + +const customItems = []; + +document.getElementById('loginForm').addEventListener('submit', function(e) { + e.preventDefault(); + + const email = document.getElementById('email').value; + const role = document.querySelector('input[name="role"]:checked')?.value; + + if (email && role) { + localStorage.setItem('email', email); + localStorage.setItem('role', role); + + alert('Login successful'); + document.querySelector('.container').style.display = 'none'; + + if (role === 'buyer') { + showBookList(); + } + + if (role === 'seller') { + document.querySelector('.chatbox-container').style.display = 'block'; + document.getElementById('chatInput').disabled = false; + document.getElementById('sendBtn').disabled = false; + document.getElementById('sellerForm').style.display = 'block'; + } + } else { + alert('Please enter a valid email and select a role.'); + } +}); + +function showBookList() { + const bookListDiv = document.getElementById('bookList'); + bookListDiv.style.display = 'flex'; + bookListDiv.innerHTML = ''; + + books.forEach((book) => { + const card = document.createElement('div'); + card.className = 'book-card'; + + card.innerHTML = ` +

${book.title}

+

Details: ${book.author}

+

Price: ${book.price}

+ + `; + bookListDiv.appendChild(card); + }); +} + +function openChat(bookTitle) { + document.querySelector('.chatbox-container').style.display = 'block'; + document.getElementById('chatInput').disabled = false; + document.getElementById('sendBtn').disabled = false; + + const intro = document.createElement('div'); + intro.textContent = `You are now chatting about "${bookTitle}".`; + intro.style.color = '#00bfff'; + document.getElementById('chatMessages').appendChild(intro); +} + +document.getElementById('sendBtn').addEventListener('click', function() { + const message = document.getElementById('chatInput').value; + if (message.trim()) { + const messageDiv = document.createElement('div'); + messageDiv.textContent = message; + messageDiv.style.color = '#ff66cc'; + document.getElementById('chatMessages').appendChild(messageDiv); + document.getElementById('chatInput').value = ''; + } +}); + +document.getElementById('chatInput').addEventListener('input', function() { + document.getElementById('sendBtn').disabled = !this.value.trim(); +}); + +document.getElementById('uploadForm')?.addEventListener('submit', function(e) { + e.preventDefault(); + + const title = document.getElementById('itemTitle').value; + const description = document.getElementById('itemDescription').value; + const price = document.getElementById('itemPrice').value; + + const newItem = { + title, + author: description, + price + }; + + customItems.push(newItem); + books.push(newItem); // makes available for buyers + + alert('Item added successfully!'); + this.reset(); + showBookList(); // auto-refresh for seller +}); + diff --git a/Domains/Frontend/MiniProjects/student_hub/study.css b/Domains/Frontend/MiniProjects/student_hub/study.css new file mode 100644 index 00000000..23027142 --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/study.css @@ -0,0 +1,702 @@ + + + + /* General Styles */ + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + background-color: #121212; + color: white; + } + + a { + text-decoration: none; + color: #00ffcc; + transition: color 0.3s ease; + } + + a:hover { + color: #044db4; + } + + ul { + list-style: none; + } + + /* Header Styles */ + header { + background: linear-gradient(to right, #1e1e1e, #292929); + color: white; + padding: 2rem 0; + text-align: center; + } + + .header-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + } + + header h1 { + font-size: 2.5rem; + margin-bottom: 0.5rem; + color: #ec4967; + } + + header p { + font-size: 1.2rem; + font-style: italic; + color: #cfcfcf; + } + + /* Navigation Styles */ + nav { + background-color: #1e1e1e; + color: white; + padding: 1rem 0; + position: sticky; + top: 0; + z-index: 100; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); + } + + .nav-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + } + + .nav-title { + font-size: 1.5em; + font-weight: bold; + color: #00ffcc; + } + + nav ul { + display: flex; + justify-content: center; + gap: 2rem; + } + + nav ul li a { + color: white; + font-weight: 500; + padding: 0.5rem 1rem; + border-radius: 4px; + transition: background-color 0.3s ease; + } + + nav ul li a:hover { + background-color: rgba(0, 255, 204, 0.1); + } + + nav ul li a.active { + background-color: rgba(0, 255, 204, 0.2); + } + + .home-btn { + display: inline-block; + background-color: transparent; + border: 1px solid #00ffcc; + color: #00ffcc; + padding: 0.5rem 1rem; + border-radius: 4px; + transition: all 0.3s ease; + } + + .home-btn:hover { + background-color: #00ffcc; + color: #121212; + } + + /* Subject Navigation Styles */ + .subject-navigation { + background-color: #1e1e1e; + padding: 1.5rem 0; + } + + .subject-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + } + + .subject-navigation h2 { + margin-bottom: 1rem; + font-size: 1.5rem; + color: #00ffcc; + } + + .subject-list { + display: flex; + flex-wrap: wrap; + gap: 1rem; + justify-content: center; + } + + .subject-list li a { + display: inline-block; + padding: 0.5rem 1rem; + background-color: rgba(0, 255, 204, 0.1); + color: white; + border-radius: 4px; + font-weight: 500; + transition: all 0.3s ease; + } + + .subject-list li a:hover { + background-color: rgba(0, 255, 204, 0.2); + transform: translateY(-2px); + } + + /* Main Content Styles */ + main { + max-width: 1200px; + margin: 0 auto; + padding: 2rem 20px; + } + + .subject-section { + margin-bottom: 3rem; + scroll-margin-top: 100px; /* For smooth scrolling */ + } + + .subject-card { + background-color: #1e1e1e; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); + padding: 2rem; + } + + .subject-card h2 { + color: #ec4967; + margin-bottom: 1.5rem; + padding-bottom: 0.5rem; + border-bottom: 2px solid #333; + } + + .material-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 1.5rem; + } + + .material-box { + background-color: #262626; + border-radius: 6px; + padding: 1.5rem; + transition: transform 0.3s ease, box-shadow 0.3s ease; + } + + .material-box:hover { + transform: translateY(-5px); + box-shadow: 0 5px 15px rgba(0, 255, 204, 0.2); + } + + .material-box h3 { + color: white; + margin-bottom: 1rem; + font-size: 1.2rem; + } + + .material-box ul li { + margin-bottom: 0.5rem; + } + + .material-box ul li a { + display: block; + padding: 0.5rem; + border-radius: 4px; + transition: background-color 0.3s ease; + } + + .material-box ul li a:hover { + background-color: #333; + } + + /* Contact Section Styles */ + .contact-section { + background: linear-gradient(to right, #1e1e1e, #292929); + color: white; + padding: 3rem 0; + } + + .contact-container { + max-width: 800px; + margin: 0 auto; + padding: 0 20px; + text-align: center; + } + + .contact-section h2 { + margin-bottom: 1rem; + font-size: 2rem; + color: #00ffcc; + } + + .contact-section p { + margin-bottom: 2rem; + font-size: 1.1rem; + color: #cfcfcf; + } + + .contact-form { + display: flex; + flex-direction: column; + gap: 1rem; + } + + .form-group { + display: flex; + flex-direction: column; + } + + .contact-form input, + .contact-form textarea { + padding: 1rem; + border: none; + border-radius: 4px; + font-family: inherit; + font-size: 1rem; + background-color: #262626; + color: white; + } + + .submit-btn { + background-color: #00ffcc; + color: #121212; + border: none; + padding: 1rem; + border-radius: 4px; + font-size: 1rem; + font-weight: 500; + cursor: pointer; + transition: background-color 0.3s ease; + } + + .submit-btn:hover { + background-color: #00b38f; + } + + /* Footer Styles */ + + + footer { + background-color: #1e1e1e; + color: #aaa; + padding: 1.5rem 0; + position: fixed; + bottom: 0; + width: 100%; + } + + .footer-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + display: flex; + justify-content: space-between; + align-items: center; + } + + .social-links { + display: flex; + gap: 1rem; + } + + .social-link { + color: #aaa; + transition: color 0.3s ease; + } + + .social-link:hover { + color: white; + } + /* Button Styles from Second CSS */ + .btn { + width: 6.5em; + height: 2.3em; + background: black; + color: white; + border: none; + border-radius: 0.625em; + font-size: 20px; + font-weight: bold; + cursor: pointer; + position: relative; + z-index: 1; + overflow: hidden; + } + + .btn:hover { + color: black; + } + + .btn:after { + content: ""; + background: white; + position: absolute; + z-index: -1; + left: -20%; + right: -20%; + top: 0; + bottom: 0; + transform: skewX(-45deg) scale(0, 1); + transition: all 0.5s; + } + + .btn:hover:after { + transform: skewX(-45deg) scale(1, 1); + } + + /* Glass Button */ + .glass-btn { + padding: 15px 40px; + border: none; + font-size: 1.1em; + border-radius: 12px; + background: rgba(255, 255, 255, 0.1); + color: white; + backdrop-filter: blur(8px); + box-shadow: 0 4px 30px rgba(0, 255, 204, 0.2); + border: 1px solid rgba(0, 255, 204, 0.3); + cursor: pointer; + transition: all 0.3s ease; + } + + .glass-btn:hover { + background: rgba(0, 255, 204, 0.2); + transform: scale(1.05); + } + + /* Neon Button */ + .neon-btn { + padding: 15px 40px; + font-size: 1.1em; + background: transparent; + color: #ff4081; + border: 2px solid #ff4081; + border-radius: 8px; + position: relative; + cursor: pointer; + transition: all 0.3s ease; + } + + .neon-btn::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 0%; + height: 100%; + background: #ff4081; + z-index: -1; + transition: 0.4s ease; + } + + .neon-btn:hover::before { + width: 100%; + } + + .neon-btn:hover { + color: black; + } + + /* Cart Button */ + .btn-cart { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + height: 50px; + border-radius: 10px; + border: none; + background-color: transparent; + position: relative; + } + + .btn-cart::after { + content: attr(data-quantity); + position: absolute; + font-size: 15px; + color: white; + opacity: 0; + visibility: hidden; + transition: .2s linear; + top: 115%; + } + + .icon-cart { + width: 24.38px; + height: 30.52px; + transition: .2s linear; + } + + .icon-cart path { + fill: rgb(240, 8, 8); + transition: .2s linear; + } + + .btn-cart:hover > .icon-cart { + transform: scale(1.2); + } + + .btn-cart:hover > .icon-cart path { + fill: rgb(186, 34, 233); + } + + .btn-cart:hover::after { + visibility: visible; + opacity: 1; + top: 105%; + } + + /* Responsive Styles */ + @media screen and (max-width: 768px) { + nav ul { + flex-direction: column; + align-items: center; + gap: 1rem; + } + + .material-grid { + grid-template-columns: 1fr; + } + + .footer-container { + flex-direction: column; + gap: 1rem; + text-align: center; + } + + .subject-list { + justify-content: center; + } + + .semester-list { + justify-content: center; + } + } + + /* Semester Section Styles */ + .semester-section { + margin-bottom: 3rem; + } + + .semester-section h2 { + color: #00ffcc; + margin-bottom: 1.5rem; + padding-bottom: 0.5rem; + border-bottom: 2px solid #333; + } + + /* Style the navigation within each semester */ + .semester-section .subject-navigation { + background-color: #262626; /* Slightly darker for distinction */ + padding: 1rem; + border-radius: 8px; + margin-bottom: 1.5rem; + } + + .semester-section .subject-navigation .subject-list { + display: flex; + flex-wrap: wrap; + gap: 0.75rem; + justify-content: flex-start; /* Align items to the start */ + } + + .semester-section .subject-navigation .subject-list li a { + display: inline-block; + padding: 0.5rem 0.75rem; + background-color: rgba(0, 255, 204, 0.08); /* Lighter shade */ + color: #ddd; /* Slightly lighter text */ + border-radius: 4px; + font-weight: 500; + transition: all 0.3s ease; + } + + .semester-section .subject-navigation .subject-list li a:hover { + background-color: rgba(0, 255, 204, 0.15); /* Slightly more prominent hover */ + transform: translateY(-2px); + } + + + + /* Subject Section Styles (consistent across semesters) */ + .subject-section { + margin-bottom: 2rem; + scroll-margin-top: 80px; /* Adjust as needed */ + } + + .subject-card { + background-color: #1e1e1e; + border-radius: 8px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); + padding: 1.5rem; + } + + .subject-card h3 { + color: #ec4967; /* Consistent header color */ + margin-bottom: 1rem; + padding-bottom: 0.3rem; + border-bottom: 1px solid #333; + } + + .material-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 1.25rem; + } + + .material-box { + background-color: #262626; + border-radius: 6px; + padding: 1rem; + transition: transform 0.3s ease, box-shadow 0.3s ease; + } + + .material-box:hover { + transform: translateY(-3px); + box-shadow: 0 4px 12px rgba(0, 255, 204, 0.15); + } + + .material-box h4 { + color: white; + margin-bottom: 0.75rem; + font-size: 1.1rem; + } + + .material-box ul li { + margin-bottom: 0.35rem; + } + + .material-box ul li a { + display: block; + padding: 0.4rem; + border-radius: 4px; + transition: background-color 0.3s ease; + } + + .material-box ul li a:hover { + background-color: #333; + } + + /* Responsive adjustments for smaller screens */ + @media screen and (max-width: 600px) { + .semester-section .subject-navigation .subject-list { + justify-content: center; /* Center align on smaller screens */ + } + + .material-grid { + grid-template-columns: 1fr; /* Stack material boxes on smaller screens */ + } + } +/* Contact Form Button Centering */ +.button-wrapper { + text-align: center; + margin-top: 20px; + } + + .submit-btn { + padding: 12px 30px; + font-size: 1em; + border: none; + background-color: #00ffcc; + color: #121212; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s ease; + } + + .submit-btn:hover { + background-color: #00ccb3; + } + + .floating-blobs { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + background: #121212; + overflow: hidden; + } + + .floating-blobs::before, + .floating-blobs::after { + content: ""; + position: absolute; + width: 600px; + height: 600px; + background: radial-gradient(circle, rgba(0, 255, 204, 0.4), transparent 70%); + border-radius: 50%; + animation: floatBlob 20s infinite ease-in-out; + filter: blur(100px); + } + + #grid-bg { + position: fixed; + top: 0; + left: 0; + z-index: -1; + width: 100vw; + height: 100vh; + background: #121212; + } + .semester-navigation { + padding: 3rem 0; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + .semester-navigation h2 { + font-size: 2rem; + color: #00ffd0; + margin-bottom: 1rem; + } + + .semester-list { + display: flex; + gap: 2rem; + padding: 0; + list-style: none; + justify-content: center; + } + + .menu__link { + color: #00ffd0; + font-size: 1.2em; + font-weight: 500; + position: relative; + transition: color 0.3s; + } + + .menu__link::before { + content: ''; + width: 0; + height: 2px; + border-radius: 2px; + background-color: #00ffd0; + position: absolute; + bottom: -0.25rem; + left: 0; + transition: width 0.4s ease; + } + + .menu__link:hover::before { + width: 100%; + } + + + + + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/student_hub/studymaterial.html b/Domains/Frontend/MiniProjects/student_hub/studymaterial.html new file mode 100644 index 00000000..dd6d6e3d --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/studymaterial.html @@ -0,0 +1,380 @@ + + + + + + + + Study Materials - Student Resource Hub + + + + + + + + +
+
+

Second Year Computer Engineering

+

Where Learning Resources Meet Innovation

+
+
+ + + +
+
+

Semesters

+ +
+
+ + +
+ +
+

Semester 1

+ +
+ +
+ +
+
+

Fundamentals of Data Structures

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Object-Oriented Programming

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Digital Electronics

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Discrete Mathematics

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Computer Graphics

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+
+ + +
+

Semester 2

+ +
+ +
+ +
+
+

Data Structures & Algorithms

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Mathematics III

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Software Engineering

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Microprocessor

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+ +
+
+

Principles of Programming Language

+
+
+

Lecture Notes

+ +
+
+

Question Papers

+ +
+
+
+
+
+
+
+

Contact Us

+

Have questions or suggestions? Reach out to us!

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/Domains/Frontend/MiniProjects/student_hub/style.css b/Domains/Frontend/MiniProjects/student_hub/style.css new file mode 100644 index 00000000..9b4ba982 --- /dev/null +++ b/Domains/Frontend/MiniProjects/student_hub/style.css @@ -0,0 +1,221 @@ +/* General Styles */ +body { + margin: 0; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + background-color: #121212; + color: white; + } + + /* Navbar */ + nav { + background-color: #1e1e1e; + padding: 1em; + display: flex; + justify-content: space-between; + align-items: center; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); + } + + .nav-title { + font-size: 1.5em; + font-weight: bold; + color: #00ffcc; + } + + .nav-buttons { + display: flex; + gap: 20px; + } + + /* Default button */ + .btn { + width: 6.5em; + height: 2.3em; + background: black; + color: white; + border: none; + border-radius: 0.625em; + font-size: 20px; + font-weight: bold; + cursor: pointer; + position: relative; + z-index: 1; + overflow: hidden; + } + + .btn:hover { + color: black; + } + + .btn:after { + content: ""; + background: white; + position: absolute; + z-index: -1; + left: -20%; + right: -20%; + top: 0; + bottom: 0; + transform: skewX(-45deg) scale(0, 1); + transition: all 0.5s; + } + + .btn:hover:after { + transform: skewX(-45deg) scale(1, 1); + } + + /* Cart button */ + .btn-cart { + display: flex; + align-items: center; + justify-content: center; + width: 50px; + height: 50px; + border-radius: 10px; + border: none; + background-color: transparent; + position: relative; + } + + .btn-cart::after { + content: attr(data-quantity); + position: absolute; + font-size: 15px; + color: white; + opacity: 0; + visibility: hidden; + transition: .2s linear; + top: 115%; + } + + .icon-cart { + width: 24.38px; + height: 30.52px; + transition: .2s linear; + } + + .icon-cart path { + fill: rgb(240, 8, 8); + transition: .2s linear; + } + + .btn-cart:hover > .icon-cart { + transform: scale(1.2); + } + + .btn-cart:hover > .icon-cart path { + fill: rgb(186, 34, 233); + } + + .btn-cart:hover::after { + visibility: visible; + opacity: 1; + top: 105%; + } + + /* Body content */ + .container { + text-align: center; + padding: 80px 20px 40px; + } + + h1 { + font-size: 2.5em; + margin-bottom: 10px; + } + + p { + font-size: 1.2em; + color: #cfcfcf; + margin-bottom: 40px; + } + + .button-row { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; + margin-top: 30px; + } + + /* Study Materials Button - Glass Effect */ + .glass-btn { + padding: 15px 40px; + border: none; + font-size: 1.1em; + border-radius: 12px; + background: rgba(255, 255, 255, 0.1); + color: white; + backdrop-filter: blur(8px); + box-shadow: 0 4px 30px rgba(0, 255, 204, 0.2); + border: 1px solid rgba(0, 255, 204, 0.3); + cursor: pointer; + transition: all 0.3s ease; + } + + .glass-btn:hover { + background: rgba(0, 255, 204, 0.2); + transform: scale(1.05); + } + + /* Marketplace Button - Neon Border */ + .neon-btn { + padding: 15px 40px; + font-size: 1.1em; + background: transparent; + color: #ff4081; + border: 2px solid #ff4081; + border-radius: 8px; + position: relative; + cursor: pointer; + transition: all 0.3s ease; + } + + .neon-btn::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 0%; + height: 100%; + background: #ff4081; + z-index: -1; + transition: 0.4s ease; + } + + .neon-btn:hover::before { + width: 100%; + } + + .neon-btn:hover { + color: black; + } + + #particles-js { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + background: #121212; + } + + + /* Footer */ + footer { + background-color: #1e1e1e; + text-align: center; + padding: 1em; + font-size: 0.9em; + color: #aaa; + position: fixed; + bottom: 0; + width: 100%; + } + + /* Anchor links */ + a { + text-decoration: none; + } + \ No newline at end of file