diff --git a/.vscode/settings.json b/.vscode/settings.json index 2ed7e559..af103b08 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -56,5 +56,11 @@ "C_Cpp_Runner.showCompilationTime": false, "C_Cpp_Runner.useLinkTimeOptimization": false, "C_Cpp_Runner.msvcSecureNoWarnings": false, + "C_Cpp.default.compilerPath": "C:/MinGW/bin/gcc.exe" + + "files.associations": { + "StackImplement.C": "cpp" + } + } \ No newline at end of file diff --git a/Algorithmic Strategies/3 Sum Problem .README.md b/Algorithmic Strategies/3 Sum Problem .README.md deleted file mode 100644 index 71b79a57..00000000 --- a/Algorithmic Strategies/3 Sum Problem .README.md +++ /dev/null @@ -1,52 +0,0 @@ -#
3 Sum Problem
-## The 3Sum problem is a popular problem where you are given an array of integers and need to find all unique triplets in the array that sum up to a specific target (usually zero). It’s a variation of the subset sum problem and is commonly used to practice array manipulation and sorting. -
- -### For Example : -``` -#include -#include - -void threeSum(int arr[], int n) { - // Sorting the array - qsort(arr, n, sizeof(int), compare); - - // Iterate through the array - for (int i = 0; i < n - 2; i++) { - if (i > 0 && arr[i] == arr[i - 1]) continue; // Skip duplicates - - int left = i + 1; - int right = n - 1; - int target = -arr[i]; - - while (left < right) { - if (arr[left] + arr[right] == target) { - printf("%d, %d, %d\n", arr[i], arr[left], arr[right]); - while (left < right && arr[left] == arr[left + 1]) left++; // Skip duplicates - while (left < right && arr[right] == arr[right - 1]) right--; // Skip duplicates - left++; - right--; - } else if (arr[left] + arr[right] < target) { - left++; - } else { - right--; - } - } - } -} - -// Comparison function for qsort -int compare(const void *a, const void *b) { - return (*(int*)a - *(int*)b); -} - -int main() { - int arr[] = {-1, 0, 1, 2, -1, -4}; - int n = sizeof(arr) / sizeof(arr[0]); - - printf("Triplets that sum to zero:\n"); - threeSum(arr, n); - - return 0; -} -``` diff --git a/Algorithmic Strategies/ActivitySelection.README.md b/Algorithmic Strategies/ActivitySelection.README.md deleted file mode 100644 index e0192c17..00000000 --- a/Algorithmic Strategies/ActivitySelection.README.md +++ /dev/null @@ -1,37 +0,0 @@ -#
Brute Force Approach
- -### The brute force approach in programming refers to a straightforward method to solve a problem by trying all possible solutions and selecting the best one. While it is simple to implement, it is often inefficient for large inputs. -
- -### For Example : - -## Activity Selection Problem -``` -#include - -void activitySelection(int start[], int end[], int n) { - printf("Selected activities are:\n"); - - for (int i = 0; i < n; i++) { - int selected = 1; // Assume activity i can be selected - for (int j = 0; j < n; j++) { - if (i != j && start[i] < end[j] && start[j] < end[i]) { - selected = 0; // Overlap found, cannot select - break; - } - } - if (selected) { - printf("Activity %d (Start: %d, End: %d)\n", i + 1, start[i], end[i]); - } - } -} - -int main() { - int start[] = {1, 3, 0, 5, 8, 5}; - int end[] = {2, 4, 6, 7, 9, 9}; - int n = sizeof(start) / sizeof(start[0]); - - activitySelection(start, end, n); - - return 0; -} diff --git a/Algorithmic Strategies/Back-Tracking.README.md b/Algorithmic Strategies/Back-Tracking.README.md deleted file mode 100644 index 3b4a8d09..00000000 --- a/Algorithmic Strategies/Back-Tracking.README.md +++ /dev/null @@ -1,75 +0,0 @@ -#
Backtracking Approach
- -### The backtracking approach in programming involves searching for a solution by trying various possibilities and backtracking when a solution cannot be achieved. It is used for problems that require exploring all possible configurations. -
- -### For Example : - -## Activity Selection Problem -``` -#include -#include - -// Structure to represent an activity -typedef struct { - int index; - int start; - int end; -} Activity; - -void printSelectedActivities(bool selected[], Activity activities[], int n) { - printf("Selected activities are:\n"); - for (int i = 0; i < n; i++) { - if (selected[i]) { - printf("Activity %d (Start: %d, End: %d)\n", activities[i].index, activities[i].start, activities[i].end); - } - } -} - -bool isValidSelection(Activity activities[], bool selected[], int n, int current) { - for (int i = 0; i < current; i++) { - if (selected[i] && activities[current].start < activities[i].end) { - return false; - } - } - return true; -} - -bool activitySelection(Activity activities[], bool selected[], int n, int current) { - if (current == n) { - printSelectedActivities(selected, activities, n); - return true; - } - - selected[current] = true; - if (isValidSelection(activities, selected, n, current)) { - if (activitySelection(activities, selected, n, current + 1)) { - return true; - } - } - - selected[current] = false; - return activitySelection(activities, selected, n, current + 1); -} - -int main() { - Activity activities[] = { - {1, 1, 2}, - {2, 3, 4}, - {3, 0, 6}, - {4, 5, 7}, - {5, 8, 9}, - {6, 5, 9} - }; - int n = sizeof(activities) / sizeof(activities[0]); - bool selected[n]; - - for (int i = 0; i < n; i++) { - selected[i] = false; - } - - activitySelection(activities, selected, n, 0); - - return 0; -} -``` diff --git a/Algorithmic Strategies/Branch-and-Bound .README.md b/Algorithmic Strategies/Branch-and-Bound .README.md deleted file mode 100644 index 6406bde4..00000000 --- a/Algorithmic Strategies/Branch-and-Bound .README.md +++ /dev/null @@ -1,70 +0,0 @@ -#
Branch-and-Bound Approach
- -### The branch-and-bound approach in programming is a systematic method for solving optimization problems. It involves breaking the problem into smaller subproblems (branching) and using bounds to eliminate suboptimal solutions efficiently. -
- -### For Example : - -## Activity Selection Problem -``` -#include -#include -#include - -// Structure to represent an activity -typedef struct { - int index; - int start; - int end; -} Activity; - -// Comparison function to sort activities by finishing times -int compare(const void *a, const void *b) { - Activity *activityA = (Activity *)a; - Activity *activityB = (Activity *)b; - return activityA->end - activityB->end; -} - -// Function to solve activity selection problem using branch-and-bound -void activitySelection(Activity activities[], int n) { - qsort(activities, n, sizeof(Activity), compare); - - bool selected[n]; - for (int i = 0; i < n; i++) { - selected[i] = false; - } - - selected[0] = true; // Always select the first activity - int lastSelectedEnd = activities[0].end; - - for (int i = 1; i < n; i++) { - if (activities[i].start >= lastSelectedEnd) { - selected[i] = true; - lastSelectedEnd = activities[i].end; - } - } - - printf("Selected activities are:\n"); - for (int i = 0; i < n; i++) { - if (selected[i]) { - printf("Activity %d (Start: %d, End: %d)\n", activities[i].index, activities[i].start, activities[i].end); - } - } -} - -int main() { - Activity activities[] = { - {1, 1, 2}, - {2, 3, 4}, - {3, 0, 6}, - {4, 5, 7}, - {5, 8, 9}, - {6, 5, 9} - }; - int n = sizeof(activities) / sizeof(activities[0]); - - activitySelection(activities, n); - - return 0; -} -``` diff --git a/Algorithmic Strategies/Brute-Force.README.md b/Algorithmic Strategies/Brute-Force.README.md deleted file mode 100644 index 3ca71556..00000000 --- a/Algorithmic Strategies/Brute-Force.README.md +++ /dev/null @@ -1,32 +0,0 @@ -#
Brute Force Approach
- -### The brute force approach in programming refers to a straightforward method to solve a problem by trying all possible solutions and selecting the best one. While it is simple to implement, it is often inefficient for large inputs. -
- -### For Example : - -## Finding the Largest Element in an Array -``` -#include - -int findLargest(int arr[], int n) { - int max = arr[0]; - for (int i = 1; i < n; i++) { - if (arr[i] > max) { - max = arr[i]; - } - } - return max; -} - -int main() { - int arr[] = {1, 5, 8, 3, 7}; - int n = sizeof(arr) / sizeof(arr[0]); - - int largest = findLargest(arr, n); - printf("The largest element is: %d\n", largest); - - return 0; -} - -``` diff --git a/Algorithmic Strategies/DivideandConquer.README.MD b/Algorithmic Strategies/DivideandConquer.README.MD deleted file mode 100644 index 3a0ebeb2..00000000 --- a/Algorithmic Strategies/DivideandConquer.README.MD +++ /dev/null @@ -1,76 +0,0 @@ -# Divide and Conquer - -
Divide and Conquer Approach
- -### The divide and conquer approach involves breaking a problem into smaller sub-problems, solving each of them recursively, and then combining the results to solve the original problem. It is useful for problems that can be split into smaller, similar sub-problems. - -
- -### For Example: - -## Merge Sort - -int L[n1], R[n2]; - -for (i = 0; i < n1; i++) { - L[i] = arr[left + i]; -} -for (j = 0; j < n2; j++) { - R[j] = arr[mid + 1 + j]; -} - -i = 0; -j = 0; -k = left; - -while (i < n1 && j < n2) { - if (L[i] <= R[j]) { - arr[k] = L[i]; - i++; - } else { - arr[k] = R[j]; - j++; - } - k++; -} - -while (i < n1) { - arr[k] = L[i]; - i++; - k++; -} - -while (j < n2) { - arr[k] = R[j]; - j++; - k++; -} - - -## Styling - mergeSort(arr, left, mid); - mergeSort(arr, mid + 1, right); - merge(arr, left, mid, right); - - -mergeSort(arr, 0, n - 1); - -printf("Sorted array: \n"); -for (int i = 0; i < n; i++) { - printf("%d ", arr[i]); -} -printf("\n"); - -return 0; - - -### Explanation of Merge Sort: -- **Divide**: The array is divided into two halves. -- **Conquer**: Each half is sorted recursively. -- **Combine**: The sorted halves are merged to form the sorted array. - -This example clearly demonstrates the divide and conquer strategy, step by step. Let me know if you need any modifications or additions! - - - - diff --git a/Algorithmic Strategies/Dynamic Programing .README.md b/Algorithmic Strategies/Dynamic Programing .README.md deleted file mode 100644 index 7571d9bc..00000000 --- a/Algorithmic Strategies/Dynamic Programing .README.md +++ /dev/null @@ -1,48 +0,0 @@ -#
Dynamic Programming Approach
- -### The dynamic programming approach in programming involves solving problems by breaking them down into overlapping subproblems and storing the solutions to subproblems to avoid redundant computations. This approach is efficient for problems with optimal substructure and overlapping subproblems. -
- -### For Example : - -## Activity Selection Problem -``` -#include - -int max(int a, int b) { - return (a > b) ? a : b; -} - -void activitySelection(int start[], int end[], int n) { - int dp[n][n]; // dp[i][j] represents the maximum number of activities in the range [i, j] - - for (int i = 0; i < n; i++) { - for (int j = 0; j < n; j++) { - dp[i][j] = 0; - } - } - - for (int length = 1; length < n; length++) { - for (int i = 0; i < n - length; i++) { - int j = i + length; - for (int k = i + 1; k < j; k++) { - if (end[i] <= start[k] && end[k] <= start[j]) { - dp[i][j] = max(dp[i][j], dp[i][k] + dp[k][j] + 1); - } - } - } - } - - printf("Maximum number of non-overlapping activities: %d\n", dp[0][n - 1]); -} - -int main() { - int start[] = {0, 1, 3, 5, 5, 8}; - int end[] = {6, 2, 4, 7, 9, 9}; - int n = sizeof(start) / sizeof(start[0]); - - activitySelection(start, end, n); - - return 0; -} -``` diff --git a/Algorithmic Strategies/Greedy-Approach.README.md b/Algorithmic Strategies/Greedy-Approach.README.md deleted file mode 100644 index 06eb8a7a..00000000 --- a/Algorithmic Strategies/Greedy-Approach.README.md +++ /dev/null @@ -1,61 +0,0 @@ -#
Greedy Approach
- -### The greedy approach in programming involves making the locally optimal choice at each stage with the hope of finding the global optimum. It is efficient for problems where this strategy leads to the best solution. -
- -### For Example : - -## Activity Selection Problem -``` -#include -#include - -// Structure to represent an activity -typedef struct { - int index; - int start; - int end; -} Activity; - -// Comparison function to sort activities by their finishing times -int compare(const void *a, const void *b) { - Activity *activityA = (Activity *)a; - Activity *activityB = (Activity *)b; - return activityA->end - activityB->end; -} - -void activitySelection(Activity activities[], int n) { - // Sort activities by their end time - qsort(activities, n, sizeof(Activity), compare); - - printf("Selected activities are:\n"); - - // The first activity is always selected - int lastSelectedEnd = activities[0].end; - printf("Activity %d (Start: %d, End: %d)\n", activities[0].index, activities[0].start, activities[0].end); - - // Consider the remaining activities - for (int i = 1; i < n; i++) { - if (activities[i].start >= lastSelectedEnd) { - printf("Activity %d (Start: %d, End: %d)\n", activities[i].index, activities[i].start, activities[i].end); - lastSelectedEnd = activities[i].end; - } - } -} - -int main() { - Activity activities[] = { - {1, 1, 2}, - {2, 3, 4}, - {3, 0, 6}, - {4, 5, 7}, - {5, 8, 9}, - {6, 5, 9} - }; - int n = sizeof(activities) / sizeof(activities[0]); - - activitySelection(activities, n); - - return 0; -} -``` diff --git a/Algorithmic Strategies/Knapsack Problem .README.md b/Algorithmic Strategies/Knapsack Problem .README.md deleted file mode 100644 index d49cb7fb..00000000 --- a/Algorithmic Strategies/Knapsack Problem .README.md +++ /dev/null @@ -1,38 +0,0 @@ -#
Knapsack Problem
-## The Knapsack Problem is a classic optimization problem where you aim to maximize the total value of items you can carry in a knapsack, given its weight capacity. This problem has numerous applications in resource allocation and decision-making. -
- -### For Example : -``` -#include - -int max(int a, int b) { - return (a > b) ? a : b; -} - -int knapsack(int capacity, int weights[], int values[], int n) { - int dp[n + 1][capacity + 1]; - - for (int i = 0; i <= n; i++) { - for (int w = 0; w <= capacity; w++) { - if (i == 0 || w == 0) - dp[i][w] = 0; - else if (weights[i - 1] <= w) - dp[i][w] = max(values[i - 1] + dp[i - 1][w - weights[i - 1]], dp[i - 1][w]); - else - dp[i][w] = dp[i - 1][w]; - } - } - return dp[n][capacity]; -} - -int main() { - int values[] = {60, 100, 120}; - int weights[] = {10, 20, 30}; - int capacity = 50; - int n = sizeof(values) / sizeof(values[0]); - - printf("Maximum value in Knapsack = %d\n", knapsack(capacity, weights, values, n)); - return 0; -} -``` diff --git a/Algorithmic Strategies/LCS Problem.README.md b/Algorithmic Strategies/LCS Problem.README.md deleted file mode 100644 index befda1ba..00000000 --- a/Algorithmic Strategies/LCS Problem.README.md +++ /dev/null @@ -1,41 +0,0 @@ -#
Longest Common Subsequence (LCS) Problem
- -### The Longest Common Subsequence (LCS) problem involves finding the longest sequence that can be derived from two strings while maintaining their respective order. This problem can be solved using Dynamic Programming. -
- -### For Example : - -## LCS Problem -``` -#include -#include - -// Function to find the length of the LCS -int lcs(char *X, char *Y, int m, int n) { - int L[m + 1][n + 1]; - - for (int i = 0; i <= m; i++) { - for (int j = 0; j <= n; j++) { - if (i == 0 || j == 0) - L[i][j] = 0; - else if (X[i - 1] == Y[j - 1]) - L[i][j] = L[i - 1][j - 1] + 1; - else - L[i][j] = (L[i - 1][j] > L[i][j - 1]) ? L[i - 1][j] : L[i][j - 1]; - } - } - - return L[m][n]; -} - -int main() { - char X[] = "AGGTAB"; - char Y[] = "GXTXAYB"; - int m = strlen(X); - int n = strlen(Y); - - printf("Length of LCS is %d\n", lcs(X, Y, m, n)); - - return 0; -} -``` diff --git a/Algorithmic Strategies/Prim's Algorithm .README.md b/Algorithmic Strategies/Prim's Algorithm .README.md deleted file mode 100644 index 441b1139..00000000 --- a/Algorithmic Strategies/Prim's Algorithm .README.md +++ /dev/null @@ -1,71 +0,0 @@ -#
Prim's Algorithm
-## Prim's Algorithm is used to find the minimum spanning tree (MST) of a connected, weighted graph. A minimum spanning tree is a subset of the edges that connect all the vertices in the graph, such that the total weight of the edges is minimized. -
- -### For Example : -``` -#include -#include - -#define V 5 - -int minKey(int key[], int mstSet[]) { - int min = INT_MAX, minIndex; - - for (int v = 0; v < V; v++) { - if (mstSet[v] == 0 && key[v] < min) { - min = key[v]; - minIndex = v; - } - } - return minIndex; -} - -void printMST(int parent[], int graph[V][V]) { - printf("Edge \tWeight\n"); - for (int i = 1; i < V; i++) { - printf("%d - %d \t%d\n", parent[i], i, graph[i][parent[i]]); - } -} - -void primMST(int graph[V][V]) { - int parent[V]; - int key[V]; - int mstSet[V]; - - for (int i = 0; i < V; i++) { - key[i] = INT_MAX; - mstSet[i] = 0; - } - - key[0] = 0; - parent[0] = -1; - - for (int count = 0; count < V - 1; count++) { - int u = minKey(key, mstSet); - mstSet[u] = 1; - - for (int v = 0; v < V; v++) { - if (graph[u][v] && mstSet[v] == 0 && graph[u][v] < key[v]) { - parent[v] = u; - key[v] = graph[u][v]; - } - } - } - - printMST(parent, graph); -} - -int main() { - int graph[V][V] = { - {0, 2, 0, 6, 0}, - {2, 0, 3, 8, 5}, - {0, 3, 0, 0, 7}, - {6, 8, 0, 0, 9}, - {0, 5, 7, 9, 0} - }; - - primMST(graph); - return 0; -} -``` diff --git a/Algorithmic Strategies/Traveling Salesman Problem (TSP) .README.md b/Algorithmic Strategies/Traveling Salesman Problem (TSP) .README.md deleted file mode 100644 index 7a2a96cb..00000000 --- a/Algorithmic Strategies/Traveling Salesman Problem (TSP) .README.md +++ /dev/null @@ -1,46 +0,0 @@ -#
Traveling Salesman Problem (TSP)
-## The Traveling Salesman Problem (TSP) involves finding the shortest route that allows a salesman to visit all given cities exactly once and return to the starting city. It is a popular optimization problem with real-world applications in logistics and transportation. -
- -### For Example : - -``` -#include -#include - -#define V 4 -#define INF INT_MAX - -int tsp(int graph[V][V], int visited[], int currPos, int n, int count, int cost, int *ans) { - if (count == n && graph[currPos][0]) { - if (*ans > cost + graph[currPos][0]) - *ans = cost + graph[currPos][0]; - return *ans; - } - - for (int i = 0; i < n; i++) { - if (!visited[i] && graph[currPos][i]) { - visited[i] = 1; - tsp(graph, visited, i, n, count + 1, cost + graph[currPos][i], ans); - visited[i] = 0; - } - } - return *ans; -} - -int main() { - int graph[V][V] = { - {0, 10, 15, 20}, - {10, 0, 35, 25}, - {15, 35, 0, 30}, - {20, 25, 30, 0} - }; - int visited[V] = {0}; - visited[0] = 1; - int ans = INF; - - printf("The minimum cost of visiting all cities is: %d\n", tsp(graph, visited, 0, V, 1, 0, &ans)); - return 0; -} - -``` diff --git a/Algorithmic Strategies/Two Sum Problem .README.md b/Algorithmic Strategies/Two Sum Problem .README.md deleted file mode 100644 index be0d4633..00000000 --- a/Algorithmic Strategies/Two Sum Problem .README.md +++ /dev/null @@ -1,39 +0,0 @@ -#
Two Sum Problem
-## The Two Sum problem asks to find two numbers in an array that add up to a specific target. It’s a foundational problem for practicing hash maps, arrays, and basic algorithm optimization. -
- -### For Example : -``` -#include -#include - -// Function to find two numbers that sum to the target -int* twoSum(int arr[], int n, int target) { - static int result[2]; - for (int i = 0; i < n - 1; i++) { - for (int j = i + 1; j < n; j++) { - if (arr[i] + arr[j] == target) { - result[0] = i; - result[1] = j; - return result; - } - } - } - return NULL; // Return NULL if no solution found -} - -int main() { - int arr[] = {2, 7, 11, 15}; - int n = sizeof(arr) / sizeof(arr[0]); - int target = 9; - - int* indices = twoSum(arr, n, target); - if (indices != NULL) { - printf("Indices of numbers that sum to %d: (%d, %d)\n", target, indices[0], indices[1]); - } else { - printf("No two numbers sum to %d\n", target); - } - - return 0; -} -``` diff --git a/Blog.html b/Blog.html index 9ec960bd..47761ed9 100644 --- a/Blog.html +++ b/Blog.html @@ -4,6 +4,8 @@ + + @@ -12,6 +14,7 @@ + - - - - -
- -
-
- -
- - - -

Security at DSA Problem Solutions

-

We prioritize your safety and privacy.

-
- -
-

Our Commitment to Security

-

At DSA Problem Solutions, the security of our users is of utmost importance. We continuously implement advanced measures to protect your data and ensure a safe environment for coding enthusiasts.

- - -

1. Data Encryption

-

We use industry-standard encryption protocols (SSL/TLS) to protect all communications and ensure your data remains secure while being transmitted over the internet.

- -

2. Account Protection

-
    -
  • Secure password storage using advanced hashing algorithms.
  • -
  • Two-factor authentication (2FA) for an added layer of security (coming soon).
  • -
  • Real-time monitoring for unauthorized access attempts.
  • -
- -

3. Regular Security Audits

-

Our team conducts periodic security assessments and audits to identify vulnerabilities and maintain the highest level of security for our platform.

- -

4. User Guidelines for Security

-
    -
  • Keep your account credentials confidential and avoid sharing them with others.
  • -
  • Use a strong and unique password for your account.
  • -
  • Be cautious of phishing emails and unauthorized links pretending to be from DSA Problem Solutions.
  • -
- -

5. Reporting Security Issues

-

If you discover any security vulnerabilities or suspect unauthorized activity, please contact us immediately at security@dsasolutionplatform.com.

- -

6. Compliance with Standards

-

We comply with industry standards and data protection regulations to ensure your information is handled responsibly and securely.

- -

7. Continuous Improvements

-

Our security measures evolve with new technologies and emerging threats to ensure our platform remains secure and reliable for all users.

- -
- - - - -
- -
+ + + + + + + + + + diff --git a/about.html b/about.html index 01fc50b3..20893bef 100644 --- a/about.html +++ b/about.html @@ -3,6 +3,15 @@ + + + + + + + + + About Us - DSA Problem Solutions - + + + + + -
-
- + + +
-

Codechef Problems

+

Codechef Problems

- + +

Problems

@@ -107,9 +229,12 @@

Check Your Progress

+ + -
+ +

Problems

@@ -120,20 +245,344 @@

ProblemsAdd a New Question

- + - + - - +
+ + + + + + diff --git a/contact.css b/contact.css new file mode 100644 index 00000000..3ffe4e95 --- /dev/null +++ b/contact.css @@ -0,0 +1,1674 @@ +* { + + box-sizing: border-box; +} + +body { + font-family: "Poppins", sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + background: linear-gradient(to right, #e3ffe7, #d9e7ff); + color: #333; +} + +/* Navbar Styles */ +.navbar { + background: rgba(255, 255, 255, 0.95); + padding: 1rem 2rem; + position: fixed; + top: 0; + left: 0; + right: 0; + display: flex; + justify-content: space-between; + align-items: center; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + z-index: 1000; + backdrop-filter: blur(10px); + /* border-radius: 5px; */ + border: 5px rgb(173, 186, 74) solid; +} + +.logo { + display: flex; + align-items: center; +} + +.logo img { + height: 50px; + width: auto; + transition: transform 0.3s ease; +} + +.logo img { + height: 40px; + width: auto; + transition: transform 0.3s ease; +} + +.logo img:hover { + transform: scale(1.05); +} + +.nav-links { + display: flex; + gap: 2rem; + list-style: none; + margin: 0; + padding: 0; +} + +.nav-links li { + position: relative; +} + +.nav-links a { + color: #000; + font-weight: bold; + text-decoration: none; + font-weight: 500; + font-size: 1rem; + padding: 0.5rem 0; + transition: color 0.3s ease; +} + +.nav-links a:hover { + color: #007bff; +} + +/* Underline animation for nav links */ +.nav-links a::after { + content: ""; + position: absolute; + width: 0; + height: 2px; + bottom: 0; + left: 0; + background-color: #007bff; + transition: width 0.3s ease; +} + +.nav-links a:hover::after { + width: 100%; +} + +/* Active link style */ +.nav-links a.active { + color: #007bff; +} + +.nav-links a.active::after { + width: 100%; +} + +/* Mobile menu button - Hidden by default */ +.mobile-menu-btn { + display: none; + background: none; + border: none; + padding: 0.5rem; + cursor: pointer; + +} + +/* Responsive Design */ +@media (max-width: 820px) { + .navbar { + padding: 1rem; + } + + .logo { + display: flex; + align-items: center; + } + + .logo img { + height: 50px; + width: auto; + transition: transform 0.3s ease; + + .mobile-menu-btn { + display: block; + } + + .nav-links { + display: none; + /* Hide by default on mobile */ + position: absolute; + top: 100%; + left: 0; + right: 0; + background: rgba(255, 255, 255, 0.98); + flex-direction: column; + padding: 1rem; + gap: 1rem; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + /* Show menu when active */ + .nav-links.active { + display: flex; + } + + .nav-links li { + width: 100%; + text-align: center; + } + + .nav-links a { + display: block; + padding: 0.75rem 0; + } + + .nav-links a::after { + display: none; + /* Remove hover animation on mobile */ + } + } + + /* Dark mode support */ + @media (prefers-color-scheme: dark) { + + + .nav-links a { + color: #0e0f0f; + font-weight: bold; + } + + .nav-links a:hover { + color: #60a5fa; + } + } + + + + + /* Add smooth scroll behavior */ + html { + scroll-behavior: smooth; + } + + /* Optional: Adjust for fixed header when scrolling to anchor links */ + :target { + scroll-margin-top: 80px; + } + + .content-wrapper { + max-width: 1000px; + margin: 0 auto; + padding: 4rem 1.5rem; + } + + .contact-section { + background: rgba(255, 255, 255, 0.95); + border-radius: 24px; + padding: 3rem; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.5); + } + + .header-content { + text-align: center; + margin-bottom: 3.5rem; + } + + h1 { + font-size: 2.5rem; + margin-bottom: 1rem; + background: linear-gradient(135deg, #239d21 0%, #04ff00 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-weight: 700; + } + + .header-content p { + color: #64748b; + font-size: 1.1rem; + max-width: 600px; + margin: 0 auto; + } + + .contact-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 2rem; + margin-bottom: 3rem; + } + + .contact-info { + background: #f8faff; + padding: 1.5rem; + border-radius: 16px; + text-align: center; + transition: transform 0.3s ease; + } + + .contact-info:hover { + transform: translateY(-5px); + } + + .contact-info i { + font-size: 1.5rem; + color: #239d21; + margin-bottom: 1rem; + } + + .contact-info h3 { + font-size: 1.1rem; + margin-bottom: 0.5rem; + color: #1e293b; + } + + .contact-info p { + color: #64748b; + font-size: 0.9rem; + } + + #contact-form { + display: flex; + flex-direction: column; + gap: 1.5rem; + } + + .form-group { + position: relative; + } + + label { + display: block; + margin-bottom: 0.5rem; + color: #1e293b; + font-weight: 500; + font-size: 0.95rem; + } + + input, + textarea { + width: 100%; + padding: 1rem; + border: 2px solid #e2e8f0; + border-radius: 12px; + background: #f8faff; + font-size: 1rem; + color: #1e293b; + transition: all 0.3s ease; + } + + input:focus, + textarea:focus { + outline: none; + border-color: #239d21; + background: #fff; + box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); + } + + textarea { + min-height: 150px; + resize: vertical; + } + + button { + background: linear-gradient(135deg, #239d21 0%, #07ff02 100%); + color: white; + padding: 1rem 2rem; + border: none; + border-radius: 12px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2); + } + + button:hover { + transform: translateY(-2px); + box-shadow: 0 8px 12px rgba(37, 99, 235, 0.25); + } + + #popup-message { + position: fixed; + bottom: 2rem; + right: 2rem; + background: #239d21; + color: white; + padding: 1rem 2rem; + border-radius: 12px; + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); + transform: translateY(150%); + transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); + } + + #popup-message.show { + transform: translateY(0); + } + + .hidden { + display: none; + } + + /* Loading animation */ + .loading { + position: relative; + pointer-events: none; + } + + .loading::after { + content: ""; + position: absolute; + width: 20px; + height: 20px; + top: 50%; + left: 50%; + margin: -10px 0 0 -10px; + border: 3px solid rgba(255, 255, 255, 0.3); + border-radius: 50%; + border-top-color: white; + animation: spin 1s ease-in-out infinite; + } + + @keyframes spin { + to { + transform: rotate(360deg); + } + } + + /* Responsive Design */ + @media (max-width: 768px) { + .content-wrapper { + padding: 2rem 1rem; + /* margin-right: -3rem; */ + } + + .contact-section { + padding: 2rem; + border-radius: 16px; + } + + .contact-grid { + grid-template-columns: 1fr; + } + + h1 { + font-size: 2rem; + } + + .header-content p { + font-size: 1rem; + } + } + + /* ======================== + Footer Section + ======================== */ + .main-footer { + background-color: linear-gradient(to right, #11cb2a, #19be50); + ; + padding: 4rem 5%; + color: #333; + font-family: 'Arial', sans-serif; + border-top: 3px solid #E5A186; + border-top-left-radius: 50px; + border-top-right-radius: 50px; + } + + .footer-content { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-bottom: 2rem; + } + + .footer-section h3 { + font-size: 2rem; + margin-bottom: 1rem; + color: #000; + } + + .footer-section h4 { + font-size: 1.2rem; + margin-bottom: 1rem; + color: #000; + } + + .footer-section p { + line-height: 1.6; + margin-bottom: 1rem; + letter-spacing: 0.2px; + } + + .footer-section ul { + list-style: none; + padding: 0; + } + + .footer-section ul li { + margin-bottom: 0.8rem; + } + + .footer-section ul li a { + color: #333; + text-decoration: none; + transition: color 0.3s ease; + } + + .footer-section ul li a:hover { + color: #E5A186; + } + + .social-links { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-top: 1rem; + } + + .social-links a { + color: #f7f5f5; + font-size: 1.5rem; + text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: all 0.3s ease; + } + + .social-links a[aria-label="Facebook"]:hover { + color: #3b5998; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .social-links a[aria-label="Twitter"]:hover { + color: #1da1f2; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + footer form input { + flex: 1; + padding: 10px; + font-size: 14px; + border: 1px solid #dee2e6; + border-radius: 4px; + background-color: #ffffff; + transition: all 0.4s ease; + outline: none; + position: relative; + } + + footer form input:hover { + border-color: #6c757d; + background-color: #f1f1f1; + box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2); + transform: translateY(-2px) scale(1.02); + } + + footer form input:focus { + border-color: #495057; + background-color: #ffffff; + box-shadow: 0 6px 15px rgba(73, 80, 87, 0.3); + transform: translateY(-3px) scale(1.03); + } + + footer form input:active { + border-color: #343a40; + background-color: #e9ecef; + box-shadow: 0 2px 8px rgba(52, 58, 64, 0.2); + transform: translateY(0) scale(1); + } + + footer form button { + padding: 10px 20px; + font-size: 14px; + font-weight: bold; + background-color: #6c757d; + color: #ffffff; + border: none; + border-radius: 4px; + cursor: pointer; + transition: all 0.4s ease, box-shadow 0.4s ease; + position: relative; + overflow: hidden; + } + + footer form button:hover { + background-color: #495057; + transform: translateY(-2px) scale(1.05); + box-shadow: 0 6px 15px rgba(73, 80, 87, 0.3); + } + + footer form button:active { + background-color: #343a40; + transform: translateY(0) scale(0.98); + box-shadow: 0 2px 8px rgba(52, 58, 64, 0.2); + } + + footer form button::before { + content: ""; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 0.2); + transition: all 0.4s ease; + z-index: 1; + } + + footer form button:hover::before { + left: 100%; + } + + footer form button span { + position: relative; + z-index: 2; + } + + .social-links a[aria-label="Instagram"]:hover { + color: #e4405f; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .social-links a[aria-label="YouTube"]:hover { + color: #ff0000; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .social-links a[aria-label="Linkedin"]:hover { + color: #0077b5; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); + } + + .contact-info li { + display: flex; + align-items: center; + transition: all 0.3s ease; + gap: 0.6rem; + } + + .contact-info li span { + margin-left: 0.3rem; + transition: all 0.3s ease; + } + + .contact-info li span:hover { + color: #E5A186; + } + + .footer-bottom { + text-align: center; + padding-top: 0.5rem; + border-top: 1px solid #ddd; + font-size: 0.9rem; + background-color: #ffffff00; + } + + .heart { + display: inline-block; + animation: beat 1s ease infinite; + } + + form { + padding-bottom: 199px; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + /* Add relative positioning to the form */ + margin-bottom: 1px; + } + + form::before { + content: ""; + position: absolute; + bottom: 0; + left: 0%; + /* Adjust this value to control the starting point of the border */ + width: 92%; + /* Adjust this value to control the length of the border */ + border-bottom: 1px solid #fafafa; + /* Your border color */ + } + + form input { + width: 80%; + padding: 10px; + background: transparent; + color: #CCC; + border: 0; + outline: none; + } + + form button { + background: transparent; + border: 0; + outline: none; + cursor: pointer; + color: black; + } + + form button .fas { + font-size: 16px; + padding: 10px 20px; + color: #fafafa; + } + + .main-footer .footer-content { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + } + + .main-footer .footer-section { + flex: 1 1 18%; + /* This ensures each section takes up an equal width, you can adjust percentage as needed */ + padding: 10px; + } + + .main-footer .footer-section h4 { + margin-bottom: 10px; + } + + .main-footer .footer-section ul, + .main-footer .footer-section form { + margin: 0; + padding: 0; + list-style: none; + } + + .main-footer .footer-section form input { + margin-right: 10px; + } + + h4 { + position: relative; + /* Add relative positioning to the

element */ + } + + .underline { + width: 45%; + /* Adjusted to make the red line shorter */ + height: 3px; + background: #767676; + border-radius: 3px; + position: absolute; + bottom: -8px; + /* Adjusted to position the underline correctly below the text */ + left: 10%; + /* Centers the underline horizontally */ + transform: translateX(-20%); + /* This ensures that the underline is centered */ + overflow: hidden; + } + + .underline span { + width: 15px; + height: 100%; + background: #fff; + border-radius: 3px; + position: absolute; + top: 0; + left: -15px; + /* Starting off-screen to the left */ + animation: moving 2s linear infinite; + } + + @keyframes moving { + 0% { + left: -20px; + /* Start animation off-screen */ + } + + 100% { + left: 100%; + /* Move the span across to the right */ + } + } + + #scrollButton { + position: fixed; + bottom: 120px; + right: 32px; + background-color: #007bff; + color: white; + border: none; + border-radius: 50%; + width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + opacity: 0; + z-index: 1000; + visibility: hidden; + transition: all 0.3s ease-in-out; + } + + #scrollButton:hover { + background-color: #218838; + transform: scale(1.1); + } + + #scrollButton i { + font-size: 20px; + } + + #scrollButton.show { + opacity: 1; + visibility: visible; + } + + + #cursor { + height: 20px; + width: 20px; + background-color: rgb(125, 239, 11, 0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; + } + + #about { + margin: 40px; + text-align: justify" + + } + + .about { + flex: 2; + min-width: 300px; + display: flex; + align-items: flex-start; + margin: 10px; + transition: transform 0.3s ease-in-out; + + } + + .DSA-footer-logo { + width: 100px; + margin-top: 40px + } + + .social-links { + display: flex; + justify-content: center; + } + + .social-icons { + margin-left: 15%; + list-style: none; + padding: 0; + display: flex; + gap: 10px + } + + @media (max-width: 770px) { + .content-wrapper { + max-width: 575px; + } + + .social-icons { + margin-left: 25%; + } + } + + @media (max-width: 430px) { + .content-wrapper { + max-width: 360px; + } + + } + + @media (max-width: 380px) { + .content-wrapper { + max-width: 310px; + } + } + + @media (max-width: 321px) { + .content-wrapper { + max-width: 285px; + } + } + + #about { + margin-left: 10px; + margin-right: 0; + text-align: left; + } + + .about { + min-width: 220px + } + + .footer-content { + padding: 0; + } + + footer { + padding: 0 5px; + } + + #cursor { + height: 20px; + width: 20px; + background-color: rgb(125, 239, 11, 0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; + } +} + +.navbar { + padding: 1rem; +} + +.logo { + display: flex; + align-items: center; +} + +.logo img { + height: 50px; + width: auto; + transition: transform 0.3s ease; + + .mobile-menu-btn { + display: block; + } + + .nav-links { + display: none; + /* Hide by default on mobile */ + position: absolute; + top: 100%; + left: 0; + right: 0; + background: rgba(255, 255, 255, 0.98); + flex-direction: column; + padding: 1rem; + gap: 1rem; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + } + + /* Show menu when active */ + .nav-links.active { + display: flex; + } + + .nav-links li { + width: 100%; + text-align: center; + } + + .nav-links a { + display: block; + padding: 0.75rem 0; + } + + .nav-links a::after { + display: none; + /* Remove hover animation on mobile */ + } +} + +/* Dark mode support */ +@media (prefers-color-scheme: dark) { + + + .nav-links a { + color: #0e0f0f; + font-weight: bold; + } + + .nav-links a:hover { + color: #60a5fa; + } +} + + + + +/* Add smooth scroll behavior */ +html { + scroll-behavior: smooth; +} + +/* Optional: Adjust for fixed header when scrolling to anchor links */ +:target { + scroll-margin-top: 80px; +} + +.content-wrapper { + max-width: 1000px; + margin: 0 auto; + padding: 4rem 1.5rem; +} + +.contact-section { + background: rgba(255, 255, 255, 0.95); + border-radius: 24px; + padding: 3rem; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); + backdrop-filter: blur(10px); + border: 1px solid rgba(255, 255, 255, 0.5); +} + +.header-content { + text-align: center; + margin-bottom: 3.5rem; +} + +h1 { + font-size: 2.5rem; + margin-bottom: 1rem; + background: linear-gradient(135deg, #239d21 0%, #04ff00 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + font-weight: 700; +} + +.header-content p { + color: #64748b; + font-size: 1.1rem; + max-width: 600px; + margin: 0 auto; +} + +.contact-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 2rem; + margin-bottom: 3rem; +} + +.contact-info { + background: #f8faff; + padding: 1.5rem; + border-radius: 16px; + text-align: center; + transition: transform 0.3s ease; +} + +.contact-info:hover { + transform: translateY(-5px); +} + +.contact-info i { + font-size: 1.5rem; + color: #239d21; + margin-bottom: 1rem; +} + +.contact-info h3 { + font-size: 1.1rem; + margin-bottom: 0.5rem; + color: #1e293b; +} + +.contact-info p { + color: #64748b; + font-size: 0.9rem; +} + +#contact-form { + display: flex; + flex-direction: column; + gap: 1.5rem; + margin-left: -4rem; +} + +.form-group { + position: relative; +} + +label { + display: block; + margin-bottom: 0.5rem; + color: #1e293b; + font-weight: 500; + font-size: 0.95rem; +} + +input, +textarea { + width: 100%; + padding: 1rem; + border: 2px solid #e2e8f0; + border-radius: 12px; + background: #f8faff; + font-size: 1rem; + color: #1e293b; + transition: all 0.3s ease; +} + +input:focus, +textarea:focus { + outline: none; + border-color: #239d21; + background: #fff; + box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); +} + +textarea { + min-height: 150px; + resize: vertical; + width: 30rem; + margin-left: 4rem; + +} + +button { + background: linear-gradient(135deg, #239d21 0%, #07ff02 100%); + color: white; + padding: 1rem 2rem; + border: none; + border-radius: 12px; + font-size: 1rem; + font-weight: 600; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2); +} + +button:hover { + transform: translateY(-2px); + box-shadow: 0 8px 12px rgba(37, 99, 235, 0.25); +} + +#popup-message { + position: fixed; + bottom: 2rem; + right: 2rem; + background: #239d21; + color: white; + padding: 1rem 2rem; + border-radius: 12px; + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); + transform: translateY(150%); + transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); +} + +#popup-message.show { + transform: translateY(0); +} + +.hidden { + display: none; +} + +/* Loading animation */ +.loading { + position: relative; + pointer-events: none; +} + +.loading::after { + content: ""; + position: absolute; + width: 20px; + height: 20px; + top: 50%; + left: 50%; + margin: -10px 0 0 -10px; + border: 3px solid rgba(255, 255, 255, 0.3); + border-radius: 50%; + border-top-color: white; + animation: spin 1s ease-in-out infinite; +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +/* Responsive Design */ +@media (max-width: 768px) { + .content-wrapper { + padding: 2rem 1rem; + /* margin-right: -3rem; */ + } + + .contact-section { + padding: 2rem; + border-radius: 16px; + } + + .contact-grid { + grid-template-columns: 1fr; + } + + h1 { + font-size: 2rem; + } + + .header-content p { + font-size: 1rem; + } +} + +/* ======================== + Footer Section + ======================== */ +.main-footer { + background-color: linear-gradient(to right, #11cb2a, #19be50); + ; + padding: 4rem 5%; + color: #333; + font-family: 'Arial', sans-serif; + border-top: 3px solid #E5A186; + border-top-left-radius: 50px; + border-top-right-radius: 50px; +} + +.footer-content { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + margin-bottom: 2rem; +} + +.footer-section h3 { + font-size: 2rem; + margin-bottom: 1rem; + color: #000; +} + +.footer-section h4 { + font-size: 1.2rem; + margin-bottom: 1rem; + color: #000; +} + +.footer-section p { + line-height: 1.6; + margin-bottom: 1rem; + letter-spacing: 0.2px; +} + +.footer-section ul { + list-style: none; + padding: 0; +} + +.footer-section ul li { + margin-bottom: 0.8rem; +} + +.footer-section ul li a { + color: #333; + text-decoration: none; + transition: color 0.3s ease; +} + +.footer-section ul li a:hover { + color: #E5A186; +} + +.social-links { + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-top: 1rem; +} + +.social-links a { + color: #f7f5f5; + font-size: 1.5rem; + text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: all 0.3s ease; +} + +.social-links a[aria-label="Facebook"]:hover { + color: #3b5998; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.social-links a[aria-label="Twitter"]:hover { + color: #1da1f2; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +footer form input { + flex: 1; + padding: 10px; + font-size: 14px; + border: 1px solid #dee2e6; + border-radius: 4px; + background-color: #ffffff; + transition: all 0.4s ease; + outline: none; + position: relative; +} + +footer form input:hover { + border-color: #6c757d; + background-color: #f1f1f1; + box-shadow: 0 4px 12px rgba(108, 117, 125, 0.2); + transform: translateY(-2px) scale(1.02); +} + +footer form input:focus { + border-color: #495057; + background-color: #ffffff; + box-shadow: 0 6px 15px rgba(73, 80, 87, 0.3); + transform: translateY(-3px) scale(1.03); +} + +footer form input:active { + border-color: #343a40; + background-color: #e9ecef; + box-shadow: 0 2px 8px rgba(52, 58, 64, 0.2); + transform: translateY(0) scale(1); +} + +footer form button { + padding: 10px 20px; + font-size: 14px; + font-weight: bold; + background-color: #6c757d; + color: #ffffff; + border: none; + border-radius: 4px; + cursor: pointer; + transition: all 0.4s ease, box-shadow 0.4s ease; + position: relative; + overflow: hidden; +} + +footer form button:hover { + background-color: #495057; + transform: translateY(-2px) scale(1.05); + box-shadow: 0 6px 15px rgba(73, 80, 87, 0.3); +} + +footer form button:active { + background-color: #343a40; + transform: translateY(0) scale(0.98); + box-shadow: 0 2px 8px rgba(52, 58, 64, 0.2); +} + +footer form button::before { + content: ""; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 0.2); + transition: all 0.4s ease; + z-index: 1; +} + +footer form button:hover::before { + left: 100%; +} + +footer form button span { + position: relative; + z-index: 2; +} + +.social-links a[aria-label="Instagram"]:hover { + color: #e4405f; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.social-links a[aria-label="YouTube"]:hover { + color: #ff0000; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.social-links a[aria-label="Linkedin"]:hover { + color: #0077b5; + text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.contact-info li { + display: flex; + align-items: center; + transition: all 0.3s ease; + gap: 0.6rem; +} + +.contact-info li span { + margin-left: 0.3rem; + transition: all 0.3s ease; +} + +.contact-info li span:hover { + color: #E5A186; +} + +.footer-bottom { + text-align: center; + padding-top: 0.5rem; + border-top: 1px solid #ddd; + font-size: 0.9rem; + background-color: #ffffff00; +} + +.heart { + display: inline-block; + animation: beat 1s ease infinite; +} + +form { + padding-bottom: 199px; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; + /* Add relative positioning to the form */ + margin-bottom: 1px; +} + +form::before { + content: ""; + position: absolute; + bottom: 0; + left: 0%; + /* Adjust this value to control the starting point of the border */ + width: 92%; + /* Adjust this value to control the length of the border */ + border-bottom: 1px solid #fafafa; + /* Your border color */ +} + +form input { + width: 145%; + padding: 10px; + background: transparent; + color: black; + border: 1px solid black; + outline: none; +} + +form button { + background: transparent; + border: 0; + outline: none; + cursor: pointer; + color: #000; + margin-left: 6rem; +} + +form button .fas { + font-size: 16px; + padding: 10px 20px; + color: #fafafa; +} + +.main-footer .footer-content { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; +} + +.main-footer .footer-section { + flex: 1 1 18%; + /* This ensures each section takes up an equal width, you can adjust percentage as needed */ + padding: 10px; +} + +.main-footer .footer-section h4 { + margin-bottom: 10px; +} + +.main-footer .footer-section ul, +.main-footer .footer-section form { + margin: 0; + padding: 0; + list-style: none; +} + +.main-footer .footer-section form input { + margin-right: 10px; +} + +h4 { + position: relative; + /* Add relative positioning to the

element */ +} + +.underline { + width: 45%; + /* Adjusted to make the red line shorter */ + height: 3px; + background: #767676; + border-radius: 3px; + position: absolute; + bottom: -8px; + /* Adjusted to position the underline correctly below the text */ + left: 10%; + /* Centers the underline horizontally */ + transform: translateX(-20%); + /* This ensures that the underline is centered */ + overflow: hidden; +} + +.underline span { + width: 15px; + height: 100%; + background: #fff; + border-radius: 3px; + position: absolute; + top: 0; + left: -15px; + /* Starting off-screen to the left */ + animation: moving 2s linear infinite; +} + +@keyframes moving { + 0% { + left: -20px; + /* Start animation off-screen */ + } + + 100% { + left: 100%; + /* Move the span across to the right */ + } +} + +#scrollButton { + position: fixed; + bottom: 120px; + right: 32px; + background-color: #007bff; + color: white; + border: none; + border-radius: 50%; + width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + opacity: 0; + z-index: 1000; + visibility: hidden; + transition: all 0.3s ease-in-out; +} + +#scrollButton:hover { + background-color: #218838; + transform: scale(1.1); +} + +#scrollButton i { + font-size: 20px; +} + +#scrollButton.show { + opacity: 1; + visibility: visible; +} + +.help-boxes { + display: flex; + flex-wrap: wrap; + margin: 2vh; +} + +.help-box { + width: 30vw; + text-align: center; + padding: 2vh; +} + +.help-box h4{ + color: #04ff00; +} + +.help-box:hover { + transform: translateY(-5px); + box-shadow: 0 8px 12px rgba(21, 255, 0, 0.2); + background-color: #eafff5; +} + +#cursor { + height: 20px; + width: 20px; + background-color: rgb(125, 239, 11, 0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; +} + +#about { + margin: 40px; + text-align: justify" + +} + +.about { + flex: 2; + min-width: 300px; + display: flex; + align-items: flex-start; + margin: 10px; + transition: transform 0.3s ease-in-out; + +} + +.DSA-footer-logo { + width: 100px; + margin-top: 40px +} + +.social-links { + display: flex; + justify-content: center; +} + +.social-icons { + margin-left: 15%; + list-style: none; + padding: 0; + display: flex; + gap: 10px +} + +@media (max-width: 770px) { + .content-wrapper { + max-width: 575px; + } + + .social-icons { + margin-left: 25%; + } +} + +@media (max-width: 430px) { + .content-wrapper { + max-width: 360px; + } + +} + +@media (max-width: 380px) { + .content-wrapper { + max-width: 310px; + } +} + +@media (max-width: 321px) { + .content-wrapper { + max-width: 285px; + } +} + +#about { + margin-left: 10px; + margin-right: 0; + text-align: left; +} + +.about { + min-width: 220px +} + +.footer-content { + padding: 0; +} + +footer { + padding: 0 5px; +} + +#cursor { + height: 20px; + width: 20px; + background-color: rgb(125, 239, 11, 0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; +} + +.footer-section img { + width: 50px +} + +.social-icons { + margin-left: 21%; +} + +#cursor { + height: 20px; + width: 20px; + background-color: rgb(125, 239, 11, 0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; +} \ No newline at end of file diff --git a/contact.html b/contact.html index 99bb06bf..de7bfe09 100644 --- a/contact.html +++ b/contact.html @@ -1,9 +1,19 @@ + + + + + + + + + + Contact Us @@ -12,868 +22,43 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> + + - - - - -
-
- -
- + +
+
+ +
@@ -881,11 +66,10 @@

Get in Touch

We'd love to hear from you! Send us a message and we'll respond as soon as possible.

-

Ask how we can help you:

- +

Code Explanation and Debugging

Struggling with a specific error? Paste your code here and get a detailed explanation or fix.

@@ -905,6 +89,36 @@

Learning Resources and Guidance

journey.

+ +
+
+ +
+
+ +
+
+ +
+ +
@@ -925,37 +139,15 @@

Call Us

-
-
- - -
-
- - -
-
- - -
- -
- - - - + - - + + + + + + + - - - - - - \ No newline at end of file + + + + \ No newline at end of file diff --git a/contributors.html b/contributors.html index 4fa5aeee..b7343b7c 100644 --- a/contributors.html +++ b/contributors.html @@ -1,814 +1,980 @@ + + + + + + + + + + + + Our Contributors- DSA Problem Solutions + + + + + - - - - - -
-
-

Our Contributors

-
- -
-
- - - -
- -
- - - -
- -
- -
-
-

Smart DSA Hub

-

Your ultimate coding Notebook! Pick your favorite platform and sharpen your skills.

-
- - - - - - + href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" + rel="stylesheet" + /> + + + + + + + + + + + -
- Coding Illustration +
+ + +
+ +
+ +
+
+ +
+
+

+ Smart DSA Hub +

+

+ Your ultimate coding Notebook! Pick your favorite platform and + sharpen your skills. +

+ +
+
+ Coding Illustration +
+
-
- -
- - - -
-
Code 360 by CN Logo @@ -127,14 +299,14 @@

HackerRank

CodeChef

CodeChef
- +
LeetCode Logo

LeetCode

Leetcode
- +
Code 360 by CN Logo @@ -155,158 +327,380 @@

GeeksforGeeks

Codeforces

Codeforces
-
- - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + + diff --git a/leetcode.html b/leetcode.html index 3985cff8..3fe83707 100644 --- a/leetcode.html +++ b/leetcode.html @@ -3,6 +3,17 @@ + + + + + + + + + + + LeetCode Problems - DSA Problem Solutions +
+
- +

LeetCode Problems

diff --git a/leetcode1.html b/leetcode1.html index 3985cff8..bdbcbf37 100644 --- a/leetcode1.html +++ b/leetcode1.html @@ -3,6 +3,15 @@ + + + + + + + + + LeetCode Problems - DSA Problem Solutions +
+
- +

LeetCode Problems

diff --git a/pages/Login.css b/pages/Login.css index c9a24f0b..1307c641 100644 --- a/pages/Login.css +++ b/pages/Login.css @@ -1,17 +1,19 @@ /* General Body Styling */ body { - font-family: 'Poppins', sans-serif; - background: linear-gradient(to top right, #80ff00, #07922a); - color: #fff; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - align-items: center; - justify-content: flex-start; - min-height: 100vh; + font-family: 'Poppins', sans-serif; + background: linear-gradient(to top right, #80ff00, #07922a); + color: #ffffff; /* Keeps text readable against the green */ + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + min-height: 100vh; } + + /* Navbar Styles */ .navbar { background: rgb(250, 249, 249); @@ -186,6 +188,7 @@ body { } } + /* Modal */ .modal { /* width: 80%; */ @@ -213,12 +216,13 @@ body { width: 70vw; max-width: 420px; padding: 2.5rem; - background: linear-gradient(to top right, #456129, #07922a); + background: #f5f5dc; /* Earthy beige tone */ border-radius: 24px; - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); - border: 1px solid var(--border); - } + border: 1px solid rgba(0, 0, 0, 0.1); + color: #333; /* Dark gray for good contrast */ +} .auth-header { text-align: center; @@ -279,14 +283,20 @@ body { border-radius: 12px; color: var(--text-primary); font-size: 1rem; - transition: all 0.3s ease; - } + transition: all 0.3s ease; /* Smooth transition for hover and focus effects */ +} - .input-field:focus { +.input-field:focus { outline: none; border-color: var(--accent); - box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1); - } + border-width: 2px; /* Thicker border for better visibility */ + box-shadow: 0 0 0 4px rgba(133, 134, 239, 0.1); /* Subtle glow effect */ +} + +.input-field:hover { + border-color: var(--accent-hover); /* Border color changes on hover */ + background: rgba(6, 184, 66, 0.1); /* Slightly darker background on hover */ +} .input-field::placeholder { color: var(--text-secondary); @@ -407,7 +417,7 @@ body { padding: 1.5rem; margin: 1rem; border-radius: 16px; - } + } } /* Error Message Styling */ diff --git a/pages/Login.html b/pages/Login.html index 7334e23f..7278e7b3 100644 --- a/pages/Login.html +++ b/pages/Login.html @@ -1,93 +1,136 @@ + + + + + + + + + + - - - Sign In / Sign Up - - - + + + + - + - - - + +
+

Check Your Progress

+ + + +
+

✨ Easy: 0

+

⚡ Medium: 0

+

🔥 Hard: 0

+
+
+ + + -
+ +

Problems

@@ -145,22 +245,349 @@

ProblemsAdd a New Question

- + - + - - +
+ + + + - - + + + diff --git a/pages/codechef.css b/pages/codechef.css index 4b9c1c26..d446bc50 100644 --- a/pages/codechef.css +++ b/pages/codechef.css @@ -1,36 +1,17 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Poppins', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; } body { - background-color: #f4f7fc; - color: #333; - display: flex; - flex-direction: column; - min-height: 100vh; -} - -/* Navbar Styles */ -.navbar { - background: rgb(250, 249, 249); - padding: 1rem 2rem; - position: fixed; - top: 0; - left: 0; - right: 0; + background-color: #f4f7fc; + color: #333; display: flex; - justify-content: space-between; - align-items: center; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - z-index: 1000; - backdrop-filter: blur(10px); - border-radius: 5px; - border: 5px rgb(173, 186, 74) solid; + flex-direction: column; + min-height: 100vh; } - .logo { display: flex; align-items: center; @@ -46,477 +27,587 @@ body { transform: scale(1.05); } -.logo { +.logo{ padding-top: 8px; } -.nav-links { +header { + background-color: #24292e; + color: #fff; + margin: 100px; + text-align: center; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; - gap: 2rem; - list-style: none; - margin: 0; - padding: 0; + justify-content: center; + align-items: center; + padding-right:400px; + flex-direction: row; + align-self: center; + width: 100%; + height: 18vh; } -.nav-links li { - position: relative; +header h1 { + margin-left: 30rem; + font-size: 2.5rem; + font-weight: 600; + display: flex; + justify-content: center; + align-items: center; + align-self: center; + } -.nav-links li a { - /* color: #000; */ - color: #000; - font-weight: bold; - text-decoration: none; - padding: 8px 12px; - transition: background-color 0.3s ease-in-out; - font-size: 18px; +.container { + display: flex; + flex: 1; + height: calc(100vh - 60px); } -.nav-links a { - color: #333; - text-decoration: none; - font-weight: 500; - font-size: 1rem; - padding: 0.5rem 0; - transition: color 0.3s ease; +.problems-list { + width: 50%; + padding: 20px; + overflow-y: auto; +} + +.solution-display { + width: 50%; + padding: 20px; + background-color: #f0f0f0; + overflow-y: auto; } -.nav-links a:hover { - color: #007bff; +.card { + background-color: #fff; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + margin-bottom: 20px; } -/* Underline animation for nav links */ -.nav-links a::after { - content: ''; - position: absolute; - width: 0; - height: 2px; - bottom: 0; - left: 0; - background-color: #007bff; - transition: width 0.3s ease; +.card-header { + padding: 15px 20px; + border-bottom: 1px solid #e0e0e0; } -.nav-links a:hover::after { - width: 100%; +.card-title { + font-size: 1.2rem; + font-weight: 600; } -/* Active link style */ -.nav-links a.active { - color: #007bff; +.card-content { + padding: 15px 20px; } -.nav-links a.active::after { - width: 100%; +.button-container { + display: flex; + justify-content: flex-end; + margin-top: 15px; } -/* Mobile menu button - Hidden by default */ -.mobile-menu-btn { - color: #000; - display: none; - background: none; +.button { + padding: 8px 16px; border: none; - padding: 0.5rem; + border-radius: 5px; cursor: pointer; + font-size: 0.9rem; + display: flex; + align-items: center; + transition: background-color 0.3s; } -/* Responsive Design */ -@media (max-width: 768px) { - .navbar { - padding: 1rem; - } - - .mobile-menu-btn { - display: block; - } - - .nav-links { - display: none; - /* Hide by default on mobile */ - position: absolute; - top: 100%; - left: 0; - right: 0; - background: rgba(255, 255, 255, 0.98); - flex-direction: column; - padding: 1rem; - gap: 1rem; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - } - - /* Show menu when active */ - .nav-links.active { - display: flex; - } - - .nav-links li { - width: 100%; - text-align: center; - } - - .nav-links a { - display: block; - padding: 0.75rem 0; - } - - .nav-links a::after { - display: none; - /* Remove hover animation on mobile */ - } +.button:not(:last-child) { + margin-right: 10px; } -/* Dark mode support */ -@media (prefers-color-scheme: dark) { - - .nav-links a { - color: #f9fafd; - } - - .nav-links a:hover { - color: #60a5fa; - } - - .nav-links a::after { - background-color: #60a5fa; - } - - @media (max-width: 768px) { - .nav-links { - background: rgba(174, 237, 158, 0.98); - } - } -} -header { - margin-top: 90px; - background-color: #24292e; - color: #fff; - padding: 20px; - text-align: center; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - display: flex; +.button-primary { + background-color: #2acb1e; + color: white; } -header h1 { - margin-left: 30rem; - font-size: 2.5rem; - font-weight: 600; +.button:hover { + opacity: 0.9; } -.container { - display: flex; - flex: 1; - height: calc(100vh - 60px); +.icon { + margin-right: 5px; } -.problems-list { - width: 50%; - padding: 20px; - overflow-y: auto; +.progress-card { +margin-top: 0.6rem; +padding: 1.5rem; } -.solution-display { - width: 50%; - padding: 20px; - background-color: #f0f0f0; - overflow-y: auto; +.progress-card h2 { +margin-bottom:0.6rem; +font-size: 1.5rem; } -.card { - background-color: #fff; - border-radius: 10px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - margin-bottom: 20px; +.progress-card .button { +margin-top: 0.6rem; +border: none; +padding: 8px 16px; +transition: background-color 0.3s ease; } -.card-header { - padding: 15px 20px; - border-bottom: 1px solid #e0e0e0; +#username { +padding: 0.5rem; +border: 1px solid #827d7d; } -.card-title { - font-size: 1.2rem; - font-weight: 600; +#stats { +margin-top: 20px; } - -.card-content { - padding: 15px 20px; +#stats p { +font-size: 16px; +color: #444; +margin: 10px 0; } - -.button-container { - display: flex; - justify-content: flex-end; - margin-top: 15px; +#stats span { +font-weight: bold; +color: #ff7e67; } -.button { - padding: 8px 16px; - border: none; - border-radius: 5px; - cursor: pointer; - font-size: 0.9rem; - display: flex; - align-items: center; - transition: background-color 0.3s; +header h1{ +margin-left: 28rem; } -.button:not(:last-child) { - margin-right: 10px; + +/* Question Form Styles */ +.ques-form { + max-width: 600px; + margin: 2rem auto; + padding: 2rem; + background: #ffffff; + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); + border-radius: 12px; } -.button-primary { - background-color: #2acb1e; - color: white; +.ques-form h3 { + color: #2d3748; + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 1.5rem; + padding-bottom: 0.75rem; + border-bottom: 2px solid #e2e8f0; } -.button:hover { - opacity: 0.9; +.ques-form form { + display: flex; + flex-direction: column; + gap: 1.25rem; } -.icon { - margin-right: 5px; +.ques-form label { + color: #4a5568; + font-weight: 500; + font-size: 0.9rem; + margin-bottom: 0.5rem; + display: block; } -/* Additional styles for the pop-up card */ -.popup-card { - display: none; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 90%; - max-width: 700px; - background: white; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); - padding: 20px; +.ques-form input, +.ques-form select, +.ques-form textarea { + width: 100%; + padding: 0.75rem 1rem; + border: 1.5px solid #e2e8f0; border-radius: 8px; - z-index: 1000; + font-size: 1rem; + color: #2d3748; + background-color: #f8fafc; + transition: all 0.3s ease; } -.popup-card.active { - display: block; + +.ques-form input:focus, +.ques-form select:focus, +.ques-form textarea:focus { + outline: none; + border-color: #4299e1; + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15); + background-color: #ffffff; } -.popup-card h2 { - margin-bottom: 15px; + +.ques-form select { + appearance: none; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: right 1rem center; + background-size: 1em; + padding-right: 2.5rem; } -.popup-card button.close-popup { - background: #f44336; + +.ques-form textarea { + min-height: 120px; + resize: vertical; + font-family: 'Courier New', Courier, monospace; + line-height: 1.5; +} + +.ques-form button[type="submit"] { + background: linear-gradient(to right, #1f5d25, #29b200); color: white; + font-weight: 600; + padding: 0.875rem 1.5rem; border: none; - padding: 8px 12px; - border-radius: 5px; + border-radius: 8px; cursor: pointer; - float: right; + transition: all 0.3s ease; + margin-top: 0.5rem; } -.popup-overlay { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - z-index: 999; + +.ques-form button[type="submit"]:hover { + background: linear-gradient(to right, #076e18, #0ab40a); + transform: translateY(-1px); + box-shadow: 0 4px 12px rgba(49, 130, 206, 0.25); } -.popup-overlay.active { - display: block; + +.ques-form button[type="submit"]:active { + transform: translateY(0); + box-shadow: none; } +/* Error states */ +.ques-form input:invalid:not(:placeholder-shown), +.ques-form textarea:invalid:not(:placeholder-shown) { + border-color: #fc8181; +} -/* Question Form Styles */ -.ques-form { - max-width: 600px; - margin: 2rem auto; - padding: 2rem; - background: #ffffff; - box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); - border-radius: 12px; +.ques-form input:invalid:not(:placeholder-shown):focus, +.ques-form textarea:invalid:not(:placeholder-shown):focus { + box-shadow: 0 0 0 3px rgba(252, 129, 129, 0.15); +} + +/* Responsive adjustments */ +@media (max-width: 640px) { + .ques-form { + padding: 1.5rem; + margin: 1rem; } - + .ques-form h3 { - color: #2d3748; - font-size: 1.5rem; - font-weight: 600; - margin-bottom: 1.5rem; - padding-bottom: 0.75rem; - border-bottom: 2px solid #e2e8f0; + font-size: 1.25rem; } - - .ques-form form { - display: flex; - flex-direction: column; - gap: 1.25rem; + + .ques-form button[type="submit"] { + width: 100%; + } +} + +/* Dark mode support */ +@media (prefers-color-scheme: dark) { + .ques-form { + background: #d6d6d6; + } + + .ques-form h3 { + color: #5a5b5c; + border-bottom-color: #2d3748; } - + .ques-form label { - color: #4a5568; - font-weight: 500; - font-size: 0.9rem; - margin-bottom: 0.5rem; - display: block; + color: #0f0f0f; } - + .ques-form input, .ques-form select, .ques-form textarea { - width: 100%; - padding: 0.75rem 1rem; - border: 1.5px solid #e2e8f0; - border-radius: 8px; - font-size: 1rem; - color: #2d3748; - background-color: #f8fafc; - transition: all 0.3s ease; + background-color: white; + border-color: #4a5568; + color: #e2e8f0; } - + .ques-form input:focus, .ques-form select:focus, .ques-form textarea:focus { - outline: none; - border-color: #4299e1; - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15); - background-color: #ffffff; + background-color: #2d3748; + border-color: #4299e1; } - + .ques-form select { - appearance: none; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-position: right 1rem center; - background-size: 1em; - padding-right: 2.5rem; - } - - .ques-form textarea { - min-height: 120px; - resize: vertical; - font-family: 'Courier New', Courier, monospace; - line-height: 1.5; - } - - .ques-form button[type="submit"] { - background: linear-gradient(to right, #1f5d25, #29b200); - color: white; - font-weight: 600; - padding: 0.875rem 1.5rem; - border: none; - border-radius: 8px; - cursor: pointer; - transition: all 0.3s ease; - margin-top: 0.5rem; - } - - .ques-form button[type="submit"]:hover { - background: linear-gradient(to right, #076e18, #0ab40a); - transform: translateY(-1px); - box-shadow: 0 4px 12px rgba(49, 130, 206, 0.25); - } - - .ques-form button[type="submit"]:active { - transform: translateY(0); - box-shadow: none; - } - - /* Error states */ - .ques-form input:invalid:not(:placeholder-shown), - .ques-form textarea:invalid:not(:placeholder-shown) { - border-color: #fc8181; - } - - .ques-form input:invalid:not(:placeholder-shown):focus, - .ques-form textarea:invalid:not(:placeholder-shown):focus { - box-shadow: 0 0 0 3px rgba(252, 129, 129, 0.15); - } - - /* Responsive adjustments */ - @media (max-width: 640px) { - .ques-form { - padding: 1.5rem; - margin: 1rem; - } - - .ques-form h3 { - font-size: 1.25rem; - } - - .ques-form button[type="submit"] { - width: 100%; - } - } - - /* Dark mode support */ - @media (prefers-color-scheme: dark) { - .ques-form { - background: #d6d6d6; - } - - .ques-form h3 { - color: #5a5b5c; - border-bottom-color: #2d3748; - } - - .ques-form label { - color: #0f0f0f; - } - - .ques-form input, - .ques-form select, - .ques-form textarea { - background-color: white; - border-color: #4a5568; - color: #e2e8f0; - } - - .ques-form input:focus, - .ques-form select:focus, - .ques-form textarea:focus { - background-color: #2d3748; - border-color: #4299e1; - } - - .ques-form select { - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E"); - } - } - - #cursor{ - height: 20px; - width:20px; - background-color: rgb(125, 239, 11,0.5); - border-radius: 50%; - position: fixed; - font-size: 7px; - text-align: center; - display: flex; - align-items: center; - justify-content: center; - z-index: 10; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E"); } +} + +#cursor{ + height: 20px; + width:20px; + background-color: rgb(125, 239, 11,0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; +} /* question display */ .card-content p:first-of-type { - font-family: "Segoe UI", Tahoma, Geneva, sans-serif; - background: linear-gradient(145deg, #f0f4f7, #d8e0e5); - color: #333; - padding: 20px; - border: 1px solid #ddd; - border-radius: 8px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - white-space: pre-wrap; - word-wrap: break-word; - font-size: 1rem; - line-height: 1.6; - margin-bottom: 20px; - position: relative; - transition: all 0.3s ease; +font-family: "Segoe UI", Tahoma, Geneva, sans-serif; +background: linear-gradient(145deg, #f0f4f7, #d8e0e5); +color: #333; +padding: 20px; +border: 1px solid #ddd; +border-radius: 8px; +box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +white-space: pre-wrap; +word-wrap: break-word; +font-size: 1rem; +line-height: 1.6; +margin-bottom: 20px; +position: relative; +transition: all 0.3s ease; } /* Hover effect */ .card-content p:first-of-type:hover { - background: linear-gradient(145deg, #e1ecf4, #c0d3e2); - border-color: #a0b9cc; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); +background: linear-gradient(145deg, #e1ecf4, #c0d3e2); +border-color: #a0b9cc; +box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); } /* Adding a subtle transition to smooth the effect */ .card-content p:first-of-type { - transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; -} \ No newline at end of file +transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; +} + +/* ======================== + Footer Section + ======================== */ +.main-footer { +background-color: linear-gradient(to right, #11cb2a, #19be50);; +padding: 4rem 5%; +color: #333; +font-family: 'Arial', sans-serif; +/*border-top: 3px solid #aaffaf;*/ +box-shadow: 0 2px 10px rgb(0 0 0); +border-top-left-radius: 30px; +border-top-right-radius: 30px; +margin-top: 50px; +} + +.footer-content { +display: grid; +margin-bottom: 2rem; +grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); +gap: 20px; +max-width: 1200px; +margin: auto; +padding: 20px; +} + +.footer-section h3 { +font-size: 2rem; +margin-bottom: 1rem; +color: #000; +} + +.footer-section h4 { +font-size: 1.2rem; +margin-bottom: 1rem; +color: #000; +} + +.footer-section p { +line-height: 1.6; +margin-bottom: 1rem; +letter-spacing: 0.2px; +} + +.footer-section ul { +list-style: none; +padding: 0; +} + +.footer-section ul li { +margin-bottom: 0.8rem; +} + +.footer-section ul li a { +color: #333; +text-decoration: none; +transition: color 0.3s ease; +} + +.footer-section ul li a:hover { +color: #E5A186; +} + +.social-links { +display: flex; +justify-content: flex-start; +align-items: center; +gap: 20px; +margin-top: 1rem; +} + +.social-links a { +color: #f7f5f5; +font-size: 1.5rem; +text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); +transition: all 0.3s ease; +} + +.social-links a[aria-label="Facebook"]:hover { +color: #3b5998; +text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.social-links a[aria-label="Twitter"]:hover { +color: #1da1f2; +text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} +.social-links a[aria-label="Instagram"]:hover { +color: #e4405f; +text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.social-links a[aria-label="YouTube"]:hover { +color: #ff0000; +text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.social-links a[aria-label="Linkedin"]:hover { +color: #0077b5; +text-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); +} + +.contact-info li { +display: flex; +align-items: center; +transition: all 0.3s ease; +gap: 0.6rem; +} + +.contact-info li span { +margin-left: 0.3rem; +transition: all 0.3s ease; +} + +.contact-info li span:hover { +color: #E5A186; +} + +.footer-bottom { +text-align: center; +margin-top: 20px; +padding-top: 20px; +font-size: 14px; +} + +#cursor{ +height: 20px; + width:20px; + background-color: rgb(125, 239, 11,0.5); + border-radius: 50%; + position: fixed; + font-size: 7px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + z-index: 10; +} + +form { + padding-bottom: 199px; + display: flex; + align-items: center; + justify-content: space-between; + position: relative; /* Add relative positioning to the form */ + margin-bottom: 1px; +} + +form::before { + content: ""; + position: absolute; + bottom: 0; + left: 0%; /* Adjust this value to control the starting point of the border */ + width: 92%; /* Adjust this value to control the length of the border */ + border-bottom: 1px solid #fafafa; /* Your border color */ +} + +form input{ + width:80%; + padding: 10px; + background: transparent; + color: #CCC; + border: 0; + outline: none; +} +form button{ + background: transparent; + border: 0; + outline: none; + cursor: pointer; +} +form button .fas{ +font-size: 16px; +padding: 10px 20px; +color: #fafafa; +} + + +.main-footer .footer-content { +display: flex; +justify-content: space-between; +align-items: flex-start; +flex-wrap: wrap; +} + +.main-footer .footer-section { +flex: 1 1 18%; /* This ensures each section takes up an equal width, you can adjust percentage as needed */ +padding: 10px; +} + +.main-footer .footer-section h4 { +margin-bottom: 10px; +} + +.main-footer .footer-section ul, +.main-footer .footer-section form { +margin: 0; +padding: 0; +list-style: none; +} + +.main-footer .footer-section form input { +margin-right: 10px; +} + +h4 { +position: relative; /* Add relative positioning to the

element */ +} + +.underline { +width: 50%; /* Adjusted to make the red line shorter */ +height: 3px; +background: linear-gradient(to right, #1b5d37, #29b429, #347e0e); +border-radius: 3px; +position: absolute; +bottom: -8px; /* Adjusted to position the underline correctly below the text */ +left: 10%; /* Centers the underline horizontally */ +transform: translateX(-20%); /* This ensures that the underline is centered */ +overflow: hidden; +} + +.underline span { +width: 15px; +height: 100%; +background: #fff; +border-radius: 3px; +position: absolute; +top: 0; +left: -15px; /* Starting off-screen to the left */ +animation: moving 2s linear infinite; +} + +@keyframes moving { +0% { + left: -20px; /* Start animation off-screen */ +} +100% { + left: 100%; /* Move the span across to the right */ +} +} diff --git a/pages/codechef.html b/pages/codechef.html index 9a2e1783..72dc78e0 100644 --- a/pages/codechef.html +++ b/pages/codechef.html @@ -3,6 +3,14 @@ + + + + + + + + Codechef Problems - DSA Problem Solutions + + +

Codechef Problems

@@ -252,5 +269,37 @@

${problem.title}

// Initial rendering of problems renderProblems(); + + diff --git a/pages/codechef2.html b/pages/codechef2.html index 5f84b758..3155745a 100644 --- a/pages/codechef2.html +++ b/pages/codechef2.html @@ -3,7 +3,16 @@ - Codechef Problems - DSA Problem Solutions + + + + + + + + + + CodeChef Problems - DSA Problem Solutions + + + + - -
-
-

+ + -
+ +

Problems

@@ -138,26 +245,350 @@

ProblemsAdd a New Question

- + - + - - +
+ + + - + + + + diff --git a/pages/codechef3.html b/pages/codechef3.html index 5f84b758..3155745a 100644 --- a/pages/codechef3.html +++ b/pages/codechef3.html @@ -3,7 +3,16 @@ - Codechef Problems - DSA Problem Solutions + + + + + + + + + + CodeChef Problems - DSA Problem Solutions + + + + - -
-
-
-
-
-
-

Join Our Team

-

We’re looking for passionate individuals to help us make an impact on data structure and algorithm learning.

-
-
- -
-
-

Why Work With Us?

-

- At DSA Problem Solutions, we believe in fostering an environment where creativity, collaboration, and continuous learning thrive. Our team is made up of talented individuals from diverse backgrounds who are dedicated to creating a platform that helps learners master data structures and algorithms. -

-

- Join us to work on exciting projects, contribute to open-source initiatives, and make a real difference in the tech community. -

-
- -
-

Current Job Openings

-
-

Frontend Developer

-

Location: Remote | Full-time

-

We are looking for a passionate Frontend Developer with experience in modern web technologies like HTML5, CSS3, JavaScript, and frameworks such as React or Vue.js. You’ll be building user interfaces that are engaging and scalable.

- Apply Now +
+
+
+

Join Our Team

+

+ We’re looking for passionate individuals to help us make an impact + on data structure and algorithm learning. +

-
-

Backend Developer

-

Location: Remote | Full-time

-

Looking for a Backend Developer with expertise in building robust APIs using Node.js, Python, or Ruby. You’ll work on our server-side architecture to ensure smooth data processing and integration.

- Apply Now +
+ +
+
+

Why Work With Us?

+

+ At DSA Problem Solutions, we believe in fostering an environment + where creativity, collaboration, and continuous learning thrive. Our + team is made up of talented individuals from diverse backgrounds who + are dedicated to creating a platform that helps learners master data + structures and algorithms. +

+

+ Join us to work on exciting projects, contribute to open-source + initiatives, and make a real difference in the tech community. +

-
-

Content Writer

-

Location: Remote | Part-time

-

We need a Content Writer who can create high-quality technical content related to DSA, tutorials, blogs, and articles that help our community stay updated and engaged.

- Apply Now + +
+

Current Job Openings

+
+

Frontend Developer

+

Location: Remote | Full-time

+

+ We are looking for a passionate Frontend Developer with experience + in modern web technologies like HTML5, CSS3, JavaScript, and + frameworks such as React or Vue.js. You’ll be building user + interfaces that are engaging and scalable. +

+ Apply Now +
+
+

Backend Developer

+

Location: Remote | Full-time

+

+ Looking for a Backend Developer with expertise in building robust + APIs using Node.js, Python, or Ruby. You’ll work on our + server-side architecture to ensure smooth data processing and + integration. +

+ Apply Now +
+
+

Content Writer

+

Location: Remote | Part-time

+

+ We need a Content Writer who can create high-quality technical + content related to DSA, tutorials, blogs, and articles that help + our community stay updated and engaged. +

+ Apply Now +
-
-
-

Interested? Get in Touch!

-

If you're excited about the opportunity to work with us and make an impact, feel free to reach out. You can connect with us through the form below or directly email us at careers@dsa-solutions.com.

-
- - - - -
-
-
-
- -
- -
+
+ + - - - + crossorigin="anonymous" + referrerpolicy="no-referrer" + > - + - - - +